@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;400;600&display=swap");:root{--bg:#050810;--surface:#0c1120;--surface2:#111827;--border:#1e293b;--accent:#00f5ff;--accent2:#ff3d71;--accent3:#7c3aed;--text:#e2e8f0;--text2:#94a3b8;--muted:#64748b;--card-bg:rgba(12,17,32,.9);--card-border:#1e293b;--nav-bg:rgba(5,8,16,.85);--nav-border:rgba(0,245,255,.1);--grid-color:rgba(0,245,255,.03);--input-bg:rgba(12,17,32,.9);--result-bg:rgba(12,17,32,.9);--result-border:rgba(0,245,255,.2);--result-color:#00f5ff;--glow:0 0 20px rgba(0,245,255,.4);--divider:linear-gradient(90deg,rgba(0,245,255,.3),transparent)}[data-theme=light]{--bg:#1c1a06;--surface:#252310;--surface2:#2e2b12;--border:#3d3a18;--accent:#f5c400;--accent2:#ff3d71;--accent3:#c084fc;--text:#fef9c3;--text2:#fde68a;--muted:#a89b40;--card-bg:rgba(28,26,6,.95);--card-border:#3d3a18;--nav-bg:rgba(20,18,4,.92);--nav-border:rgba(245,196,0,.15);--grid-color:rgba(245,196,0,.04);--input-bg:rgba(28,26,6,.95);--result-bg:rgba(28,26,6,.95);--result-border:rgba(245,196,0,.25);--result-color:#f5c400;--glow:0 0 20px rgba(245,196,0,.3);--divider:linear-gradient(90deg,rgba(245,196,0,.3),transparent)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Rajdhani,sans-serif;font-size:16px;overflow-x:hidden;transition:background .3s,color .3s}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:60px 60px;z-index:0;pointer-events:none;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{background-position:0 0}to{background-position:60px 60px}}a{color:inherit;text-decoration:none}button,input,select{font-family:Rajdhani,sans-serif}.tool-card{display:block;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:24px;transition:border-color .2s,box-shadow .2s}.tool-card:hover{border-color:var(--accent);box-shadow:var(--glow)}.nav-link{font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--muted);transition:color .2s}.nav-link:hover{color:var(--accent)}.tq-input{padding:10px 16px;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:15px;outline:none;flex:1 1;min-width:200px;transition:border-color .2s}.tq-input:focus{border-color:var(--accent)}.tq-select{padding:10px 16px;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:15px;outline:none}.tq-btn{padding:10px 28px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;letter-spacing:1px;text-transform:uppercase;-webkit-clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:opacity .2s}.tq-btn:hover{opacity:.85}.tq-result{margin-top:20px;padding:20px;background:var(--result-bg);border:1px solid var(--result-border);border-radius:10px;overflow-x:auto;color:var(--result-color);font-size:14px;line-height:1.7;white-space:pre-wrap}.tq-label{font-size:.75rem;color:var(--accent);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.tq-title{font-family:Orbitron,monospace;font-size:1.5rem;font-weight:900;color:var(--text);margin-bottom:8px}.tq-sub{color:var(--muted);margin-bottom:24px}.tq-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px;margin-top:20px}.tq-info-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:16px;transition:border-color .2s}.tq-info-label{font-size:11px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}.tq-info-value{color:var(--accent);font-size:14px;font-weight:600;word-break:break-all}