@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-title:"Outfit", var(--font-sans);--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--border-color:#e2e8f0;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--primary:#0f172a;--secondary:#1e293b;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-light:#eff6ff;--success:#10b981;--success-light:#ecfdf5;--warning:#f59e0b;--warning-light:#fef3c7;--error:#ef4444;--error-light:#fef2f2;--shadow-sm:0 1px 2px 0 #0f172a0d;--shadow:0 1px 3px 0 #0f172a14, 0 1px 2px -1px #0f172a14;--shadow-md:0 4px 6px -1px #0f172a14, 0 2px 4px -2px #0f172a14;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a14;--shadow-xl:0 20px 25px -5px #0f172a14, 0 8px 10px -6px #0f172a14;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary:#090d16;--bg-secondary:#0f172a;--bg-tertiary:#1e293b;--border-color:#1e293b;--text-primary:#f8fafc;--text-secondary:#e2e8f0;--text-muted:#94a3b8;--primary:#f8fafc;--secondary:#e2e8f0;--accent:#3b82f6;--accent-hover:#60a5fa;--accent-light:#172554;--success:#34d399;--success-light:#064e3b;--warning:#fbbf24;--warning-light:#78350f;--error:#f87171;--error-light:#7f1d1d;--shadow-sm:0 1px 2px 0 #00000080;--shadow:0 1px 3px 0 #00000080;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #0006, 0 8px 10px -6px #0006}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.layout-grid{grid-template-columns:1fr;align-items:start;gap:2rem;display:grid}@media (width>=1024px){.layout-grid{grid-template-columns:1fr 300px}}.adsense-placeholder{background-color:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);font-size:.75rem;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;transition:background-color var(--transition-normal), border-color var(--transition-normal);flex-direction:column;justify-content:center;align-items:center;margin:1.5rem 0;display:flex;position:relative;overflow:hidden}.adsense-placeholder:before{content:"ADVERTISEMENT";opacity:.6;margin-bottom:.25rem;font-weight:500}.ads-top-banner{width:100%;max-width:728px;height:90px;margin:1.5rem auto}.ads-sidebar{width:300px;height:600px;position:sticky;top:5.5rem}.ads-in-content{width:100%;min-height:250px;margin:2rem 0}.ads-footer-banner{width:100%;max-width:728px;height:90px;margin:2rem auto}@media (width<=768px){.ads-top-banner,.ads-footer-banner{max-width:320px;height:50px}.ads-sidebar{width:100%;height:250px;position:static}}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal), background-color var(--transition-normal), border-color var(--transition-normal);padding:1.5rem}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:0 4px 12px #2563eb33}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--border-color)}.btn-outline{border-color:var(--border-color);color:var(--text-secondary);background-color:#0000}.btn-outline:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-icon{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}.btn-icon:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.form-group{flex-direction:column;gap:.375rem;margin-bottom:1.25rem;display:flex}.form-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.form-input,.form-select{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-secondary);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.625rem .875rem}.form-input:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb26}.form-input.error{border-color:var(--error)}.form-input.error:focus{box-shadow:0 0 0 3px #ef444426}.form-error{color:var(--error);font-size:.75rem;font-weight:500}.grid-2{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.grid-2{grid-template-columns:repeat(2,1fr)}}.grid-3{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=640px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.grid-4{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=640px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-4{grid-template-columns:repeat(4,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s cubic-bezier(.4,0,.2,1) forwards fadeIn}.badge{border-radius:var(--radius-sm);background-color:var(--bg-tertiary);color:var(--text-secondary);align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-accent{background-color:var(--accent-light);color:var(--accent)}.badge-success{background-color:var(--success-light);color:var(--success)}.table-container{border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:1rem;overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.table th{background-color:var(--bg-tertiary);color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:.75rem 1rem;font-weight:600}.table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1rem}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:var(--bg-tertiary)}h1,h2,h3,h4,h5{font-family:var(--font-title);color:var(--text-primary);font-weight:700}.calc-display{color:#f8fafc;border-radius:var(--radius-md);text-align:right;word-break:break-all;background-color:#0f172a;flex-direction:column;justify-content:flex-end;min-height:4.5rem;margin-bottom:1rem;padding:1.5rem;font-family:monospace;font-size:2rem;display:flex}.calc-display-history{color:#94a3b8;min-height:1.25rem;font-size:.875rem}.calc-keypad{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.calc-keypad-scientific{grid-template-columns:repeat(5,1fr)}.calc-key{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-tertiary);cursor:pointer;transition:all var(--transition-fast);text-align:center;padding:1rem;font-weight:600}.calc-key:hover{background-color:var(--border-color)}.calc-key-op{background-color:var(--accent-light);color:var(--accent);border-color:#0000}.calc-key-op:hover{background-color:var(--accent);color:#fff}.calc-key-eq{background-color:var(--accent);color:#fff;border-color:#0000}.calc-key-eq:hover{background-color:var(--accent-hover)}.calc-key-clear{background-color:var(--error-light);color:var(--error);border-color:#0000}.calc-key-clear:hover{background-color:var(--error);color:#fff}