@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap";
:root{--background:#0b0b0c;--foreground:#ededed;--card:#11111399;--card-border:#ffffff14;--primary:#fff;--secondary:#888;--accent:#3b82f6;--muted:#27272a;--radius:14px;--max-width:1100px;--font-sans:"Inter",-apple-system,system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace;--shadow-premium:0 20px 40px -15px #00000080;--glass-border:1px solid #ffffff1a;--glass-bg:#111113cc}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--background);color:var(--foreground);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.05em;color:var(--primary);font-weight:700;line-height:1.1}main{max-width:var(--max-width);margin:0 auto;padding:60px 24px}header{border-bottom:var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);z-index:100;padding:18px 0;position:sticky;top:0}.header-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:0 24px;display:flex}.logo{color:var(--primary);letter-spacing:-.06em;font-size:20px;font-weight:800;text-decoration:none}.nav-link{color:var(--secondary);font-size:14px;font-weight:500;text-decoration:none;transition:color .3s cubic-bezier(.16,1,.3,1)}.nav-link:hover{color:var(--primary)}.hero{text-align:center;padding:80px 0 60px;animation:.8s cubic-bezier(.16,1,.3,1) fadeIn}.hero h1{background:linear-gradient(#fff 0%,#ffffffb3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:clamp(40px,8vw,72px)}.hero p{color:var(--secondary);max-width:600px;margin:0 auto 48px;font-size:clamp(16px,2vw,20px);font-weight:400}.search-container{max-width:540px;margin:0 auto;position:relative}.search-input{border:var(--glass-border);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff08;border-radius:99px;outline:none;width:100%;padding:18px 28px;font-size:16px;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 32px #0003}.search-input:focus{background:#ffffff12;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 0 0 4px #ffffff0d,0 8px 32px #0000004d}.tool-grid{grid-template-columns:1fr;gap:40px;margin-top:60px;display:grid}.tool-card{background:var(--card);border:var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-premium);padding:32px;position:relative;overflow:hidden}.tool-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.pro-calc{max-width:500px;margin:0 auto}.sci-display{text-align:right;background:#000;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;justify-content:flex-end;min-height:140px;margin-bottom:24px;padding:24px;display:flex;box-shadow:inset 0 2px 20px #00000080}.sci-expr{color:var(--secondary);font-size:14px;font-family:var(--font-mono);opacity:.6;margin-bottom:8px}.sci-val{color:#fff;font-size:40px;font-weight:700;font-family:var(--font-mono);letter-spacing:-2px;scrollbar-width:none;overflow-x:auto}.sci-grid{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.sci-btn{color:#bbb;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;padding:14px 0;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.sci-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff1a}.sci-btn:active{transform:scale(.95)}.sci-btn.op{color:var(--accent);background:#3b82f60d}.sci-btn.num{color:#fff;background:#ffffff0d;font-size:18px}.sci-btn.eq{background:var(--accent);color:#fff;border:none;font-size:18px}.sci-btn.util{color:#f87171;background:#ef44441a}.perc-form{flex-direction:column;gap:20px;display:flex}.perc-row{background:#ffffff05;border:1px solid #ffffff08;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:20px;display:flex}.perc-row input{color:#fff;background:#000;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100px;padding:10px 14px;font-size:15px;transition:border .3s}.perc-row input:focus{border-color:var(--accent)}.perc-res{color:var(--accent);margin-left:auto;font-size:18px;font-weight:700}.category-section{margin-top:80px}.section-label{text-transform:uppercase;letter-spacing:.2em;color:var(--secondary);margin-bottom:32px;font-size:12px;font-weight:700}.sitemap-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.category-card{background:var(--card);border:var(--glass-border);border-radius:var(--radius);padding:28px;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1)}.category-card:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-4px)}.category-card h3{margin-bottom:12px;font-size:18px}.unit-list{list-style:none}.unit-list li{margin-bottom:10px}.unit-list a{color:var(--secondary);font-size:14px;text-decoration:none;transition:color .2s}.unit-list a:hover{color:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){main{padding:40px 16px}.hero{padding:40px 0}.sci-grid{grid-template-columns:repeat(4,1fr)}.sci-btn.hide-mobile{display:none}.perc-row{flex-direction:column;align-items:flex-start}.perc-row input{width:100%}.perc-res{margin-top:8px;margin-left:0}}footer{border-top:var(--glass-border);color:var(--secondary);text-align:center;padding:60px 24px;font-size:14px}.footer-inner p{opacity:.6}