:root{--bg:#06111f;--bg2:#0a192a;--panel:#0d1d30;--line:#203851;--blue:#22a9ff;--cyan:#63e6ff;--red:#ef3152;--green:#33d7a0;--amber:#ffbd4a;--white:#f5f9ff;--muted:#91a5ba;--ink:#10243a;--paper:#eef3f7;--shadow:0 30px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--white);background:var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}img,svg{display:block}.skip{position:fixed;z-index:99;left:16px;top:12px;padding:10px 16px;border-radius:8px;color:var(--ink);background:#fff;transform:translateY(-150%)}.skip:focus{transform:none}
.topbar{position:sticky;z-index:50;top:0;min-height:82px;display:flex;align-items:center;gap:28px;padding:8px clamp(20px,4vw,64px);border-bottom:1px solid rgba(255,255,255,.1);background:rgba(5,15,27,.91);backdrop-filter:blur(18px)}.brand{margin-right:auto}.brand img{width:168px;height:64px;object-fit:contain}.topbar nav{display:flex;align-items:center;gap:28px}.topbar nav a{color:#b4c6d8;font-size:14px;font-weight:700}.topbar nav a:hover,.topbar nav a[aria-current="page"]{color:#fff}.topbar .support{padding:11px 17px;border:1px solid #286391;border-radius:10px;color:#fff;background:#0d2c46}
main{overflow:hidden}.hero{position:relative;min-height:560px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);align-items:center;gap:5vw;padding:78px max(5vw,24px) 130px;background:radial-gradient(circle at 78% 45%,rgba(28,151,232,.17),transparent 29%),linear-gradient(145deg,#06111f 0%,#081728 52%,#071321 100%);isolation:isolate}.hero::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.18;background-image:linear-gradient(rgba(75,168,230,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(75,168,230,.17) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.hero-glow{position:absolute;z-index:-1;right:12%;top:18%;width:360px;height:360px;border:1px solid rgba(83,205,255,.24);border-radius:50%;box-shadow:0 0 130px rgba(31,161,238,.14),inset 0 0 80px rgba(31,161,238,.09)}.hero-copy{max-width:760px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 22px;color:#8ddcff;font-size:12px;font-weight:850;letter-spacing:.18em}.eyebrow span{width:35px;height:2px;background:var(--red)}h1,h2,h3,p{margin-top:0}.hero h1{max-width:780px;margin-bottom:22px;font-size:clamp(48px,6vw,88px);line-height:.98;letter-spacing:-.055em}.hero h1 em{color:var(--cyan);font-style:normal}.hero-copy>p:not(.eyebrow){max-width:680px;color:#b6c9db;font-size:19px}.hero-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.hero-chips span{padding:8px 12px;border:1px solid rgba(118,197,246,.2);border-radius:999px;color:#b9d8ed;background:rgba(18,53,81,.48);font-size:12px;font-weight:750}.hero-chips b{color:#fff}.hero-visual{position:relative;min-height:350px}.chip{position:absolute;width:min(300px,72%);padding:25px;border:1px solid #254766;border-radius:22px;background:linear-gradient(145deg,rgba(18,46,71,.94),rgba(7,25,42,.96));box-shadow:var(--shadow);backdrop-filter:blur(12px)}.chip small{display:block;margin-bottom:5px;color:#6fcaff;font-size:11px;font-weight:900;letter-spacing:.18em}.chip strong{font-size:18px}.chip i{display:block;height:7px;margin-top:20px;border-radius:99px;background:#18334c;overflow:hidden}.chip i::after{content:"";display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan));animation:meter 2.8s ease-in-out infinite alternate}.chip.cpu{left:0;top:30px;transform:rotate(-3deg)}.chip.cpu i::after{width:72%}.chip.gpu{right:0;bottom:26px;transform:rotate(3deg)}.chip.gpu i::after{width:91%;background:linear-gradient(90deg,#763cff,#ee46e0)}.pulse{position:absolute;z-index:2;left:50%;top:50%;width:128px;height:128px;display:grid;place-items:center;border:1px solid rgba(83,221,255,.5);border-radius:50%;background:#071a2c;box-shadow:0 0 70px rgba(51,180,245,.25);transform:translate(-50%,-50%)}.pulse::before,.pulse::after,.pulse span{content:"";position:absolute;inset:-18px;border:1px solid rgba(74,203,255,.18);border-radius:50%;animation:pulse 2.8s ease-out infinite}.pulse::after{inset:-42px;animation-delay:.7s}.pulse span{inset:-66px;animation-delay:1.4s}.pulse b{font-size:32px;letter-spacing:-.08em}@keyframes pulse{0%{opacity:.8;transform:scale(.82)}100%{opacity:0;transform:scale(1.2)}}@keyframes meter{to{width:48%}}
.workspace{position:relative;z-index:3;width:min(1320px,calc(100% - 40px));display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.92fr);gap:20px;margin:-74px auto 0}.panel{border:1px solid var(--line);border-radius:26px;background:linear-gradient(155deg,#10243a,#0a192a);box-shadow:var(--shadow)}.configurator{padding:30px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.panel-title span,.result-head span,.section-heading>span,.recommendation>span{color:#5dc8ff;font-size:10px;font-weight:900;letter-spacing:.18em}.panel-title h2{margin:5px 0 0;font-size:25px}.reset{padding:8px 11px;border:1px solid #2a4864;border-radius:9px;color:#9eb2c5;background:transparent;cursor:pointer}.reset:hover{color:#fff;border-color:#4e779b}.field{display:grid;gap:7px}.field.full{margin-bottom:17px}.field>span,.usage legend{color:#b5c8d9;font-size:12px;font-weight:800}.field input,.field select{width:100%;height:52px;padding:0 14px;border:1px solid #2a4864;border-radius:12px;outline:0;color:#f7fbff;background:#081728}.field input:focus,.field select:focus{border-color:#35b5ff;box-shadow:0 0 0 3px rgba(53,181,255,.11)}.field small{color:#70899e;font-size:10px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.usage{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 20px;padding:0;border:0}.usage legend{margin-bottom:8px}.usage label{position:relative;cursor:pointer}.usage input{position:absolute;opacity:0}.usage label span{min-height:70px;display:grid;place-content:center;gap:2px;padding:9px;border:1px solid #223e58;border-radius:12px;color:#9bb0c2;background:#0a192a;text-align:center;transition:.2s}.usage label b{color:#dce9f4;font-size:11px}.usage label small{font-size:9px}.usage input:checked+span{border-color:#2faef7;color:#83d6ff;background:#103252;box-shadow:inset 0 0 0 1px rgba(91,205,255,.16)}.analyze{width:100%;height:56px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:13px;color:#03111d;background:linear-gradient(135deg,#6aeaff,#1ca7ff 62%,#2688ff);box-shadow:0 15px 35px rgba(20,148,232,.24);font-weight:900;cursor:pointer}.analyze:hover{filter:brightness(1.08);transform:translateY(-1px)}.analyze svg{width:20px;fill:none;stroke:currentColor;stroke-width:2}.form-error{min-height:18px;margin:7px 0 0;color:#ff8297;font-size:11px;text-align:center}.presets{margin-top:18px;padding-top:16px;border-top:1px solid #1c344a}.presets>span{color:#718ba1;font-size:10px;font-weight:850;letter-spacing:.12em}.presets>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.presets button{padding:7px 10px;border:1px solid #294761;border-radius:8px;color:#96b6cf;background:#0a192a;font-size:10px;cursor:pointer}.presets button:hover{color:#fff;border-color:#3d739c}
.result{min-height:700px;padding:30px}.result.empty{display:grid;place-items:center}.empty-state{max-width:380px;text-align:center}.scan-icon{position:relative;width:115px;height:115px;margin:0 auto 26px;border:1px solid #2c5877;border-radius:28px;background:#0a1c2f;transform:rotate(45deg)}.scan-icon::before,.scan-icon::after,.scan-icon span,.scan-icon i{content:"";position:absolute;width:28px;height:28px;border-color:#53caff}.scan-icon::before{left:15px;top:15px;border-left:2px solid;border-top:2px solid}.scan-icon::after{right:15px;bottom:15px;border-right:2px solid;border-bottom:2px solid}.scan-icon span{right:15px;top:15px;border-right:2px solid;border-top:2px solid}.scan-icon i{left:15px;bottom:15px;border-left:2px solid;border-bottom:2px solid}.empty-state small{color:#5acfff;font-weight:900;letter-spacing:.18em}.empty-state h2{margin:10px 0;font-size:27px}.empty-state p{color:#7e96aa}.result-content{height:100%}.result-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.result-head>span{padding:7px 10px;border:1px solid rgba(42,210,159,.35);border-radius:999px;color:#64e8bd;background:rgba(34,157,118,.1)}.result-head>span.warning{border-color:rgba(255,189,74,.35);color:#ffd179;background:rgba(202,130,15,.1)}.result-head small{color:#7d94a9}.score-wrap{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:25px;margin:34px 0}.score-ring{--score:75;width:172px;height:172px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--ring,var(--green)) calc(var(--score)*1%),#1a334b 0);box-shadow:0 0 45px rgba(48,210,158,.12)}.score-ring::before{content:"";position:absolute;width:138px;height:138px;border-radius:50%;background:#0b1b2d}.score-ring>div{position:relative;z-index:1;text-align:center}.score-ring strong{font-size:48px;line-height:1}.score-ring span{color:#68839a}.score-ring small{display:block;margin-top:5px;color:#7790a6;font-size:8px;font-weight:850;letter-spacing:.13em}.score-copy h2{margin-bottom:9px;font-size:28px}.score-copy p{margin:0;color:#9ab0c3;font-size:13px}.load-bars{display:grid;gap:15px;padding:20px;border:1px solid #1d3850;border-radius:16px;background:#091827}.load-bars>div>span{display:flex;justify-content:space-between;margin-bottom:7px;font-size:11px}.load-bars b{color:#abc1d4}.load-bars strong{color:#fff}.load-bars i{display:block;height:8px;border-radius:99px;background:#19344d;overflow:hidden}.load-bars em{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#18a4f4,#65e8ff);transition:width .7s ease}.load-bars>div+div em{background:linear-gradient(90deg,#7a50ff,#ed58df)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.metrics article{min-height:108px;padding:14px;border:1px solid #1d3850;border-radius:13px;background:#091827}.metrics small,.metrics strong,.metrics span{display:block}.metrics small{color:#68859d;font-size:8px;font-weight:900;letter-spacing:.12em}.metrics strong{margin:8px 0 3px;font-size:18px}.metrics span{color:#718ba2;font-size:9px}.recommendation{padding:19px;border-left:3px solid var(--cyan);border-radius:4px 14px 14px 4px;background:#0c2840}.recommendation h3{margin:6px 0;font-size:17px}.recommendation p{margin:0;color:#9ab4c9;font-size:11px}.whatsapp{display:flex;justify-content:space-between;margin-top:14px;padding:13px 16px;border:1px solid rgba(65,216,139,.32);border-radius:11px;color:#71e4a8;background:rgba(26,142,83,.09);font-size:11px;font-weight:850}.whatsapp:hover{color:#fff;background:rgba(26,142,83,.18)}
.explain{padding:110px max(5vw,24px);color:var(--ink);background:var(--paper)}.section-heading{max-width:780px;margin-bottom:42px}.section-heading>span{color:#128dd6}.section-heading h2{margin:10px 0 14px;font-size:clamp(34px,4vw,58px);line-height:1.05;letter-spacing:-.045em}.section-heading p{color:#627386;font-size:17px}.explain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.explain-grid article{padding:30px;border:1px solid #dce5ed;border-radius:20px;background:#fff;box-shadow:0 14px 40px rgba(13,43,69,.07)}.explain-grid b{color:#19a2ee;font-size:12px}.explain-grid h3{margin:20px 0 8px;font-size:22px}.explain-grid p{margin:0;color:#6a7a89}.notice{display:grid;grid-template-columns:180px 1fr;gap:30px;padding:45px max(5vw,24px);border-top:1px solid #1d354b;color:#94aabd;background:#071423}.notice strong{color:#fff}.notice p{max-width:980px;margin:0;font-size:12px}footer{display:flex;align-items:center;gap:22px;padding:30px max(5vw,24px);border-top:1px solid #1d354b;color:#8ea3b6;background:#06111f}.footer-brand img{width:130px;height:68px;object-fit:contain}footer>div{display:grid}footer strong{color:#fff}.footer-links{margin-left:auto;text-align:right}.footer-links a:hover{color:#fff}
@media(max-width:1050px){.hero{grid-template-columns:1fr;min-height:auto}.hero-visual{display:none}.workspace{grid-template-columns:1fr}.result{min-height:0}.topbar nav a:not(.support):not([aria-current="page"]){display:none}}
@media(max-width:700px){.topbar{min-height:70px;padding-inline:14px}.brand img{width:125px;height:54px}.topbar nav{gap:8px}.topbar nav a[aria-current="page"]{display:none}.topbar .support{padding:9px 11px;font-size:11px}.hero{padding:55px 18px 105px}.hero h1{font-size:46px}.hero-copy>p:not(.eyebrow){font-size:16px}.workspace{width:min(100% - 20px,1320px);margin-top:-62px}.configurator,.result{padding:20px;border-radius:20px}.field-grid{grid-template-columns:1fr}.usage{grid-template-columns:1fr 1fr}.score-wrap{grid-template-columns:1fr;text-align:center}.score-ring{margin:auto}.metrics{grid-template-columns:1fr}.explain{padding:75px 18px}.explain-grid{grid-template-columns:1fr}.notice{grid-template-columns:1fr;gap:10px;padding:34px 18px}footer{align-items:flex-start;flex-direction:column;padding:25px 18px}.footer-links{margin-left:0;text-align:left}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}