:root{--bg:#020714;--card:#07101f;--line:#1b2f50;--text:#f5f7ff;--muted:#aeb9cd;--purple:#c13cff;--blue:#178dff;--pink:#ff3bd5;--green:#14e579;--orange:#ff9b13}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 45% 0,#120528 0,#020714 42%,#01040c 100%);color:var(--text);font-family:Inter,system-ui,sans-serif}.page-shell{width:min(1180px,calc(100% - 32px));margin:24px auto 10px;padding:0}.dashboard{display:grid;grid-template-columns:1.75fr 1fr 1fr;gap:12px}.card{background:linear-gradient(145deg,rgba(9,20,39,.96),rgba(3,9,20,.98));border:1px solid rgba(83,119,177,.38);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.30),inset 0 0 24px rgba(45,70,130,.05)}.hero{grid-column:1/3;display:grid;grid-template-columns:1.18fr .82fr;min-height:390px;padding:20px 22px;position:relative;overflow:hidden}.brand{margin-bottom:15px}.brand-main{font-size:42px;font-weight:900;line-height:.88;letter-spacing:-2.5px;font-style:italic}.brand-main .qq{color:#ffc735;text-shadow:0 0 16px rgba(255,190,0,.45)}.brand-main .milan{color:white;text-shadow:0 0 18px rgba(183,93,255,.7)}.brand-sub{display:inline-block;margin-top:10px;padding:0 14px;color:#f37cff;font-size:14px;font-weight:800;letter-spacing:1px;position:relative}.brand-sub:before,.brand-sub:after{content:"";position:absolute;top:50%;width:42px;height:2px;background:linear-gradient(90deg,transparent,#ff8bdc)}.brand-sub:before{right:100%}.brand-sub:after{left:100%;transform:scaleX(-1)}h1{font-size:43px;line-height:1.03;margin:0 0 14px;letter-spacing:-1.6px}h1 span{background:linear-gradient(90deg,#d438ff,#6f52ff,#168cff);-webkit-background-clip:text;color:transparent} .hero-copy>p{font-size:14px;line-height:1.6;color:#d6dbea;max-width:560px}.hero-copy>p b{color:#e785ff}.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0 16px}.badge{display:flex;align-items:center;gap:8px;padding:8px 9px;background:#071120;border:1px solid #213353;border-radius:9px}.badge span{font-size:18px}.badge b{font-size:10px}.badge small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.actions{display:flex;gap:10px}.btn{display:flex;align-items:center;gap:10px;min-width:210px;padding:11px 16px;border-radius:9px;text-decoration:none;color:#fff;border:1px solid #5e6fa4;transition:.2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.12)}.btn span:first-child{font-size:22px}.btn b{display:block;font-size:13px}.btn small{display:block;font-size:9px;margin-top:2px}.primary{background:linear-gradient(90deg,#d51eff,#5443ff)}.secondary{background:linear-gradient(90deg,#063887,#0068ce)}.hero-art{position:relative;min-height:330px}.glow{position:absolute;inset:8% 0 0;background:radial-gradient(circle,#6024ff 0,rgba(96,36,255,.32) 25%,transparent 62%);filter:blur(15px)}.gift{position:absolute;left:50%;top:13%;width:240px;height:250px;transform:translateX(-45%) rotate(-2deg) scale(.78)}.box,.lid{position:absolute;left:22px;width:200px;background:linear-gradient(145deg,#5e19c7,#1727a8 70%,#091556);border:2px solid #b45cff;box-shadow:0 0 24px #7425ff}.box{top:90px;height:150px}.lid{top:58px;height:58px;border-radius:10px}.ribbon-v{position:absolute;left:109px;top:58px;width:34px;height:182px;background:linear-gradient(#ffd26c,#ff8e2f)}.ribbon-h{position:absolute;left:22px;top:104px;width:200px;height:26px;background:linear-gradient(90deg,#ff8e2f,#ffd26c,#ff8e2f)}.bow{position:absolute;top:16px;width:80px;height:56px;border:12px solid #ffc060;background:transparent;box-shadow:0 0 16px #ff7c21}.bow.left{left:52px;border-radius:70% 25% 70% 30%;transform:rotate(26deg)}.bow.right{left:124px;border-radius:25% 70% 30% 70%;transform:rotate(-26deg)}.bow-center{position:absolute;left:106px;top:48px;width:38px;height:38px;background:#ff9d32;border-radius:50%;box-shadow:0 0 18px #ff7c21}.voucher{position:absolute;left:9%;bottom:12%;padding:13px 25px;background:linear-gradient(145deg,#7a1dff,#ff2acb);border:2px solid #e170ff;transform:rotate(4deg);font-weight:800;font-size:18px;text-align:center;box-shadow:0 0 26px #d82cff}.voucher strong{font-size:31px}.ticket{position:absolute;right:5%;bottom:7%;font-size:44px;font-weight:900;color:#e57cff;transform:rotate(18deg);text-shadow:0 0 20px #8436ff}.spark{position:absolute;width:7px;height:7px;background:#fff;box-shadow:0 0 16px 5px #b83fff;transform:rotate(45deg)}.s1{left:8%;top:19%}.s2{right:8%;top:12%}.s3{left:32%;bottom:8%}.s4{right:18%;bottom:28%}.summary{grid-column:3;padding:15px 14px}.panel-title{font-size:14px;font-weight:900;color:#5bc8ff;margin-bottom:12px}.summary-item{position:relative;display:grid;grid-template-columns:42px 1fr;gap:9px;padding:12px 10px 12px 22px;background:#081221;border:1px solid #1d2c49;border-radius:10px;margin-bottom:9px}.summary-item .dot{position:absolute;left:-7px;top:50%;width:13px;height:13px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.summary-item.green{color:var(--green)}.summary-item.purple{color:#974cff}.summary-item.blue{color:#0ba6ff}.summary-item .icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid currentColor;font-size:17px}.summary-item b{color:#fff}.summary-item p{color:var(--muted);font-size:10px;line-height:1.45;margin:4px 0 0}.online{padding:15px 14px;background:#071120;border:1px solid #1e3151;border-radius:12px;display:grid;grid-template-columns:14px 1fr;gap:4px 10px}.online>span{width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 11px var(--green)}.online em{color:var(--green);font-style:normal}.online small{grid-column:2;color:var(--muted)}.steps{grid-column:1/2;padding:14px 18px}.gradient-title{background:linear-gradient(90deg,#e246ff,#279cff);-webkit-background-clip:text;color:transparent}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step-grid article{text-align:center;position:relative}.step-grid article:not(:last-child):after{content:"→";position:absolute;right:-18px;top:38px;color:#40516e;font-size:28px}.step-icon{width:60px;height:60px;margin:auto;border-radius:50%;display:grid;place-items:center;font-size:24px;border:2px solid currentColor;position:relative}.step-icon i{position:absolute;bottom:-10px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-size:12px;background:currentColor;color:#fff;font-style:normal}.green{color:var(--green)}.purple{color:#d24bff}.blue{color:#0ca6ff}.orange{color:var(--orange)}.step-grid h3{font-size:11px;margin:12px 0 7px}.step-grid h3 span{color:currentColor}.step-grid p{font-size:10px;color:#d0d7e5;line-height:1.5}.quota,.activity{padding:14px 15px}.pink{color:#ff59d8}.quota-number{text-align:center;font-size:23px;margin:6px 0 12px}.bars{display:grid;grid-template-columns:repeat(20,1fr);gap:5px}.bars i{height:25px;border-radius:3px;background:#152039}.bars i.on{background:linear-gradient(#ff38d1,#3d7dff);box-shadow:0 0 10px rgba(199,55,255,.55)}.quota p{font-size:11px;color:var(--muted)}.urgent{padding:10px 12px;border:1px solid #7b3713;border-radius:9px;color:#ffbd3c;background:#251208;font-size:13px}.activity-list{display:grid;gap:8px}.activity-list>div{display:flex;gap:10px;padding:10px 12px;background:#0a1225;border-radius:10px}.activity-list p{margin:0;font-size:10px}.activity-list small{display:block;color:#38ef86;margin-top:4px}.activity-total{margin-top:10px;padding:10px;background:#160723;border-radius:9px;color:#ff67df}.activity-total b{float:right}.benefits{grid-column:1/4;display:grid;grid-template-columns:.9fr repeat(4,1fr);align-items:center;padding:10px 14px}.benefit-title{font-size:18px;font-weight:900;color:#ef4cff}.benefit{display:flex;gap:10px;padding:7px 12px;border-left:1px solid #334366}.benefit span{font-size:25px}.benefit b{font-size:10px}.benefit p{margin:4px 0 0;color:#d2d8e5;font-size:9px;line-height:1.45}footer{display:flex;justify-content:space-between;padding:10px 3px;color:#7f899c;font-size:10px}footer nav{display:flex;gap:18px;align-items:center}footer a{color:#9aa4b5;text-decoration:none}footer i{height:14px;width:1px;background:#465066}
@media(max-width:1100px){.dashboard{grid-template-columns:1fr 1fr}.hero{grid-column:1/3}.summary{grid-column:1/3}.steps{grid-column:1/3}.benefits{grid-column:1/3;grid-template-columns:1fr 1fr}.benefit-title{grid-column:1/3}.hero{grid-template-columns:1fr}.hero-art{min-height:360px}.badges{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.page-shell{padding:8px}.dashboard{display:block}.card{margin-bottom:10px}.hero{display:block;padding:18px}.brand-main{font-size:38px}h1{font-size:39px}.hero-copy>p{font-size:15px}.badges{grid-template-columns:1fr 1fr}.actions{display:grid}.btn{min-width:0}.hero-art{min-height:330px}.gift{transform:translateX(-50%) scale(.8)}.voucher{left:5%;bottom:8%;font-size:18px}.voucher strong{font-size:30px}.step-grid{grid-template-columns:1fr 1fr}.step-grid article:after{display:none}.benefits{display:block}.benefit-title,.benefit{margin-bottom:10px}.benefit{border-left:none;border-top:1px solid #334366}.quota,.activity{display:block}footer{display:block;text-align:center}footer nav{justify-content:center;margin-top:8px}}