:root{--g:linear-gradient(110deg,#8149ff,#b456f3 48%,#ff7a18);--t:#211c28;--m:#7d7684;--b:#e8e3ee}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Montserrat,Arial,sans-serif;color:var(--t);background:radial-gradient(circle at 10% 0%,#8149ff20,transparent 30%),#f8f6fb}
header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#ffffffdd;border-bottom:1px solid var(--b)}
.brand{font-size:12px;font-weight:800;text-decoration:none}.by{display:block;font-size:7px;color:#999;letter-spacing:.7px;margin-top:2px}.note{font-size:7px;font-weight:700;color:#756c7b}
main{min-height:calc(100vh - 74px);display:grid;place-items:center;padding:34px 18px}.card{width:min(470px,100%);background:#fff;border:1px solid var(--b);border-radius:24px;padding:36px;box-shadow:0 22px 70px #36174c18;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--g)}
.k{font-size:7px;font-weight:800;letter-spacing:1px;color:#72479c}h1{font-size:29px;letter-spacing:-1px;margin:14px 0 8px}.lead{font-size:10px;line-height:1.7;color:var(--m);margin:0 0 22px}
label{display:block;font-size:8px;font-weight:700;margin:13px 0 7px}input{width:100%;height:46px;border:1px solid var(--b);border-radius:12px;padding:0 13px;font:500 11px Montserrat;outline:none}input:focus{border-color:#8149ff99;box-shadow:0 0 0 4px #8149ff12}
button,.btn{width:100%;min-height:46px;border:0;border-radius:12px;background:var(--g);color:#fff;font:800 8px Montserrat;letter-spacing:.7px;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center;margin-top:17px}.secondary{background:#fff;color:var(--t);border:1px solid var(--b)}
.msg{display:none;margin-bottom:14px;padding:11px;border-radius:10px;font-size:8px;line-height:1.5}.msg.show{display:block}.msg.error{background:#fff1ef;color:#b42318}.msg.success{background:#ecfbf3;color:#147a45}
.switch{text-align:center;border-top:1px solid #f0edf3;margin-top:18px;padding-top:18px;font-size:8px;color:var(--m)}.switch a,.small{color:#704a91;font-weight:800;text-decoration:none}.row{display:flex;justify-content:space-between;align-items:center}
.dashboard{display:block;width:min(1050px,92vw);margin:40px auto}.hero,.panel{background:#fff;border:1px solid var(--b);border-radius:20px;padding:28px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px}.panel p,.hero p{font-size:9px;line-height:1.65;color:var(--m)}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions .btn,.actions button{width:auto;padding:0 18px}
@media(max-width:720px){.note{display:none}.card{padding:28px 21px}.grid{grid-template-columns:1fr}}