/* One Connection: flyer-derived navy, electric blue, sunshine gold, and white. */
@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@700&display=swap');
:root{--navy:#071c70;--blue:#0757e8;--gold:#ffbd12;--green:var(--navy);--muted:#52617e;--line:#dde7f7;color:var(--navy);background:#fff;font-family:'DM Sans',Arial,sans-serif}
body{background:radial-gradient(ellipse at 105% 5%,#e3f2ff 0,transparent 36%),radial-gradient(ellipse at -15% 65%,#eef6ff 0,transparent 35%),#fff}
.demo{background:var(--navy);color:white;letter-spacing:1.5px}.demo span{color:#e1eaff}
header{max-width:1350px;height:auto;min-height:108px;gap:24px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}header nav{gap:23px;font-size:12px}nav a.active{border-color:var(--gold)}
.brand{display:block;flex-shrink:0}.brand-logo{display:block;position:relative;width:225px;height:52px;overflow:hidden}.brand-logo img{position:absolute;top:-15px;left:0;width:100%;height:auto;max-width:none}
.member{color:var(--navy)}.member select{background:#f3f7ff;border-color:#c9daf4;color:var(--navy)}
.primary{background:linear-gradient(110deg,#ffcf40,#ffb400);color:var(--navy);font-weight:800;border:1px solid #efb400;border-radius:30px;box-shadow:0 4px 0 #e7a60026;padding:14px 23px;transition:transform .15s,box-shadow .15s}.primary:hover{transform:translateY(-2px);box-shadow:0 6px 14px #dca60035}.primary:active{transform:translateY(0)}
.hero{background:#fff;border:1px solid #d9e8fa;border-radius:28px;box-shadow:0 16px 40px #0a3c8f08;min-height:395px;grid-template-columns:1.25fr 1fr;position:relative}.hero-copy{padding:42px 45px;position:relative;z-index:1}.eyebrow{color:var(--blue);letter-spacing:1.6px}.dot{background:var(--gold);box-shadow:0 0 0 4px #fff3cb}
h1{color:var(--navy);font-weight:800;letter-spacing:-1.9px;font-size:44px;line-height:1.17}.hero h1{max-width:540px;margin:22px 0 18px}.hero h1 em{font:inherit;color:var(--blue);position:relative;display:inline-block}.hero h1 em:after{content:'';display:block;height:6px;background:var(--gold);border-radius:100%;transform:rotate(-2deg);margin-top:5px}p{color:var(--muted)}.hero p{max-width:370px;font-size:14px}.hero .primary{margin-top:10px}
.art{background:linear-gradient(150deg,#f3faff,#e3f1ff);min-height:395px;isolation:isolate}.art:before{content:'';width:550px;height:380px;position:absolute;left:-110px;top:-210px;border-radius:50%;background:#fff;transform:rotate(-20deg);z-index:0}.art:after{content:'';position:absolute;width:550px;height:200px;left:-35px;bottom:-140px;border-radius:50%;border:16px solid var(--gold);transform:rotate(-15deg);background:var(--navy);z-index:0}.sun{background:linear-gradient(135deg,#ffda67,#ffb600);width:92px;height:92px;top:65px;right:60px;box-shadow:0 0 0 16px #fff8df}.hill{background:#c5e2ff;top:245px;width:650px;height:260px;left:-90px}.hill.two{background:#8bbfff;top:310px;left:70px}.path{background:#fff4cb;width:100px;left:230px;top:255px;height:260px}.art svg{height:245px;left:calc(50% - 122px);bottom:58px;z-index:1;filter:drop-shadow(0 10px 0 #0b47ab0d)}.art-label{bottom:23px;right:25px;color:white;font-weight:800;z-index:2;letter-spacing:2px}
.intro-strip{background:var(--navy);color:white;border-radius:16px;margin-top:18px;border:0;padding:20px;gap:55px;font-size:12px}.intro-strip span:first-child{color:#ffcf40}.intro-strip span:last-child{color:#ffcf40}
h2,h3{color:var(--navy)}.section-head{margin-top:38px}.section-head h2{font-size:28px;font-weight:800}.date{color:var(--blue);border-color:#d8e6f9;background:#f6faff;border-radius:30px;font-weight:600}
.card{border:1px solid #d8e4f6;border-radius:20px;box-shadow:0 6px 16px #09277c04}.card-top{height:85px;background:linear-gradient(110deg,#eaf3ff,#f7fbff);border-bottom:1px solid #e0eafa}.card-top:after{border-color:#c1dcff;border-width:14px;top:40px}.card:nth-child(2n) .card-top{background:linear-gradient(120deg,#fff6da,#fffaf0)}.card:nth-child(2n) .card-top:after{border-color:#ffe197}.place-tag{background:var(--navy);color:#fff;padding:8px 13px;border-radius:25px;font-weight:700;font-size:11px}.card:nth-child(2n) .place-tag{background:var(--gold);color:var(--navy)}.card-body{padding:24px}.time{color:var(--blue);font-size:11px}.host{border-color:#e2eafa;font-size:12px}.avatar{background:#eaf2ff;color:var(--blue);font-weight:800}.secondary{border:1px solid #a8c4ef;color:var(--navy);background:#fff;border-radius:28px;padding:12px 18px;font-weight:700}.secondary:hover{background:#eef5ff;border-color:var(--blue)}.card .secondary{background:var(--navy);color:#fff;border-color:var(--navy)}.card .secondary:hover{background:#0a3fa9}
.care{background:#fff8e2;border:1px solid #ffe5a0;border-radius:16px}.care>span{color:#e79f00;font-size:26px}.care strong{color:var(--navy)}.care a{color:var(--navy);font-weight:700}
footer{border-top:3px solid var(--gold);position:relative}footer .brand-logo{width:180px;height:43px}footer .brand-logo img{top:-12px}footer p{color:var(--muted)}footer>a,footer>span{color:var(--navy)}
dialog{background:#fff;color:var(--navy);border:1px solid #dae6f8;box-shadow:0 25px 90px #001c7750;border-radius:24px}dialog::backdrop{background:#06184eaa}dialog h2{font-weight:800}input,textarea,.field select{color:var(--navy);border-color:#bfcee7;border-radius:10px}input:focus,textarea:focus,.field select:focus{outline:2px solid var(--blue)}.check input{accent-color:var(--blue)}.notice{background:#fff7dc;color:#564514;border:1px solid #ffe7a0;border-radius:12px}.badge{color:var(--navy);background:#e8f1ff;font-weight:700}.row{border-color:var(--line);border-radius:18px}.bubble{background:#eaf3ff;color:var(--navy)}.bubble small{color:#52617e}.empty{border-color:#b8ceee;background:#f8fbff;border-radius:20px}#toast{background:var(--navy);border:1px solid #2457b0;color:white}.close{color:var(--navy)}.error{color:#b52424}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #1771e6;outline-offset:4px}
.brand-signoff{font-family:Kalam,'Segoe Print',cursive;color:var(--navy);font-size:25px;line-height:1.25;margin:0}.brand-signoff strong{color:var(--blue)}
@media(max-width:1150px){header nav{order:4;width:100%;justify-content:center;gap:35px}.header-post{margin-left:auto}.hero-copy{padding:35px}h1{font-size:39px}.brand-logo{width:215px;height:50px}}
@media(max-width:760px){header{padding:20px 24px;gap:16px}.brand-logo{width:190px;height:44px}.brand-logo img{top:-13px}.member{font-size:10px;gap:6px}.member select{padding:8px}header nav{order:3;gap:12px;justify-content:space-between;font-size:11px}.header-post{order:4;margin:0;width:100%}.hero{grid-template-columns:1fr;border-radius:22px}.hero-copy{padding:30px 25px}h1{font-size:36px;letter-spacing:-1.4px}.hero p{font-size:13px}.art{min-height:235px}.art svg{height:190px;left:calc(50% - 95px);bottom:25px}.sun{width:65px;height:65px;top:30px;right:65px}.hill{top:145px}.hill.two{top:200px}.path{top:150px;left:55%}.art:after{bottom:-160px}.art-label{font-size:8px;bottom:14px}.intro-strip{gap:10px;justify-content:space-around;font-size:9px;padding:17px 10px;line-height:1.6}.section-head h2{font-size:23px}.section-head{align-items:center}.date{font-size:9px;padding:9px 11px}.care{padding:20px;gap:12px}footer .brand-logo{width:170px;height:39px}footer .brand-logo img{top:-11px}.brand-signoff{font-size:23px}main{padding:0 18px}}
@media(prefers-reduced-motion:reduce){.primary{transition:none}.primary:hover{transform:none}}
.brand-logo{height:48px}footer .brand-logo{height:39px}@media(max-width:1150px){.brand-logo{height:46px}}@media(max-width:760px){.brand-logo{height:41px}footer .brand-logo{height:37px}}
/* Keep the profile button on the same baseline as the navigation links. */
header nav{align-items:center}
header nav>a,header nav>.profile-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 0 8px;margin:0;border:0;border-bottom:2px solid transparent;line-height:1.2;font:inherit;white-space:nowrap}
header nav>a.active{border-bottom-color:var(--gold)}
.communities-intro{max-width:730px;padding:32px 0}.communities-intro h1 em{font:inherit;color:var(--blue)}.text-link{display:inline-block;color:var(--blue);font-size:12px;font-weight:600;padding:10px 0}.community-feature{display:flex;align-items:center;gap:38px;border:1px solid #d6e4f7;background:linear-gradient(120deg,#f1f7ff,#fff);border-radius:24px;padding:40px;margin:15px 0 30px}.community-feature h2{margin-top:15px}.community-feature p{max-width:550px;margin-bottom:26px}.community-feature .primary{display:inline-block}.community-symbol{flex-shrink:0;display:grid;place-items:center;position:relative;width:125px;height:125px;border-radius:28px;background:var(--navy);color:var(--gold);font-family:Manrope,sans-serif;font-size:72px;font-weight:800;box-shadow:8px 8px 0 #ffe9a4}.community-symbol span{position:absolute;font-size:28px;right:9px;top:0;color:white}.community-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:36px 40px;margin:10px 0 22px;border-radius:24px;background:linear-gradient(120deg,#edf5ff,#fff9e6);border:1px solid #d8e6f9}.community-hero h1{font-size:39px;margin:17px 0}.community-disclosure{border-left:3px solid var(--gold);padding:10px 20px;background:#fffaf0}.community-disclosure strong{font-size:12px}.community-disclosure p{font-size:12px;margin:5px 0}.community-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0}.community-tools span{font-size:11px;color:var(--muted)}.community-badge{display:block;width:fit-content;font-size:10px;font-weight:600;background:#fff4d2;color:#58430d;border-radius:8px;padding:6px 9px;margin:10px 0}.audience-hint{font-size:11px;margin:8px 0 0}
@media(max-width:760px){header nav{justify-content:flex-start;gap:20px;overflow-x:auto;scrollbar-width:thin;padding-bottom:3px}header nav>*{flex-shrink:0}.community-feature{padding:25px;gap:25px;align-items:start;flex-direction:column}.community-symbol{width:80px;height:80px;font-size:47px;border-radius:19px}.community-symbol span{font-size:22px}.community-hero{padding:28px 24px;align-items:start}.community-hero h1{font-size:30px}.community-hero .community-symbol{width:52px;height:52px;font-size:30px;border-radius:14px;box-shadow:4px 4px 0 #ffe9a4}.community-hero .community-symbol span{font-size:15px;right:4px}.community-hero .eyebrow{font-size:8px;line-height:1.7}.communities-intro h1{font-size:33px}.community-tools .primary{width:100%}.community-tools .secondary{font-size:11px}.community-disclosure{padding:12px 16px}}