:root{--key-blue:#003f87;--deep-blue:#082c55;--navy:#071e36;--bright-blue:#0f67c6;--light-blue:#e9f3ff;--key-yellow:#f8c900;--soft-yellow:#fff4b8;--cream:#fffdf5;--white:#fff;--light-gray:#f4f6f8;--medium-gray:#697586;--dark-text:#10243e;--border-color:#10243e1a;--shadow:0 25px 70px #002d6026;--small-shadow:0 15px 35px #082c551f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--cream);min-height:100vh;color:var(--dark-text);font-family:DM Sans,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.page-wrapper{width:100%;min-height:100vh}.navbar{z-index:20;justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);min-height:94px;margin:0 auto;display:flex;position:relative}.brand{align-items:center;gap:13px;display:flex}.brand-icon{background:var(--key-blue);width:49px;height:49px;color:var(--key-yellow);border-radius:15px;place-items:center;font-family:League Spartan,sans-serif;font-size:23px;font-weight:800;display:grid;position:relative;transform:rotate(-4deg);box-shadow:0 8px 20px #003f8733}.brand-icon:after{content:"";border:3px solid var(--cream);background:var(--key-yellow);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-4px;right:-4px}.brand-icon span{transform:rotate(4deg)}.brand-text{flex-direction:column;display:flex}.brand-name{color:var(--deep-blue);font-family:League Spartan,sans-serif;font-size:22px;font-weight:800;line-height:1}.brand-subtitle{color:var(--medium-gray);letter-spacing:1.5px;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:700}.nav-links{align-items:center;gap:35px;display:flex}.nav-links a{color:#415269;font-size:14px;font-weight:600;transition:color .25s;position:relative}.nav-links a:after{content:"";background:var(--key-yellow);border-radius:10px;width:0;height:2px;transition:width .25s;position:absolute;bottom:-7px;left:0}.nav-links a:hover{color:var(--key-blue)}.nav-links a:hover:after{width:100%}.nav-actions{align-items:center;gap:12px;display:flex}.nav-login,.nav-signup{border-radius:12px;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex}.nav-login{min-width:83px;height:46px;color:var(--deep-blue)}.nav-login:hover{background:#003f870f}.nav-signup{background:var(--key-blue);min-width:125px;height:46px;color:var(--white);box-shadow:0 10px 25px #003f872e}.nav-signup:hover{background:var(--deep-blue);transform:translateY(-2px);box-shadow:0 14px 30px #003f873d}.hero-section{grid-template-columns:1.02fr .98fr;align-items:center;gap:70px;width:min(1180px,100% - 48px);min-height:690px;margin:0 auto;padding:70px 0 90px;display:grid;position:relative}.hero-decoration{pointer-events:none;filter:blur(1px);border-radius:50%;position:absolute}.hero-decoration-one{border:70px solid #f8c9001f;width:360px;height:360px;top:25px;left:-290px}.hero-decoration-two{background:#0f67c614;width:120px;height:120px;bottom:40px;right:-140px}.hero-content{z-index:3;position:relative}.hero-badge{width:fit-content;color:var(--key-blue);letter-spacing:.4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffa6;border:1px solid #003f871f;border-radius:100px;align-items:center;gap:9px;margin-bottom:25px;padding:10px 15px;font-size:12px;font-weight:700;display:flex;box-shadow:0 10px 30px #003f870d}.badge-dot{background:var(--key-yellow);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #f8c90026}.hero-content h1{max-width:620px;color:var(--deep-blue);letter-spacing:-3.5px;font-family:League Spartan,sans-serif;font-size:clamp(58px,6.2vw,88px);font-weight:800;line-height:.93}.hero-content h1 span{color:var(--key-blue);display:inline-block;position:relative}.hero-content h1 span:after{content:"";z-index:-1;background:var(--key-yellow);opacity:.78;border-radius:5px;height:18px;position:absolute;bottom:7px;left:2px;right:-6px;transform:rotate(-1deg)}.hero-description{color:#526277;max-width:590px;margin-top:28px;font-size:17px;line-height:1.8}.hero-buttons{flex-wrap:wrap;align-items:center;gap:14px;margin-top:35px;display:flex}.primary-button,.secondary-button,.dark-button{border-radius:14px;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex}.primary-button{background:var(--key-blue);min-height:56px;color:var(--white);gap:20px;padding:0 22px;box-shadow:0 15px 35px #003f873b}.primary-button:hover{background:var(--deep-blue);transform:translateY(-3px);box-shadow:0 20px 40px #003f874d}.button-arrow{font-size:20px;line-height:1;transition:transform .25s}.primary-button:hover .button-arrow{transform:translate(5px)}.secondary-button{min-height:56px;color:var(--deep-blue);background:#ffffff8c;border:1px solid #082c5521;padding:0 20px}.secondary-button:hover{background:var(--white);box-shadow:var(--small-shadow);transform:translateY(-2px)}.hero-proof{align-items:center;gap:15px;margin-top:42px;display:flex}.avatar-group{padding-left:9px;display:flex}.avatar{border:3px solid var(--cream);width:36px;height:36px;color:var(--white);border-radius:50%;place-items:center;margin-left:-9px;font-size:11px;font-weight:800;display:grid}.avatar-one{background:#0f67c6}.avatar-two{background:#f4ad00}.avatar-three{background:#5268a8}.avatar-four{background:#123b66}.proof-text{flex-direction:column;gap:3px;display:flex}.proof-text strong{color:var(--deep-blue);font-size:13px}.proof-text span{color:var(--medium-gray);font-size:11px}.hero-visual{justify-content:center;align-items:center;min-height:555px;display:flex;position:relative}.visual-glow{background:radial-gradient(circle,#f8c90047 0%,#f8c9001c 40%,#0000 72%);border-radius:50%;width:470px;height:470px;position:absolute}.dashboard-card{z-index:3;width:min(100%,445px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe8;border:1px solid #ffffffe6;border-radius:31px;padding:27px;animation:5s ease-in-out infinite dashboardFloat;position:relative;transform:rotate(1.4deg)}@keyframes dashboardFloat{0%,to{transform:rotate(1.4deg)translateY(0)}50%{transform:rotate(1.4deg)translateY(-9px)}}.dashboard-header{justify-content:space-between;align-items:center;display:flex}.dashboard-label{color:var(--medium-gray);margin-bottom:3px;font-size:11px;font-weight:600}.dashboard-header h2{color:var(--deep-blue);font-family:League Spartan,sans-serif;font-size:27px}.profile-image{background:var(--soft-yellow);width:47px;height:47px;color:var(--deep-blue);border-radius:16px;place-items:center;font-family:League Spartan,sans-serif;font-size:19px;font-weight:800;display:grid}.hours-card{background:linear-gradient(135deg, var(--key-blue), var(--bright-blue));color:var(--white);border-radius:20px;margin-top:23px;padding:22px;box-shadow:0 17px 35px #003f8738}.hours-top{justify-content:space-between;align-items:flex-start;display:flex}.hours-top p{color:#ffffffc2;font-size:11px;font-weight:600}.hours-top h3{margin-top:5px;font-family:League Spartan,sans-serif;font-size:41px;line-height:1}.hours-tag{background:#ffffff24;border-radius:100px;padding:8px 10px;font-size:9px;font-weight:700}.progress-bar{background:#ffffff2e;border-radius:20px;width:100%;height:7px;margin-top:22px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--key-yellow);width:85%;height:100%}.progress-text{color:#ffffffb3;justify-content:space-between;margin-top:9px;font-size:8px;display:flex}.dashboard-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.mini-card{border-radius:18px;padding:18px}.points-card{background:var(--soft-yellow)}.events-card{background:var(--light-blue)}.mini-icon{width:29px;height:29px;color:var(--key-blue);background:#ffffffb3;border-radius:10px;place-items:center;font-size:12px;font-weight:800;display:grid}.mini-card p{color:#68768a;margin-top:15px;font-size:10px;font-weight:600}.mini-card h4{color:var(--deep-blue);margin-top:3px;font-family:League Spartan,sans-serif;font-size:25px}.upcoming-event{border:1px solid var(--border-color);background:var(--white);border-radius:18px;align-items:center;gap:14px;margin-top:15px;padding:16px;display:flex}.event-date{background:var(--light-gray);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:50px;height:55px;display:flex}.event-date span{color:var(--deep-blue);font-family:League Spartan,sans-serif;font-size:20px;font-weight:800;line-height:1}.event-date small{color:var(--key-blue);margin-top:3px;font-size:8px;font-weight:800}.event-info{flex:1}.event-info p{color:var(--medium-gray);font-size:8px;font-weight:600}.event-info h4{color:var(--deep-blue);margin-top:3px;font-size:11px}.event-info span{color:#8390a0;font-size:8px}.event-button{background:var(--deep-blue);width:35px;height:35px;color:var(--white);cursor:pointer;border:none;border-radius:11px}.floating-card{z-index:6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffed;border:1px solid #ffffffe6;border-radius:15px;align-items:center;gap:11px;padding:13px 16px;display:flex;position:absolute;box-shadow:0 17px 40px #082c5529}.floating-card span,.floating-card strong{display:block}.floating-card span{color:var(--medium-gray);font-size:8px;font-weight:600}.floating-card strong{color:var(--deep-blue);margin-top:2px;font-size:10px}.floating-achievement{animation:4.2s ease-in-out infinite floatCard;top:44px;right:-25px}.floating-checkin{animation:4.8s ease-in-out .7s infinite floatCard;bottom:46px;left:-30px}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.floating-icon,.check-icon{border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.floating-icon{background:var(--soft-yellow);font-size:17px}.check-icon{color:#1e8c52;background:#dff8e8;font-size:14px;font-weight:900}.stats-section{border:1px solid var(--border-color);background:#ffffffa6;border-radius:24px;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:24px;width:min(1180px,100% - 48px);margin:0 auto 130px;padding:27px 35px;display:grid;box-shadow:0 20px 50px #082c550f}.stat{text-align:center}.stat strong{color:var(--key-blue);font-family:League Spartan,sans-serif;font-size:20px;display:block}.stat span{color:var(--medium-gray);margin-top:3px;font-size:10px;display:block}.stat-divider{background:#082c551a;width:1px;height:35px}.features-section{width:min(1180px,100% - 48px);margin:0 auto;padding-bottom:140px}.section-heading{max-width:675px;margin-bottom:50px}.section-label{color:var(--key-blue);letter-spacing:1.7px;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:800;display:block}.section-heading h2,.community-text h2{color:var(--deep-blue);letter-spacing:-2px;font-family:League Spartan,sans-serif;font-size:clamp(43px,5vw,63px);line-height:.98}.section-heading h2 span,.community-text h2 span{color:var(--key-blue)}.section-heading p{max-width:590px;color:var(--medium-gray);margin-top:20px;font-size:15px;line-height:1.75}.feature-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.feature-card{border-radius:27px;min-height:360px;padding:33px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.feature-card:hover{box-shadow:var(--small-shadow);transform:translateY(-8px)}.feature-card-blue{background:var(--key-blue);color:var(--white)}.feature-card-yellow{background:var(--key-yellow);color:var(--deep-blue)}.feature-card-light{border:1px solid var(--border-color);background:var(--white);color:var(--deep-blue)}.feature-number{opacity:.45;font-family:League Spartan,sans-serif;font-size:14px;font-weight:800;position:absolute;top:27px;right:27px}.feature-icon{border-radius:21px;place-items:center;width:69px;height:69px;margin-bottom:67px;display:grid}.feature-card-blue .feature-icon{background:#ffffff21}.feature-card-yellow .feature-icon{background:#ffffff80}.feature-card-light .feature-icon{background:var(--light-blue)}.feature-card h3{margin-bottom:12px;font-family:League Spartan,sans-serif;font-size:27px}.feature-card p{opacity:.76;max-width:300px;font-size:13px;line-height:1.7}.calendar-icon{position:relative}.calendar-icon:before{content:"";border:3px solid;border-radius:6px;width:29px;height:25px}.calendar-icon:after{content:"";background:currentColor;width:29px;height:3px;position:absolute;top:27px}.qr-icon{grid-template-rows:repeat(2,13px);grid-template-columns:repeat(2,13px);gap:5px;display:grid}.qr-icon span{border:3px solid var(--deep-blue);border-radius:2px;width:13px;height:13px}.trophy-icon{color:var(--key-blue);font-size:25px}.community-section{width:min(1180px,100% - 48px);margin:0 auto;padding-bottom:100px}.community-card{background:var(--deep-blue);min-height:480px;color:var(--white);border-radius:35px;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:75px;display:grid;overflow:hidden}.community-text{z-index:3;position:relative}.community-text .section-label{color:var(--key-yellow)}.community-text h2{color:var(--white)}.community-text h2 span{color:var(--key-yellow)}.community-text p{color:#ffffffab;max-width:550px;margin-top:22px;font-size:15px;line-height:1.8}.dark-button{background:var(--key-yellow);min-height:56px;color:var(--deep-blue);gap:22px;margin-top:30px;padding:0 22px}.dark-button:hover{background:#ffda27;transform:translateY(-3px);box-shadow:0 16px 35px #f8c9002e}.community-graphic{place-items:center;min-height:330px;display:grid;position:relative}.circle{border-radius:50%;position:absolute}.circle-large{border:55px solid #f8c90014;width:340px;height:340px}.circle-medium{border:35px solid #f8c9001f;width:235px;height:235px}.circle-small{background:var(--key-yellow);opacity:.2;width:115px;height:115px}.impact-card{z-index:3;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1c;border:1px solid #ffffff2b;border-radius:25px;width:230px;padding:30px;position:relative;box-shadow:0 25px 60px #00000029}.impact-card span{color:#ffffffad;letter-spacing:.7px;text-transform:uppercase;font-size:10px;font-weight:700}.impact-card strong{color:var(--key-yellow);margin-top:11px;font-family:League Spartan,sans-serif;font-size:56px;line-height:1;display:block}.impact-card p{color:var(--white);margin-top:8px;font-size:11px}.footer{border-top:1px solid var(--border-color);grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;width:min(1180px,100% - 48px);min-height:150px;margin:0 auto;display:grid}.footer-brand{align-items:center;gap:12px;display:flex}.small-brand-icon{border-radius:12px;width:40px;height:40px;font-size:18px}.footer-brand strong{color:var(--deep-blue);font-family:League Spartan,sans-serif;font-size:17px}.footer-brand p{color:var(--medium-gray);margin-top:2px;font-size:9px}.footer-message{color:var(--medium-gray);text-align:center;font-size:11px}.footer-links{justify-content:flex-end;gap:23px;display:flex}.footer-links a{color:var(--medium-gray);font-size:11px;font-weight:600;transition:color .2s}.footer-links a:hover{color:var(--key-blue)}@media (width<=1050px){.nav-links{display:none}.hero-section{text-align:center;grid-template-columns:1fr;padding-top:55px}.hero-content{max-width:760px;margin:0 auto}.hero-content h1,.hero-description{margin-left:auto;margin-right:auto}.hero-badge,.hero-buttons,.hero-proof{justify-content:center;margin-left:auto;margin-right:auto}.hero-visual{width:min(100%,620px);margin:0 auto}.stats-section{margin-top:10px}.feature-card{padding:27px}.community-card{padding:55px}}@media (width<=820px){.stats-section{grid-template-columns:1fr 1fr;gap:28px}.stat-divider{display:none}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:310px}.feature-icon{margin-bottom:50px}.community-card{text-align:center;grid-template-columns:1fr}.community-text p{margin-left:auto;margin-right:auto}.community-graphic{min-height:300px}.footer{text-align:center;grid-template-columns:1fr;padding:40px 0}.footer-brand,.footer-links{justify-content:center}}@media (width<=620px){.navbar,.hero-section,.stats-section,.features-section,.community-section,.footer{width:min(100% - 28px,1180px)}.navbar{min-height:82px}.brand-subtitle{display:none}.brand-name{font-size:19px}.brand-icon{border-radius:13px;width:43px;height:43px;font-size:20px}.nav-login{display:none}.nav-signup{min-width:104px;height:42px;font-size:12px}.hero-section{min-height:unset;gap:40px;padding:50px 0 70px}.hero-content h1{letter-spacing:-2.5px;font-size:clamp(48px,15vw,69px)}.hero-description{font-size:15px;line-height:1.7}.hero-buttons{flex-direction:column;align-items:stretch}.primary-button,.secondary-button{width:100%}.hero-visual{min-height:500px}.dashboard-card{border-radius:25px;padding:20px}.floating-achievement{top:20px;right:-5px}.floating-checkin{bottom:15px;left:-4px}.hours-card{padding:18px}.hours-top h3{font-size:35px}.stats-section{grid-template-columns:1fr;margin-bottom:100px;padding:27px 20px}.section-heading h2,.community-text h2{font-size:43px}.features-section{padding-bottom:100px}.community-card{min-height:unset;border-radius:28px;padding:50px 24px}.community-graphic{min-height:260px}.circle-large{border-width:45px;width:270px;height:270px}.circle-medium{border-width:28px;width:190px;height:190px}.impact-card{width:205px;padding:25px}.impact-card strong{font-size:48px}}@media (width<=420px){.hero-proof{align-items:flex-start}.proof-text{text-align:left}.dashboard-grid{grid-template-columns:1fr}.hero-visual{min-height:630px}.floating-card{transform:scale(.92)}.floating-achievement{right:-12px}.floating-checkin{left:-12px}}