:root{--navy:#17224d;--purple:#6c55e0;--pink:#ff5e91;--yellow:#ffc845;--cream:#fff9ef;--muted:#69708a}*{box-sizing:border-box}body{margin:0;font-family:Nunito,Arial,sans-serif;color:var(--navy)}h1,h2,.brand{font-family:"Baloo 2",Nunito,sans-serif}.login-page{min-height:100vh;background:var(--cream)}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.promo-panel{position:relative;overflow:hidden;padding:48px 7vw;background:linear-gradient(145deg,#694ee1 0%,#8064ec 55%,#a369e8 100%);color:white}.brand{position:relative;z-index:2;display:flex;align-items:center;gap:11px;font-size:25px;font-weight:800}.brand-mark{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:14px;background:var(--yellow);color:#6133b5;transform:rotate(-6deg);box-shadow:0 7px 15px #39219744}.promo-copy{position:relative;z-index:2;max-width:620px;margin-top:17vh}.eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:1.6px}.promo-copy .eyebrow{padding:8px 13px;border:1px solid #ffffff55;border-radius:30px;background:#ffffff16}.promo-copy h1{font-size:clamp(48px,5vw,76px);line-height:.98;margin:24px 0 20px}.promo-copy h1 span,.hero h1 span{color:var(--yellow)}.promo-copy p{max-width:520px;font-size:19px;line-height:1.7;color:#f4efff}.benefits{display:flex;gap:45px;margin-top:45px}.benefits div{display:flex;flex-direction:column}.benefits b{font-size:25px;color:var(--yellow)}.benefits span{font-size:13px;color:#e9e0ff}.floating-card{position:absolute;z-index:2;padding:13px 18px;border-radius:14px;background:#fff;color:var(--navy);box-shadow:0 12px 30px #3620783b;font-weight:800;font-size:13px;transform:rotate(-4deg)}.card-one{right:6%;top:20%}.card-two{right:12%;bottom:9%;transform:rotate(4deg)}.shape{position:absolute;border-radius:50%;background:#ffffff10}.shape-one{width:380px;height:380px;right:-160px;top:-80px}.shape-two{width:520px;height:520px;left:-280px;bottom:-320px}.login-panel{display:grid;place-items:center;padding:50px;background:#fff}.login-box{width:min(440px,100%)}.mobile-brand{display:none}.hello{font-weight:800;color:var(--purple)}.login-box h2{font-size:42px;margin:8px 0 0}.subtitle{color:var(--muted);margin:0 0 35px}.alert{padding:12px 15px;margin-bottom:18px;border-radius:12px;background:#fff0f3;color:#b52f55;font-weight:700}.login-box form>label{display:block;margin:17px 0 8px;font-weight:800}.input-wrap{display:flex;align-items:center;gap:10px;border:2px solid #e7e5ef;border-radius:14px;padding:0 14px;transition:.2s}.input-wrap:focus-within{border-color:var(--purple);box-shadow:0 0 0 4px #6c55e012}.input-wrap input{width:100%;border:0;outline:0;padding:15px 0;font:inherit;color:var(--navy)}.peek{border:0;background:none;cursor:pointer}.form-row{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.form-row a{color:var(--purple);font-weight:800;text-decoration:none}.remember{color:var(--muted)}.login-button{width:100%;display:flex;justify-content:center;gap:12px;border:0;border-radius:14px;padding:16px;background:linear-gradient(90deg,var(--purple),#8b61e7);color:#fff;font:800 16px Nunito;cursor:pointer;box-shadow:0 12px 25px #6c55e040}.login-button:hover{transform:translateY(-2px)}.demo-note{text-align:center;margin-top:25px;padding:12px;border-radius:12px;background:#fff8df;color:#6d6172;font-size:13px}.dashboard-page{min-height:100vh;background:#f7f5ff}.dashboard-page nav{display:flex;justify-content:space-between;align-items:center;padding:18px max(5vw,24px);background:#fff;box-shadow:0 4px 18px #30265d0d}.nav-user{display:flex;align-items:center;gap:20px;font-weight:800}.nav-user a{padding:9px 14px;border-radius:10px;background:#f1edff;color:var(--purple);text-decoration:none}.dashboard{max-width:1180px;margin:auto;padding:42px 24px}.hero{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;min-height:315px;padding:45px 55px;border-radius:28px;background:linear-gradient(120deg,#674dde,#995fe7);color:#fff;overflow:hidden}.hero h1{font-size:52px;line-height:1.05;margin:10px 0}.hero p{color:#eee8ff;font-size:18px}.hero button{border:0;border-radius:12px;padding:14px 20px;background:var(--yellow);color:#41266c;font-weight:800}.hero-art{position:relative;text-align:center;font-size:105px;transform:rotate(-8deg)}.hero-art span{position:absolute;right:0;top:0;padding:8px 13px;border-radius:10px;background:var(--pink);font:800 16px Nunito}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0 42px}.stats article{display:flex;align-items:center;gap:16px;padding:22px;border-radius:18px;background:#fff}.stats article>span{font-size:32px}.stats div{display:flex;flex-direction:column}.stats b{font-size:25px}.stats small{color:var(--muted)}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-title h2{font-size:30px;margin:2px 0}.section-title a{color:var(--purple);font-weight:800;text-decoration:none}.campaigns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.campaign{padding:25px;border-radius:20px;background:#fff}.campaign-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:20px;border-radius:16px;font-size:28px}.campaign.pink .campaign-icon{background:#ffe4ed}.campaign.yellow .campaign-icon{background:#fff2c7}.campaign.blue .campaign-icon{background:#e1eeff}.campaign b{font-size:18px}.campaign p,.campaign small{color:var(--muted)}@media(max-width:850px){.login-shell{grid-template-columns:1fr}.promo-panel{display:none}.login-panel{min-height:100vh;padding:28px}.mobile-brand{display:flex;margin-bottom:60px}.login-box h2{font-size:36px}.hero{grid-template-columns:1fr;padding:35px}.hero h1{font-size:39px}.hero-art{display:none}.stats,.campaigns{grid-template-columns:1fr}.dashboard-page nav{align-items:flex-start}.nav-user span{display:none}}

.promo-panel .floating-card{max-width:250px;text-align:center;line-height:1.35}.promo-panel .benefits{gap:28px;flex-wrap:wrap}.promo-panel .benefits b{font-size:20px;letter-spacing:.5px}.promo-panel .benefits span{max-width:135px}

.promo-copy{margin-top:9vh;max-width:720px}.promo-copy h1{font-size:clamp(42px,4.4vw,68px)}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.before-after section{padding:18px;border:1px solid #ffffff38;border-radius:17px;backdrop-filter:blur(6px)}.before-card{background:#4e347f5c}.after-card{background:#126b5269}.compare-label{display:inline-block;padding:5px 9px;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:1.2px}.before-card .compare-label{background:#ffe2e9;color:#9b294c}.after-card .compare-label{background:#d8ffed;color:#126247}.before-after h2{margin:10px 0 8px;font:800 17px Nunito;line-height:1.3;color:#fff}.before-after ul{list-style:none;margin:0;padding:0}.before-after li{position:relative;padding:4px 0 4px 22px;color:#f5f1ff;font-size:13px;line-height:1.35}.before-card li:before,.after-card li:before{position:absolute;left:0;font-weight:800}.before-card li:before{content:'×';color:#ffb4c8}.after-card li:before{content:'✓';color:#8effca}.promo-panel .card-two{bottom:4%}@media(max-height:760px) and (min-width:851px){.promo-panel{padding-top:30px;padding-bottom:30px}.promo-copy{margin-top:5vh}.promo-copy h1{font-size:46px;margin:17px 0 12px}.promo-copy p{font-size:16px}.before-after{margin-top:18px}.before-after section{padding:13px}.floating-card{display:none}}