:root{--navy:#10133d;--purple:#5637f2;--purple2:#7049ff;--pink:#f47db7;--yellow:#f5bd35;--mint:#55d4bb;--cream:#fbf7ef;--white:#fff;--muted:#6f7189;--line:rgba(16,19,61,.12);--shadow:0 24px 70px rgba(16,19,61,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,Arial,sans-serif;color:var(--navy);background:var(--cream)}a{text-decoration:none;color:inherit}button,input{font:inherit}.page-shell{overflow:hidden}.topbar{height:82px;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:var(--cream);position:relative;z-index:20}.brand img{width:145px;max-height:42px;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:100px;padding:15px 22px;font-weight:700;font-size:13px;cursor:pointer;transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--purple);color:#fff;box-shadow:0 12px 30px rgba(86,55,242,.25)}.btn-light{background:#fff;border:1px solid var(--line);color:var(--navy)}.btn-dark{background:var(--navy);color:#fff}.btn-small{padding:11px 17px}.btn-full{width:100%}.hero{min-height:710px;background:var(--cream);position:relative;padding:65px clamp(22px,7vw,105px) 80px;display:grid;grid-template-columns:minmax(420px,1fr) minmax(400px,.9fr);align-items:center}.hero-copy{position:relative;z-index:5;max-width:700px}.eyebrow,.section-label{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--purple);text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:20px}.eyebrow span{width:28px;height:4px;background:var(--pink);border-radius:4px}.hero h1{font:800 clamp(52px,7vw,92px)/.96 Sora,sans-serif;letter-spacing:-4px;margin:0;color:var(--navy)}.hero h1 em{font-style:normal;color:var(--purple)}.hero-lead{max-width:520px;font-size:16px;line-height:1.75;color:var(--muted);margin:26px 0}.hero-meta{display:flex;gap:34px;margin:28px 0 32px}.hero-meta div{padding-left:16px;border-left:3px solid var(--yellow)}.hero-meta strong{display:block;font-size:14px}.hero-meta span{font-size:11px;color:var(--muted)}.hero-buttons{display:flex;align-items:center;gap:22px}.text-link{font-weight:700;font-size:13px}.hero-art{height:590px;position:relative}.hero-art:before{content:"";position:absolute;width:490px;height:490px;background:var(--navy);border-radius:52% 48% 45% 55%;right:5%;top:45px;transform:rotate(-12deg)}.swoosh{position:absolute;height:28px;border-radius:100%;border:9px solid transparent;z-index:2;transform:rotate(-18deg)}.swoosh-1{width:470px;border-top-color:var(--pink);right:-25px;top:115px}.swoosh-2{width:400px;border-top-color:var(--yellow);right:40px;top:145px;transform:rotate(8deg)}.swoosh-3{width:330px;border-top-color:var(--mint);right:90px;top:195px;transform:rotate(-10deg)}.phone-card{position:absolute;z-index:4;right:26%;top:145px;width:175px;height:320px;background:#fff;border:8px solid #22245a;border-radius:32px;transform:rotate(-16deg);box-shadow:0 30px 60px rgba(0,0,0,.25);overflow:hidden}.phone-top{height:38px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;font-weight:800;color:var(--purple)}.phone-top i{width:48px;height:5px;border-radius:10px;background:#25285c}.phone-screen{height:calc(100% - 38px);margin:0 9px 9px;border-radius:21px;background:linear-gradient(155deg,#f7c1db,#7049ff);padding:30px 18px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.mini-label{font-size:8px;letter-spacing:1px;font-weight:800}.phone-screen strong{font:800 24px/1.05 Sora;margin:9px 0 28px}.mini-chart{display:flex;align-items:end;gap:5px;height:45px}.mini-chart b{display:block;width:18px;border-radius:5px 5px 0 0;background:#fff}.mini-chart b:nth-child(1){height:25%}.mini-chart b:nth-child(2){height:48%}.mini-chart b:nth-child(3){height:35%}.mini-chart b:nth-child(4){height:75%}.mini-chart b:nth-child(5){height:100%}.float-tag{position:absolute;z-index:5;padding:12px 18px;border-radius:12px;font:800 13px Sora;box-shadow:0 12px 25px rgba(0,0,0,.18)}.tag-1{right:12%;top:70px;background:var(--yellow);transform:rotate(8deg)}.tag-2{right:5%;top:310px;background:var(--pink);transform:rotate(-10deg)}.tag-3{right:28%;bottom:42px;background:var(--mint);transform:rotate(8deg)}.spark{position:absolute;z-index:5;color:#fff;font-size:30px}.spark-1{right:20%;top:240px}.spark-2{right:45%;top:90px}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:160px;height:160px;background:#e6ddff;left:-80px;bottom:30px}.orb-b{width:90px;height:90px;background:#ffd8ea;right:4%;bottom:10px}.intro{padding:120px clamp(22px,8vw,120px);background:#fff}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:25px}.intro h2{font:800 clamp(40px,5vw,68px)/1.05 Sora;margin:0;letter-spacing:-3px}.intro h2 span{color:var(--purple)}.intro-grid>div>p{font-size:16px;line-height:1.8;color:var(--muted);max-width:600px}.feature-list{margin-top:35px}.feature-list article{display:flex;gap:18px;padding:22px 0;border-top:1px solid var(--line)}.feature-list article:last-child{border-bottom:1px solid var(--line)}.feature-list b{font:700 12px Sora;color:var(--purple)}.feature-list h3{margin:0 0 4px;font-size:15px}.feature-list p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.cards-section{padding:110px clamp(22px,8vw,120px);background:var(--cream)}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}.benefit-card{min-height:300px;border-radius:25px;padding:28px;position:relative;overflow:hidden}.benefit-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-45px;bottom:-45px;background:rgba(255,255,255,.18)}.card-purple{background:#6545f4;color:#fff}.card-yellow{background:#f4bf3a;color:var(--navy)}.card-pink{background:#f486ba;color:var(--navy)}.card-mint{background:#59d5bf;color:var(--navy)}.card-number{font:700 11px Sora;opacity:.65}.benefit-card .icon{font-size:38px;margin:55px 0 24px}.benefit-card h3{font:700 18px Sora;margin:0 0 10px}.benefit-card p{font-size:12px;line-height:1.65;margin:0;opacity:.8}.login-section{padding:120px clamp(22px,8vw,120px);background:#fff}.login-panel{background:var(--navy);border-radius:32px;padding:60px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;color:#fff;position:relative;overflow:hidden}.login-panel:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:60px solid rgba(86,55,242,.7);right:-170px;bottom:-170px}.section-label.light{color:#9f90ff}.login-copy h2{font:800 clamp(42px,5vw,64px)/1 Sora;margin:18px 0}.login-copy h2 span{color:var(--pink)}.login-copy p{color:#b7bad5;max-width:530px;line-height:1.8;font-size:14px}.login-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px}.login-points span{font-size:11px;color:#e4e5f4}.login-form{position:relative;z-index:3;background:#fff;color:var(--navy);padding:32px;border-radius:24px;align-self:center}.login-form label{display:block;font-size:12px;font-weight:700;margin-bottom:9px}.login-form input,.admin-card input{width:100%;height:50px;border:1px solid #dfe0e9;border-radius:12px;padding:0 14px;outline:none;margin-bottom:14px}.login-form input:focus,.admin-card input:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(86,55,242,.08)}.login-form small{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:12px}.form-error{background:#ffe6ec;color:#a12b4d;padding:11px 13px;border-radius:10px;font-size:11px;margin:0 0 12px}.footer{padding:28px clamp(22px,6vw,90px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--navy);color:#bfc2df;font-size:10px}.footer img{width:120px;filter:brightness(0) invert(1)}.footer a{text-decoration:underline}.portal-body{background:#f2f1f7;min-height:100vh}.portal-wrap,.admin-wrap{min-height:100vh}.portal-nav{height:78px;padding:0 clamp(20px,5vw,80px);background:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.portal-nav img{width:140px}.portal-user{display:flex;gap:20px;align-items:center;font-size:12px;font-weight:600}.portal-user a{text-decoration:underline}.portal-main{max-width:1200px;margin:auto;padding:70px 22px}.portal-hero{display:flex;align-items:end;justify-content:space-between;gap:30px}.portal-hero h1{font:800 clamp(40px,6vw,68px)/1 Sora;margin:16px 0 8px;letter-spacing:-3px}.portal-hero h1 span{color:var(--purple)}.portal-hero p{color:var(--muted);margin:0}.portal-date{text-align:right;padding:20px 0}.portal-date strong,.portal-date span{display:block}.portal-date strong{font-size:13px}.portal-date span{font-size:11px;color:var(--muted);margin-top:4px}.delegate-profile{margin:45px 0 22px;background:#fff;border-radius:24px;padding:25px 30px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow)}.avatar{width:58px;height:58px;border-radius:18px;background:var(--purple);color:#fff;display:grid;place-items:center;font:800 22px Sora}.delegate-profile small,.document-card small{font-size:9px;letter-spacing:1.4px;font-weight:800;color:var(--muted)}.delegate-profile h2{margin:3px 0;font:700 19px Sora}.delegate-profile p{margin:0;font-size:11px;color:var(--muted)}.code{margin-left:auto;text-align:right}.code strong{display:block;font:700 14px Sora;margin-top:4px}.document-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.document-card{min-height:250px;border-radius:24px;padding:32px;display:flex;gap:28px;align-items:center}.document-card .doc-icon{width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.6);display:grid;place-items:center;font-size:28px}.document-card h3{font:700 23px Sora;margin:6px 0}.document-card p{font-size:12px;line-height:1.6;max-width:380px}.disabled-note{font-size:11px;font-weight:600}.portal-note{margin-top:22px;background:#fff;border:1px solid var(--line);padding:18px 22px;border-radius:16px;display:flex;gap:14px}.note-mark{width:25px;height:25px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px}.portal-note strong{font-size:12px}.portal-note p{margin:4px 0 0;color:var(--muted);font-size:11px}.admin-login{max-width:420px;margin:12vh auto;background:#fff;padding:42px;border-radius:24px;box-shadow:var(--shadow)}.admin-login img{width:145px;margin-bottom:35px}.admin-login h1{font:700 30px Sora}.admin-grid{display:grid;grid-template-columns:360px 1fr;gap:22px}.admin-card{background:#fff;border-radius:22px;padding:28px;box-shadow:0 10px 30px rgba(16,19,61,.06)}.admin-card label:not(.check){display:block;font-size:11px;font-weight:700;margin:8px 0 6px}.check{font-size:11px;display:flex;gap:8px;align-items:center;margin:4px 0 20px}.check input{width:auto}.table-wrap{overflow:auto}.admin-card table{border-collapse:collapse;width:100%;font-size:11px}.admin-card th,.admin-card td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.status{text-decoration:underline}.status.on{color:#16845f}.status.off{color:#b14a62}.success-note{background:#dff7ec;color:#166b4d;padding:12px 15px;border-radius:10px;margin:20px 0;font-size:11px}.admin-error{margin:20px 0}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:50px}.hero-art{height:430px;margin-top:20px}.hero-art:before{width:390px;height:390px;right:0}.phone-card{right:28%;top:90px}.tag-1{right:8%}.intro-grid,.login-panel{grid-template-columns:1fr;gap:35px}.benefit-grid{grid-template-columns:1fr 1fr}.login-panel{padding:38px}.document-grid,.admin-grid{grid-template-columns:1fr}.portal-hero{align-items:start;flex-direction:column}.portal-date{text-align:left}.delegate-profile{align-items:start;flex-wrap:wrap}.code{margin-left:0;text-align:left;width:100%}}
@media(max-width:600px){.topbar{height:72px}.brand img{width:120px}.top-actions .btn{font-size:10px}.hero h1{letter-spacing:-2px}.hero-meta{gap:16px;flex-direction:column}.hero-buttons{align-items:flex-start;flex-direction:column}.hero-art{height:370px}.hero-art:before{width:330px;height:330px;right:-50px}.phone-card{width:140px;height:255px;right:24%;top:70px}.phone-screen strong{font-size:19px}.tag-1{right:0;top:40px}.tag-2{right:-2px;top:230px}.tag-3{right:38%;bottom:0}.swoosh-1{width:340px;right:-80px}.swoosh-2{width:300px;right:-50px}.swoosh-3{width:250px;right:-20px}.benefit-grid{grid-template-columns:1fr}.benefit-card{min-height:220px}.benefit-card .icon{margin:35px 0 16px}.login-section,.intro,.cards-section{padding-top:80px;padding-bottom:80px}.login-panel{padding:28px 20px;border-radius:24px}.login-form{padding:22px}.footer{flex-direction:column;align-items:flex-start}.document-card{align-items:flex-start;flex-direction:column}.portal-main{padding-top:45px}.delegate-profile{padding:22px}.portal-hero h1{letter-spacing:-2px}}