:root{--bg:#030812;--panel:#090d1c;--line:#24365b;--text:#f5f4ff;--muted:#b7b8ca;--purple:#962eff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -15%,#19213f 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}.app-shell{max-width:1340px;margin:auto;padding:21px 22px 6px}.hero-panel,.hardware-strip,footer{border:1px solid #263662;background:linear-gradient(110deg,#080c1b 0%,#080b16 80%,#0e1230);box-shadow:0 0 34px rgba(104,32,255,.12);border-radius:22px}.hero-panel{min-height:262px;padding:20px;display:grid;grid-template-columns:1.55fr .95fr;gap:26px;position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;left:0;bottom:0;width:61%;height:44px;background:linear-gradient(135deg,transparent 15%,#6c25ff 16% 17%,transparent 18% 25%,#4b23c8 26% 27%,transparent 28%);opacity:.65}.brand-area{display:flex;align-items:center;gap:28px;z-index:1}.brand-logo{width:235px;height:215px;flex:none;object-fit:contain;border-radius:20px;filter:drop-shadow(0 0 20px rgba(169,68,255,.42))}.brand-copy h1{font:700 clamp(38px,4.3vw,68px)/.92 'Barlow Condensed';letter-spacing:1px;margin:0;background:linear-gradient(90deg,#c16cff,#fff 55%,#d9ddff);color:transparent;background-clip:text}.brand-copy p{font-size:24px;margin:14px 0 17px;font-weight:600}.brand-copy small{color:#a348ff;font-size:19px}.brand-copy small b{padding:0 5px}.live-panel{border:1px solid #29395f;border-radius:19px;padding:0 16px 12px;z-index:1}.quick-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 0 15px}.quick-stats article{display:flex;gap:14px;align-items:center;border:1px solid #1f2a49;border-radius:14px;padding:17px}.quick-stats strong,.quick-stats small{display:block}.quick-stats strong{font-size:16px}.quick-stats small{font-size:13px;color:var(--muted);margin-top:7px}.status-icon{font-size:30px}.purple{--accent:#9638ff}.status-icon.purple{color:#9a36ff}.system-lines{border:1px solid #233251;border-radius:13px;overflow:hidden}.system-lines div{display:flex;align-items:center;gap:11px;padding:10px 12px;border-bottom:1px solid #1b2842;font-size:14px}.system-lines div:last-child{border:0}.system-lines strong{margin-left:auto;font-size:13px}.online{color:#16e877}.line-icon{width:37px;height:35px;border-radius:6px;display:grid;place-items:center;font-size:23px}.green{color:#46ec6d;background:#123b29}.chrome{color:#ffd41a;background:#35251a}.blue{color:#41a5ff;background:#102b45}.hardware-strip{margin:20px 0 16px;padding:20px;display:grid;grid-template-columns:repeat(6,1fr);gap:13px;border-color:#7d28e8;box-shadow:0 0 21px #6013bf}.hardware-card{min-height:111px;border:1px solid #263655;border-radius:17px;padding:17px;display:flex;align-items:center;gap:14px;background:linear-gradient(145deg,rgba(32,40,65,.58),rgba(8,12,25,.75))}.hardware-card>span{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;font-size:30px;color:var(--accent);background:color-mix(in srgb,var(--accent) 17%,transparent)}.lime{--accent:#68df2a}.yellow{--accent:#ffd500}.orange{--accent:#ff8500}.blue{--accent:#2382ff}.hardware-card b,.hardware-card strong,.hardware-card small{display:block}.hardware-card b{font-size:14px}.hardware-card strong{font-size:16px;margin:6px 0}.hardware-card small{font-size:11px;color:var(--muted);white-space:nowrap}.tests-section{padding:0 24px}.section-heading{display:flex;justify-content:center;gap:21px;align-items:center;margin:10px 0 18px;text-align:center}.section-heading span{height:1px;width:110px;background:linear-gradient(90deg,transparent,#7029ef,transparent)}.section-heading h2{font:700 29px 'Barlow Condensed';margin:0}.section-heading p{font-size:13px;margin:5px 0;color:#d2d2df}.test-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.test-card{--accent:#9638ff;color:var(--text);text-align:center;min-height:264px;border:1px solid #273957;border-radius:17px;padding:24px 18px 20px;background:radial-gradient(circle at 50% 22%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 39%),linear-gradient(145deg,#101728,#080d19);cursor:pointer;transition:.22s}.test-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 10px 27px color-mix(in srgb,var(--accent) 20%,transparent)}.test-card i{font-style:normal;font-size:52px;color:var(--accent);display:block;height:78px;text-shadow:0 0 17px color-mix(in srgb,var(--accent) 70%,white)}.test-card h3{font:700 20px 'Barlow Condensed';margin:10px 0 12px}.test-card p{color:#d2d3df;font-size:14px;line-height:1.45;margin:0;min-height:61px}.test-card small{display:block;border:2px solid var(--accent);border-radius:11px;padding:8px;margin:10px auto 0;max-width:150px;font-weight:bold;color:#f5f5ff}.violet{--accent:#a04bff}.pink{--accent:#ff3b9d}.cyan{--accent:#09d4d3}.green{--accent:#27d66d}footer{margin:19px 24px 0;text-align:center;padding:17px;color:#bfc0d0;font-size:14px}footer b{color:#c9c5ff}footer b span{color:#9b3bff}footer i{height:22px;width:1px;background:#62708e;display:inline-block;vertical-align:middle;margin:0 20px}.modal{position:fixed;inset:0;background:rgba(1,4,12,.82);display:none;place-items:center;padding:20px;z-index:10}.modal.open{display:grid}.modal-card{position:relative;width:min(740px,100%);max-height:90vh;overflow:auto;border:1px solid #7740d6;border-radius:20px;background:#091121;padding:35px;box-shadow:0 0 55px #421388}.close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:#fff;font-size:32px;cursor:pointer}.modal h2{margin:0 0 8px;font:700 30px 'Barlow Condensed'}.modal p{color:#c6c9d8;line-height:1.6}.action-btn{margin:8px 7px 5px 0;padding:10px 16px;border:1px solid #9c44ff;border-radius:9px;background:#211044;color:white;font-weight:bold;cursor:pointer}.test-zone{border:1px dashed #5274bb;border-radius:13px;padding:40px 20px;text-align:center;margin:18px 0;color:#9ac5ff}.meter{height:16px;border-radius:99px;background:#172238;overflow:hidden;margin:15px 0}.meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#36dc71,#b8ff25);transition:.08s}.visitor-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#1ce77a;box-shadow:0 0 9px #1ce77a;animation:visitorPulse 1.6s infinite}.system-lines strong span{display:inline}.visitor-icon{color:#aa58ff;background:#26104b}@keyframes visitorPulse{50%{opacity:.3;transform:scale(.72)}}.keyboard-layout{margin:18px 0;min-width:690px}.key-row{display:flex;gap:5px;margin:5px 0}.key{border:1px solid #465473;border-radius:5px;padding:8px 4px;min-width:38px;height:38px;display:grid;place-items:center;text-align:center;font-size:12px;font-weight:600;background:#111a2d;transition:.12s}.key.active{background:#7e25e8;border-color:#e0c2ff;box-shadow:0 0 13px #9239f7}.key.wide{min-width:51px}.key.back{min-width:99px}.key.tab{min-width:60px}.key.caps{min-width:78px}.key.enter{min-width:88px}.key.shift{min-width:95px}.key.ctrl{min-width:53px}.key.win{min-width:48px}.key.alt{min-width:49px}.key.space{min-width:250px}.key.arrow{min-width:40px}.modal-card:has(.keyboard-layout){width:min(1020px,100%);padding:32px;overflow-x:auto}.advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:20px}.info-card{border:1px solid #273c63;border-radius:13px;background:linear-gradient(145deg,#111b31,#09111f);padding:15px}.info-card h3{margin:0 0 10px;color:#b66aff;font-size:14px;text-transform:uppercase;letter-spacing:.7px}.info-card div{padding:8px 0;border-top:1px solid #20304e;display:flex;gap:12px;justify-content:space-between;align-items:start}.info-card span{color:#aeb7cb;font-size:12px;flex:0 0 43%}.info-card b{font-size:12px;text-align:right;word-break:break-word}.battery-hero{grid-column:1/-1;border:1px solid #9e42ff;border-radius:15px;padding:18px;display:flex;align-items:center;gap:18px;background:radial-gradient(circle at 18% 50%,#56218f,transparent 35%),#10142a}.battery-hero strong{font:700 42px 'Barlow Condensed';color:#c38aff}.battery-hero b,.battery-hero small{display:block}.battery-hero small,.privacy-note{color:#aeb7cb;font-size:12px;margin-top:4px}.privacy-note{grid-column:1/-1;line-height:1.5;margin:0}@media(max-width:1000px){.hero-panel{grid-template-columns:1fr}.live-panel{display:none}.hardware-strip{grid-template-columns:repeat(3,1fr)}.test-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.app-shell{padding:12px}.hero-panel{padding:15px;min-height:190px}.brand-logo{width:112px;height:112px;border-radius:14px}.brand-area{gap:15px}.brand-copy h1{font-size:35px}.brand-copy p{font-size:15px;margin:9px 0}.brand-copy small{font-size:13px}.hardware-strip{grid-template-columns:repeat(2,1fr);padding:11px}.hardware-card{padding:11px}.hardware-card small{white-space:normal}.tests-section{padding:0}.test-grid{grid-template-columns:repeat(2,1fr);gap:10px}.test-card{min-height:220px;padding:17px 10px}.test-card i{font-size:43px;height:62px}.test-card h3{font-size:18px}.test-card p{font-size:12px;min-height:52px}.section-heading span{width:35px}footer{margin:16px 0 0;font-size:11px}footer i{margin:0 6px}.advanced-grid{grid-template-columns:1fr}.battery-hero,.privacy-note{grid-column:auto}.modal-card:has(.keyboard-layout){padding:24px 18px}}