@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800;900&family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
:root{--pink:#f7a9cb;--deep:#8b4e86;--ink:#573d68;--muted:#8c7896;--cream:#fffaf4;--purple:#9272d6;--mint:#8bd9bd}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Nunito,'Noto Sans SC',sans-serif;color:var(--ink);background:radial-gradient(circle at 8% 15%,#fff4bb 0 5%,transparent 19%),radial-gradient(circle at 90% 10%,#c5f4ef 0 4%,transparent 20%),linear-gradient(145deg,#ffd7e7,#d9d1ff 52%,#bceeff);overflow-x:hidden}
.sky-decor{position:fixed;pointer-events:none;opacity:.42;color:white;text-shadow:0 3px 12px #a66da966}.decor-one{top:22%;left:4%;font-size:90px}.decor-two{top:55%;right:5%;font-size:70px}.decor-three{bottom:5%;left:12%;font-size:45px}
.topbar{height:76px;padding:0 clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);font-weight:900;font-size:21px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#a77ca4}.brand-icon{font-size:34px}.top-user{font-size:13px;background:#ffffffb8;border:1px solid white;border-radius:30px;padding:9px 15px}
main{width:min(1120px,92vw);margin:28px auto 70px;position:relative;z-index:1}.auth-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(25px,6vw,75px);align-items:center;min-height:590px}.welcome{padding:20px 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:900;color:#a55d9b}.welcome h1,.dash-hero h1{font-size:clamp(36px,5vw,58px);line-height:1.18;margin:16px 0;color:#644b83;font-weight:900}.welcome h1 span,.dash-hero h1 span{color:#e56fa7}.welcome p,.dash-hero p{font-size:16px;line-height:1.9;color:#806d8d;max-width:490px}.feature-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.feature-chips span{background:#ffffffb8;border:1px solid white;border-radius:30px;padding:9px 13px;font-size:12px;font-weight:800}.mascots{font-size:42px;display:flex;gap:17px;margin-top:42px;filter:drop-shadow(0 7px 5px #9871a533)}.mascots span:nth-child(odd){transform:translateY(-10px)}.auth-card,.panel{background:#ffffffdf;backdrop-filter:blur(12px);border:2px solid #fff;border-radius:27px;box-shadow:0 16px 35px #8565a329;padding:clamp(22px,4vw,36px)}.auth-card{max-width:440px;width:100%;justify-self:end}.card-tabs{display:flex;background:#f7eaf5;padding:5px;border-radius:15px;margin-bottom:23px}.tab{border:0;background:transparent;flex:1;padding:12px;border-radius:11px;font:inherit;font-weight:900;color:#927a9c;cursor:pointer}.tab.active{background:white;color:#8d579b;box-shadow:0 3px 10px #8b6b9922}label{display:block;font-size:13px;font-weight:900;margin:14px 0 7px}input{width:100%;border:2px solid #eee1f1;background:#fff;border-radius:13px;padding:13px 14px;font:inherit;color:var(--ink);outline:none}input:focus{border-color:#d88cbd;box-shadow:0 0 0 3px #eeb8d933}.primary-btn,.secondary-btn{border:0;border-radius:14px;padding:14px 18px;font:inherit;font-weight:900;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:.18s}.primary-btn{background:linear-gradient(110deg,#f18db9,#9c80df);color:white;box-shadow:0 6px 0 #9664ae55;width:100%;margin-top:22px}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-2px);filter:brightness(1.04)}.text-btn{border:0;background:none;color:#956ba1;font:inherit;font-size:13px;font-weight:800;cursor:pointer;padding:12px 0}.fineprint{font-size:11px;color:#a18fa8;line-height:1.7;margin:12px 0 0}.message{padding:11px 13px;border-radius:12px;font-size:13px;margin-bottom:15px;background:#e8f8ef;color:#347a5b}.message.error{background:#fff0f1;color:#b64e67}.hidden{display:none!important}footer{text-align:center;padding:24px;color:#947fa0;font-size:11px;position:relative;z-index:1}.dash-hero{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#ffffffd9,#fff1f8d9);border:2px solid white;border-radius:28px;padding:clamp(24px,5vw,44px);box-shadow:0 12px 30px #8565a322}.dash-hero h1{font-size:clamp(32px,4vw,48px);margin:8px 0}.dash-hero p{margin:0}.hero-badge{width:100px;height:100px;border-radius:30px;background:linear-gradient(145deg,#fff1a8,#ffc0dc);display:grid;place-items:center;font-size:48px;box-shadow:0 7px 0 #ce8ba966}.hero-badge small{font-size:11px;font-weight:900;color:#9b648d}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.stat-card{background:#ffffffd9;border:2px solid white;border-radius:20px;padding:20px;text-align:center;display:grid;gap:4px;box-shadow:0 8px 20px #8565a318}.stat-card span{font-size:25px}.stat-card strong{font-size:30px;color:#8c65b5}.stat-card small{color:#927f9a;font-size:12px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:25px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel h2{margin:5px 0;font-size:23px}.big-emoji{font-size:42px}.panel p{font-size:13px;line-height:1.8;color:#8b7894}.link-btn{width:auto;margin-top:10px}.secondary-btn{background:#8d79cf;color:white;width:100%;margin-top:14px}.record-row{margin-top:15px}.small-message{font-size:12px;color:#538a70;margin-top:9px;min-height:18px}.bottom-row{display:flex;justify-content:space-between;align-items:center;padding:18px 5px;color:#907c99;font-size:12px}
@media(max-width:760px){.topbar{height:65px}.auth-layout{grid-template-columns:1fr;gap:10px;min-height:auto;margin-top:15px}.welcome{text-align:center;padding:15px 5px}.welcome h1{font-size:39px}.welcome p{margin:auto}.feature-chips{justify-content:center}.mascots{justify-content:center;margin-top:20px;font-size:35px}.auth-card{justify-self:center;max-width:520px}.dashboard-grid{grid-template-columns:1fr}.stats-grid{gap:8px}.stat-card{padding:14px 7px}.dash-hero{padding:22px}.hero-badge{width:75px;height:75px;font-size:35px}.bottom-row{gap:10px;flex-wrap:wrap}.decor-one{font-size:55px}.decor-two{font-size:45px}}