@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{color:#f5f7f8;font-synthesis:none;text-rendering:optimizelegibility;background:#080a0c;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}:root{--accent:#00b4cc;--accent-soft:#00b4cc22;--background:#080a0c;--surface:#101417;--surface-light:#151b1e;--text:#f5f7f8;--muted:#899398;--border:#ffffff12}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--background);color:var(--text);font-family:Inter,sans-serif}button,a,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.website{min-height:100vh;overflow:hidden}.navbar{border-bottom:1px solid var(--border);z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080a0cef;justify-content:space-between;align-items:center;height:82px;padding:0 9%;display:flex;position:sticky;top:0}.logo{letter-spacing:1px;font-size:24px;font-weight:900}.logo span,.section-heading h2 span,.hero h1 span,.about-section h2 span,.bottom-banner h2 span,.modal h2 span{color:var(--accent)}.nav-links{align-items:center;gap:38px;display:flex}.nav-links a{color:var(--muted);font-size:12px;font-weight:600;transition:color .2s}.nav-links a:hover{color:var(--accent)}.login-button{background:var(--accent-soft);color:#fff;border:1px solid #00b4cc70;border-radius:5px;padding:11px 19px;font-size:12px;font-weight:700;transition:all .2s}.login-button span{color:var(--accent);margin-left:8px}.login-button:hover{background:var(--accent);color:#061014;border-color:var(--accent)}.login-button:hover span{color:#061014}.hero{border-bottom:1px solid var(--border);background:radial-gradient(at 78% 48%,#00b4cc17,#0000 45%),linear-gradient(#080a0c,#0a0d0f);justify-content:space-between;align-items:center;min-height:650px;padding:100px 12%;display:flex;position:relative}.hero-content{z-index:2;max-width:600px;position:relative}.announcement{color:#a8eaf1;letter-spacing:2px;background:#00b4cc0b;border:1px solid #00b4cc40;border-radius:30px;align-items:center;gap:10px;margin-bottom:30px;padding:11px 15px;font-size:9px;font-weight:800;display:inline-flex}.status-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 12px var(--accent);border-radius:50%;flex-shrink:0}.hero h1{letter-spacing:-6px;font-size:clamp(58px,7vw,92px);font-weight:900;line-height:.98}.hero-content>p{color:var(--muted);max-width:450px;margin:27px 0 30px;font-size:13px;line-height:1.9}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.shop-button{background:var(--accent);color:#041013;border:1px solid var(--accent);border-radius:5px;justify-content:center;align-items:center;gap:28px;padding:15px 21px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex}.shop-button:hover{background:#35d1e3;border-color:#35d1e3;transform:translateY(-3px);box-shadow:0 8px 30px #00b4cc35}.shop-button span{font-size:17px}.secondary-button{border:1px solid var(--border);color:#c1cbd0;border-radius:5px;padding:15px 21px;font-size:12px;font-weight:700;transition:all .2s}.secondary-button:hover{border-color:var(--accent);color:var(--accent)}.hero-stats{border-top:1px solid var(--border);gap:40px;margin-top:65px;padding-top:23px;display:flex}.hero-stats div{flex-direction:column;gap:7px;display:flex}.hero-stats strong{font-size:18px;font-weight:800}.hero-stats span{color:#6f7b80;letter-spacing:1.5px;font-size:8px;font-weight:800}.hero-decoration{flex-shrink:0;place-items:center;width:350px;height:390px;display:grid;position:relative}.glow-circle{background:var(--accent);filter:blur(110px);opacity:.19;border-radius:50%;width:280px;height:280px;position:absolute}.hero-orbit{border:1px solid #00b4cc30;border-radius:50%;width:340px;height:150px;position:absolute;transform:rotate(-35deg)}.orbit-two{border-color:#ffffff12;width:300px;height:220px;transform:rotate(45deg)}.hero-card{z-index:1;background:linear-gradient(145deg,#162328,#0b1013 65%);border:1px solid #00b4cc65;border-radius:10px;flex-direction:column;justify-content:space-between;width:255px;height:310px;padding:22px;display:flex;position:relative;transform:rotate(5deg);box-shadow:0 25px 90px #00000080,0 0 45px #00b4cc12}.hero-card-top,.hero-card-bottom{color:#9aaeb4;letter-spacing:1.5px;justify-content:space-between;font-size:8px;font-weight:800;display:flex}.hero-card-symbol{color:#f2fbfc;letter-spacing:-12px;text-align:center;text-shadow:0 0 45px #00b4cc55;font-size:125px;font-weight:900}.hero-card-symbol span{color:var(--accent)}.floating-tag{color:#a9e9ef;letter-spacing:1.5px;z-index:2;background:#111a1e;border:1px solid #00b4cc55;border-radius:5px;padding:12px 16px;font-size:8px;font-weight:800;position:absolute;bottom:40px;right:-12px;box-shadow:0 12px 35px #00000060}.products-section{border-bottom:1px solid var(--border);padding:100px 9%}.section-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:42px;display:flex}.section-label{color:var(--accent);letter-spacing:2.5px;font-size:9px;font-weight:900}.section-heading h2{letter-spacing:-1.5px;margin-top:13px;font-size:34px}.section-heading>p{color:var(--muted);max-width:260px;font-size:11px;line-height:1.8}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:7px;transition:all .25s;overflow:hidden}.product-card:hover{border-color:#00b4cc70;transform:translateY(-6px);box-shadow:0 15px 45px #00000045}.product-image{border-bottom:1px solid var(--border);background:radial-gradient(circle,#00b4cc25,#0000 55%),linear-gradient(140deg,#142126,#0d1114 70%);flex-direction:column;justify-content:space-between;align-items:center;height:190px;padding:17px;display:flex;position:relative}.product-image-top{color:#7d9da4;letter-spacing:1.5px;justify-content:space-between;width:100%;font-size:8px;font-weight:800;display:flex}.product-image-symbol{color:#e9f9fb;letter-spacing:-6px;text-shadow:0 0 35px #00b4cc45;font-size:66px;font-weight:900}.product-image-symbol span{color:var(--accent)}.product-status{color:#83dce5;letter-spacing:2px;font-size:8px;font-weight:800}.product-info{padding:23px}.category{color:var(--accent);letter-spacing:2px;font-size:8px;font-weight:900}.product-info h3{letter-spacing:-.4px;margin:12px 0;font-size:17px}.product-info>p{color:var(--muted);min-height:60px;font-size:11px;line-height:1.8}.product-bottom{border-top:1px solid var(--border);color:#d4e0e3;justify-content:space-between;align-items:center;gap:10px;margin-top:21px;padding-top:17px;font-size:10px;display:flex}.product-bottom button{color:var(--accent);background:#00b4cc12;border:1px solid #00b4cc35;border-radius:4px;align-items:center;gap:12px;padding:9px 11px;font-size:10px;font-weight:800;transition:all .2s;display:flex}.product-bottom button:hover{background:var(--accent);color:#061014}.about-section{text-align:center;border-bottom:1px solid var(--border);background:radial-gradient(at 50% 0,#00b4cc12,#0000 60%),#0b0f11;padding:105px 20px}.about-section h2{letter-spacing:-1.5px;margin:19px 0;font-size:clamp(22px,4vw,34px)}.about-section p{color:var(--muted);max-width:510px;margin:0 auto;font-size:12px;line-height:1.9}.about-link{color:var(--accent);align-items:center;gap:15px;margin-top:27px;font-size:11px;font-weight:800;display:inline-flex}.about-link:hover{color:#7ce7f0}.bottom-banner{border-bottom:1px solid var(--border);background:#0d1316;justify-content:space-between;align-items:center;gap:25px;padding:55px 9%;display:flex}.bottom-banner h2{letter-spacing:-1px;margin-top:10px;font-size:clamp(22px,4vw,32px)}footer{justify-content:space-between;align-items:center;gap:20px;padding:29px 9%;display:flex}footer p{color:#69757a;font-size:10px}.back-to-top{color:#8e9a9f;letter-spacing:1px;font-size:9px;font-weight:800;transition:color .2s}.back-to-top:hover{color:var(--accent)}.modal-overlay{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#101619;border:1px solid #00b4cc45;border-radius:9px;width:100%;max-width:440px;padding:38px;position:relative;box-shadow:0 25px 90px #00000090}.modal-close{color:#8d9a9f;background:0 0;border:none;font-size:27px;line-height:1;transition:color .2s;position:absolute;top:13px;right:17px}.modal-close:hover{color:var(--accent)}.modal h2{letter-spacing:-1px;margin-top:14px;font-size:29px}.modal-description{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.8}.login-form{flex-direction:column;gap:12px;margin-top:27px;display:flex}.login-form label{color:#a5b5ba;letter-spacing:1.5px;font-size:9px;font-weight:800}.login-form input{color:#fff;background:#080d10;border:1px solid #ffffff20;border-radius:5px;width:100%;padding:14px;font-size:12px}.login-form input:focus{border-color:var(--accent);outline:none}.login-form .shop-button{width:100%;margin-top:7px}.login-message{color:#a8eaf1;background:#00b4cc12;border:1px solid #00b4cc30;border-radius:5px;margin-top:18px;padding:12px;font-size:10px;line-height:1.7}.modal-product-status{color:#a8eaf1;letter-spacing:1px;background:#00b4cc0d;border:1px solid #00b4cc30;border-radius:5px;align-items:center;gap:10px;margin-top:24px;padding:13px;font-size:9px;font-weight:800;display:flex}@media (width<=1000px){.hero{padding:85px 8%}.hero-decoration{margin-right:-25px;transform:scale(.85)}.hero h1{font-size:clamp(55px,7vw,75px)}.product-grid{gap:13px}.product-info{padding:18px}}@media (width<=800px){.navbar{padding:0 5%}.nav-links{gap:18px}.hero{padding:80px 7%}.hero-decoration{display:none}.hero-content{max-width:650px}.product-grid{grid-template-columns:1fr 1fr}.products-section{padding:75px 7%}.section-heading{flex-direction:column;align-items:flex-start;gap:13px}}@media (width<=540px){.navbar{height:72px;padding:0 5%}.logo{font-size:20px}.nav-links{gap:12px}.nav-links a{font-size:10px}.login-button{padding:9px 10px;font-size:10px}.login-button span{margin-left:3px}.hero{min-height:560px;padding:75px 7%}.hero h1{letter-spacing:-4px;font-size:clamp(53px,13vw,72px)}.hero-content>p{font-size:12px}.hero-stats{gap:20px;margin-top:50px}.hero-stats strong{font-size:15px}.hero-stats span{letter-spacing:1px;font-size:7px}.products-section{padding:65px 6%}.section-heading h2{font-size:29px}.product-grid{grid-template-columns:1fr;gap:17px}.product-image{height:180px}.about-section{padding:80px 7%}.bottom-banner{flex-direction:column;align-items:flex-start;padding:40px 7%}footer{text-align:center;flex-direction:column;padding:28px 7%}.modal{padding:30px 23px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
