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