@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap";:root{--bg-color: #0f172a;--card-bg: rgba(30, 41, 59, .7);--card-border: rgba(255, 255, 255, .1);--input-bg: rgba(15, 23, 42, .8);--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #10b981;--accent-glow: rgba(16, 185, 129, .3);--result-bg: linear-gradient(135deg, rgba(16, 185, 129, .1), rgba(5, 150, 105, .1));--font-main: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-color);background-image:radial-gradient(circle at 10% 10%,rgba(16,185,129,.05) 0%,transparent 30%),radial-gradient(circle at 90% 90%,rgba(16,185,129,.05) 0%,transparent 30%);color:var(--text-primary);min-height:100vh;padding:2rem;display:flex;flex-direction:column;align-items:center}.back-link{align-self:flex-start;color:var(--text-secondary);text-decoration:none;font-weight:400;display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;transition:color .3s}.back-link:hover{color:var(--accent-color)}header{text-align:center;margin-bottom:2rem;width:100%}h1{font-size:2rem;font-weight:600;background:linear-gradient(to right,#fff,var(--accent-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.calculator-card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:24px;padding:2rem;width:100%;max-width:500px;box-shadow:0 20px 40px -10px #00000080}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem}input,select{width:100%;background:var(--input-bg);border:1px solid var(--card-border);border-radius:12px;padding:.8rem 1rem;color:var(--text-primary);font-family:inherit;font-size:1rem;transition:border-color .3s,box-shadow .3s}input:focus,select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-glow)}.result-container{margin-top:2rem;padding:1.5rem;background:var(--result-bg);border:1px solid var(--accent-glow);border-radius:16px;text-align:center}.result-label{color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.result-value{font-size:2.5rem;font-weight:600;color:var(--accent-color);margin-bottom:.2rem}.result-unit{font-size:1rem;margin-left:.3rem}.result-info{font-size:.85rem;color:var(--text-secondary);margin-top:.5rem;line-height:1.4}@media(max-width:480px){body{padding:1rem}.calculator-card{padding:1.5rem}}