.calculator-container{opacity:0;animation:.6s ease-out forwards fadeIn}.calculator-header{z-index:10;position:relative}.calculator-title{-webkit-text-fill-color:transparent;color:#0000;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text}.calculator-description{max-width:600px;margin:0 auto;line-height:1.6}.calculator-input-group{position:relative}.calculator-label{color:#e2e8f0;align-items:center;margin-bottom:.75rem;font-size:.875rem;font-weight:600;transition:color .3s;display:flex}.calculator-label:hover{color:#a855f7}.calculator-input{color:#fff;backdrop-filter:blur(10px);background:#33415599;border:1px solid #47556980;border-radius:.75rem;outline:none;width:100%;padding:.875rem 3rem .875rem .875rem;font-size:1rem;transition:all .3s}.calculator-input:focus{background:#334155cc;border-color:#a855f7;transform:translateY(-1px);box-shadow:0 0 0 3px #a855f71a}.calculator-input:valid{border-color:#10b981}.calculator-input:invalid:not(:placeholder-shown){border-color:#ef4444}.calculator-input::placeholder{color:#9ca3af;opacity:.7}.calculator-button-container{justify-content:center;display:flex;position:relative}.calculator-button{color:#fff;background:linear-gradient(135deg,#a855f7,#3b82f6);border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #a855f733}.calculator-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.calculator-button:hover{background:linear-gradient(135deg,#9333ea,#2563eb);transform:translateY(-2px);box-shadow:0 8px 25px #a855f74d}.calculator-button:hover:before{left:100%}.calculator-button:active{transform:translateY(0);box-shadow:0 2px 10px #a855f766}.calculator-loading{align-items:center;gap:.5rem;display:flex}.calculator-loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:1s linear infinite spin}.calculator-result{backdrop-filter:blur(16px);background:linear-gradient(135deg,#33415599,#47556999);border:1px solid #47556980;border-radius:1.5rem;margin-bottom:1.5rem;padding:2rem;position:relative;overflow:hidden}.calculator-result:before{content:"";background:linear-gradient(90deg,#0000,#a855f780,#0000);height:1px;position:absolute;top:0;left:0;right:0}.calculator-result-title{color:#e2e8f0;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.125rem;font-weight:700;display:flex}.calculator-result-title svg{flex-shrink:0;width:1.25rem;height:1.25rem}.calculator-result-value{color:#10b981;text-shadow:0 2px 10px #10b9814d}.calculator-result-description{color:#9ca3af;font-size:.875rem;line-height:1.5}.calculator-badge{text-transform:uppercase;letter-spacing:.025em;border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.calculator-badge-primary{color:#a855f7;background:linear-gradient(135deg,#a855f733,#3b82f633);border:1px solid #a855f74d}.calculator-badge-secondary{color:#f59e0b;background:linear-gradient(135deg,#f59e0b33,#fbbf2433);border:1px solid #f59e0b4d}.calculator-formula{position:relative}.calculator-formula-title{color:#e2e8f0;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;display:flex}.formula-card{position:relative;overflow:hidden}.formula-card:before{content:"";opacity:0;pointer-events:none;background:conic-gradient(#0000,#ffffff1a,#0000);width:200%;height:200%;transition:opacity .3s;animation:10s linear infinite rotate;position:absolute;top:-50%;left:-50%}.formula-card:hover:before{opacity:1}.calculator-info{background:linear-gradient(135deg,#3b82f61a,#10b9811a);border:1px solid #3b82f633;border-radius:1rem;padding:1.5rem}.calculator-info-title{color:#60a5fa;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex}.calculator-info-content{color:#d1d5db}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rotate{to{transform:rotate(360deg)}}.calculator-fade-in{opacity:0;animation:.5s ease-out .2s forwards fadeIn}.calculator-result-appear{animation:.6s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.input-status{transition:all .3s}.calculator-input:focus~.input-status,.calculator-input:valid~.input-status{display:block!important}@media (width<=768px){.calculator-input{padding:.75rem 2.5rem .75rem .75rem;font-size:.9rem}.calculator-button{padding:.75rem 1.5rem;font-size:.9rem}.calculator-result{padding:1.5rem}.calculator-result-value{font-size:1.5rem}}.calculator-button:focus-visible,.calculator-input:focus-visible{outline-offset:2px;outline:2px solid #a855f7}.calculator-loading{display:none!important}.calculator-button:disabled .calculate-text{opacity:0}.calculator-button:disabled .calculator-loading{display:flex!important}*{scroll-behavior:smooth}