:root{--bg:#090810;--panel:#15111f;--border:#322744;--purple:#a77aff;--muted:#a39ab5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f6f1ff;font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}header{height:78px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #21192c}.logo{font-weight:900;letter-spacing:1px;font-size:20px}.logo span,em{color:var(--purple)}.logo small{font-size:10px;color:#a99db9}nav{display:flex;gap:28px;font-size:12px;color:#c1b6d1}.hero{padding:85px 8%;min-height:560px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;background:radial-gradient(ellipse at 80% 50%,#3e236a77,transparent 45%)}.tag{font-size:11px;letter-spacing:2px;color:#b79bfa;font-weight:800}.hero h1{font-size:clamp(40px,5.5vw,76px);letter-spacing:-3px;line-height:1.04;margin:25px 0}em{font-style:normal}.hero p,.sub{color:var(--muted);font-size:14px;line-height:1.8;max-width:490px}.btn{display:inline-block;margin-top:23px;background:linear-gradient(110deg,#9c65f5,#6d36d0);padding:17px 23px;color:#fff;font-size:12px;font-weight:800;border:0;border-radius:8px;cursor:pointer}.metrics{display:flex;gap:45px;margin-top:60px}.metrics div{display:flex;flex-direction:column;gap:8px}.metrics b{font-size:24px}.metrics small{font-size:10px;color:var(--muted)}.visual{height:390px;display:grid;place-items:center;position:relative}.glow{position:absolute;width:320px;height:320px;border-radius:50%;background:#8b5cf63b;filter:blur(60px)}.rankcard{position:relative;width:320px;max-width:90%;height:320px;padding:26px;border-radius:20px;border:1px solid #8c68ce;background:linear-gradient(145deg,#302044,#0d0b14);transform:rotate(-6deg);box-shadow:0 25px 90px #000b;text-align:center}.tiny{font-size:10px;letter-spacing:2px;color:#b6a5d2}.gem{font-size:135px;line-height:1.5;color:#c5a8ff;text-shadow:0 0 35px #9e6aff}.rankcard strong{font-size:11px;letter-spacing:2px}.divider{height:1px;background:#674c92;margin:20px 0}.rankcard .tiny span{float:right}.ribbon{text-align:center;padding:23px;border-block:1px solid #2c223c;font-size:11px;letter-spacing:1.5px;color:#a99aba}.content{padding:90px 8%}.content h2{font-size:clamp(30px,4vw,46px);letter-spacing:-2px;margin:15px 0}.layout{display:grid;grid-template-columns:1.4fr .85fr;gap:25px;margin-top:40px;align-items:start}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:30px;margin-bottom:22px}.panel h3{font-size:14px;letter-spacing:1px;margin:5px 0 25px}.panel h3:not(:first-child){margin-top:35px}.panel h3 span{display:inline-block;padding:10px;background:#2e2145;border-radius:8px;color:var(--purple);margin-right:10px}.two,.prices{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;color:#c6b8d9;font-size:11px;letter-spacing:.5px;margin-bottom:20px}input,select{display:block;width:100%;margin-top:10px;background:#0d0a14;color:#fff;border:1px solid #413253;padding:14px;border-radius:7px;font-size:13px}input:focus,select:focus{outline:1px solid #aa79ff}.full{width:100%}.summary{position:sticky;top:20px;background:linear-gradient(150deg,#241734,#12101b)}.summary h2{font-size:32px;line-height:1.2;margin:30px 0}.line{display:flex;justify-content:space-between;border-bottom:1px solid #3b2c4d;padding:17px 0;font-size:12px;color:#b4a9c3}.line b{color:white}.total{padding-top:35px}.total small{display:block;color:var(--muted);font-size:11px;letter-spacing:2px}.total strong{display:block;color:#c5a7ff;font-size:38px;margin-top:10px}.disclaimer{font-size:11px;color:#958aa5;line-height:1.8;margin-top:20px}.how{background:#0e0b16}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.cards article{background:var(--panel);border:1px solid var(--border);padding:25px;border-radius:12px}.cards article>b{color:var(--purple)}.cards p{color:var(--muted);font-size:12px;line-height:1.7}footer{padding:30px 8%;border-top:1px solid #2b2039;color:#8c819d;font-size:11px}.notice{padding:15px;border-radius:8px;margin:15px 0}.good{background:#173825;color:#b5e8c4}.bad{background:#431f30;color:#ffbccd}.login{max-width:460px}.prices label{display:flex;align-items:center;justify-content:space-between;gap:15px}.prices input{max-width:150px}.orders{margin-top:25px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}td,th{text-align:left;padding:13px;border-bottom:1px solid #342841}.statusform{display:flex;gap:8px}.statusform select{margin:0;padding:7px}.smallbtn{background:#5b3a8e;border:0;border-radius:6px;color:white;cursor:pointer;padding:8px}@media(max-width:850px){.hero,.layout{grid-template-columns:1fr}.visual{height:330px}.summary{position:static}.cards{grid-template-columns:1fr}}@media(max-width:520px){header{padding:0 5%}nav{gap:10px}.hero{padding:60px 6%}.metrics{gap:20px}.content{padding:60px 6%}.two,.prices{grid-template-columns:1fr}.panel{padding:20px}.ribbon{font-size:9px}}
