@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:#123a78;background-image:url(/background.png);background-size:cover;background-position:center top;background-repeat:no-repeat;color:#fff;min-height:100vh;overflow-x:hidden}button,input,select{font-family:Inter,sans-serif}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:700;color:#e9f0ff}.brand-dot{width:12px;height:12px;border-radius:50%;background:#ff7a45;box-shadow:0 0 12px #ff7a45b3}.top-controls{display:flex;gap:16px;flex-wrap:wrap}.control-group{display:flex;flex-direction:column;gap:6px;min-width:160px}.control-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffffb3}.language-switcher select,.separator-switcher select{background:#ffffff1f;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 12px;border-radius:10px;font-size:.85rem;outline:none}.language-switcher select option,.separator-switcher select option{background:#0f2b50;color:#fff}.hero{display:flex;flex-direction:column;gap:32px}.hero-header h1{font-size:clamp(2rem,3vw,2.8rem);font-weight:800;color:#f4f7ff;margin-bottom:8px}.subtitle{color:#ffffffbf;max-width:420px;font-size:.98rem}.hero-badges{margin-top:16px;display:flex;gap:12px;flex-wrap:wrap;color:#ffffffb3;font-size:.9rem}.hero-badges span{position:relative;padding-left:18px}.hero-badges span:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:#7bdff6;transform:translateY(-50%)}.hero-section h2{font-size:1.1rem;color:#e1e9ff;margin-bottom:14px}.pill-grid{display:flex;flex-wrap:wrap;gap:10px}.examples-more{margin-top:10px}.pill{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#e9f0ff;padding:8px 14px;border-radius:10px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.pill:hover{border-color:#ffffff59;background:#ffffff26}.link-button{margin-top:12px;background:none;border:none;color:#9fd3ff;font-size:.9rem;cursor:pointer;text-align:left}.form{padding:20px 20px 12px;background:linear-gradient(180deg,#f6f9ff,#eef3fb);border-bottom:1px solid #d5e0f3}.input-group{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:12px;margin-bottom:12px}.input-group label{color:#2c3f5b;font-weight:600;font-size:.85rem}.input-group input{padding:10px 12px;border-radius:8px;border:1px solid #b9c7e2;background:#fff;font-size:.95rem;color:#1d2b44}.input-group input:focus{outline:2px solid rgba(255,122,69,.35);border-color:#ff7a45}.button-row{display:flex;justify-content:flex-end;gap:12px;margin-top:12px}.primary-button{background:linear-gradient(135deg,#ff7a45,#f05b2a);border:none;color:#fff;padding:8px 16px;border-radius:8px;font-weight:700;cursor:pointer}.secondary-button{background:#364a6d;border:none;color:#fff;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer}@media(max-width:540px){.input-group{grid-template-columns:1fr}.button-row{flex-direction:column;align-items:stretch}}.tab-row{display:grid;grid-template-columns:repeat(4,1fr);background:#e7eef9;border-bottom:1px solid #d5e0f3}.tab{padding:10px 8px;font-size:.75rem;font-weight:600;border:none;background:transparent;color:#2b3a55;cursor:pointer}.tab.active{background:linear-gradient(135deg,#ff7a45,#f05b2a);color:#fff}@media(max-width:960px){.tab-row{grid-template-columns:repeat(2,1fr)}}.result-panel{padding:16px 20px 18px;background:#23395b;color:#e9f0ff}.result-title{font-size:1rem;margin-bottom:8px}.result-title strong{font-size:1.2rem}.result-formula{font-size:.9rem;color:#fffc}.result-actions{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ghost-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#e9f0ff;padding:6px 10px;border-radius:8px;font-size:.8rem;cursor:pointer}.ghost-button:hover{background:#fff3}@media(max-width:540px){.result-actions{grid-template-columns:1fr}}.calculator-card{width:100%;background:#ffffffe6;border-radius:16px;box-shadow:0 20px 40px #0e224059;overflow:hidden;border:1px solid rgba(255,255,255,.6)}.calculator-panel{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.card-explainer{color:#fffc;font-size:.95rem;max-width:420px;text-align:left}@media(max-width:960px){.calculator-panel{align-items:center}}#root{width:100%}.app-container{width:100%;padding:24px clamp(16px,4vw,48px) 60px}.page{display:grid;grid-template-columns:1fr;gap:clamp(24px,4vw,60px);max-width:1200px;margin:0 auto;align-items:start}@media(max-width:960px){.page{grid-template-columns:1fr}}