.led-calculator-container{max-width:900px;margin:2rem auto;padding:1rem;perspective:1000px}.calculator-wrapper{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:2.5rem;box-shadow:0 20px 50px #0000000d,0 0 0 1px #ffffff80 inset;display:grid;grid-template-columns:1fr;overflow:hidden;transition:.3s cubic-bezier(.4,0,.2,1)}.dark .calculator-wrapper{background:#0f0f12cc;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px #0000004d}@media(min-width:850px){.calculator-wrapper{grid-template-columns:1.2fr .8fr}}.input-panel{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}@media(min-width:640px){.input-panel{padding:2.5rem;gap:2rem}}.section-title{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#f59e0b;margin-bottom:.5rem}.input-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:500px){.input-grid{grid-template-columns:1fr 1fr}.full-width{grid-column:span 2}}.fun-input-group{position:relative}.fun-input-group label{display:block;font-size:.8125rem;font-weight:700;margin-bottom:.5rem;color:#374151;display:flex;align-items:center;gap:.5rem}.dark .fun-input-group label{color:#d1d5db}.input-control{position:relative;display:flex;align-items:center}.input-control input{width:100%;height:3.5rem;padding:0 3.5rem 0 1.25rem;background:#fff;border:2px solid #f3f4f6;border-radius:1.25rem;font-size:1.125rem;font-weight:700;color:#111827;transition:all .2s;outline:none;appearance:none;-moz-appearance:textfield}.dark .input-control input{background:#1f1f23;border-color:#2d2d33;color:#fff}.input-control input::-webkit-outer-spin-button,.input-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-control input:focus{border-color:#f59e0b;background:#fff;box-shadow:0 8px 20px #f59e0b1a}.dark .input-control input:focus{background:#1f1f23}.input-addon{position:absolute;right:.75rem;height:2rem;padding:0 .75rem;background:#f9fafb;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:800;color:#6b7280;text-transform:uppercase}.dark .input-addon{background:#2d2d33;color:#9ca3af}.bulb-selector-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:480px){.bulb-selector-grid{grid-template-columns:repeat(2,1fr)}}.selector-btn{background:#fff;border:2px solid #f3f4f6;padding:1rem;border-radius:1.25rem;display:flex;flex-direction:column;gap:.25rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left}.dark .selector-btn{background:#1f1f23;border-color:#2d2d33}.selector-btn:hover{border-color:#f59e0b;transform:translateY(-2px)}.selector-btn.active{background:#fffbeb;border-color:#f59e0b;box-shadow:0 10px 20px #f59e0b1a}.dark .selector-btn.active{background:#f59e0b1a;border-color:#f59e0b}.selector-btn .btn-title{font-size:.875rem;font-weight:800;color:#111827}.dark .selector-btn .btn-title{color:#fff}.selector-btn .btn-subtitle{font-size:.75rem;font-weight:600;color:#6b7280}.usage-slider-container{padding:.5rem 0}.usage-range{-webkit-appearance:none;appearance:none;width:100%;height:12px;background:#f3f4f6;border-radius:6px;outline:none;cursor:pointer}.dark .usage-range{background:#2d2d33}.usage-range::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;background:#f59e0b;border:4px solid white;border-radius:50%;box-shadow:0 4px 10px #0000001a;transition:transform .2s}.dark .usage-range::-webkit-slider-thumb{border-color:#1f1f23}.usage-range::-webkit-slider-thumb:hover{transform:scale(1.15)}.usage-labels{margin-top:1rem;display:flex;justify-content:center}#usageDesc{font-size:.8125rem;font-weight:800;color:#f59e0b;background:#fffbeb;padding:.25rem .75rem;border-radius:100px}.dark #usageDesc{background:#f59e0b1a}.price-input-compact{display:flex;align-items:center;gap:1rem}.price-input-compact input{max-width:100px;height:3rem;padding:0 1rem;border-radius:1rem;border:2px solid #f3f4f6;background:#fff;font-weight:700;outline:none}.dark .price-input-compact input{background:#1f1f23;border-color:#2d2d33;color:#fff}.price-input-compact span{font-size:.75rem;font-weight:800;color:#6b7280}.result-panel{background:linear-gradient(165deg,#10b981,#059669);padding:1.5rem;color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;position:relative}@media(min-width:640px){.result-panel{padding:2.5rem;gap:2rem}}.dark .result-panel{background:linear-gradient(165deg,#065f46,#064e3b)}.result-header{display:flex;justify-content:space-between;align-items:flex-start}.result-badge{background:#fff3;backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:100px;font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.main-saving-display{margin-top:1rem}.saving-label{font-size:.8125rem;font-weight:600;opacity:.9;margin-bottom:.25rem}.saving-amount{font-size:2.5rem;font-weight:950;line-height:1;letter-spacing:-.04em;filter:drop-shadow(0 4px 10px rgba(0,0,0,.1))}@media(min-width:480px){.saving-amount{font-size:4rem}}.saving-amount span{font-size:1.25rem;font-weight:700;opacity:.8}@media(min-width:480px){.saving-amount span{font-size:1.5rem}}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;border-top:1px solid rgba(255,255,255,.15);padding-top:2rem}.stat-item{display:flex;flex-direction:column}.stat-label{font-size:.6875rem;text-transform:uppercase;font-weight:800;letter-spacing:.05em;opacity:.7;margin-bottom:.25rem}.stat-value{font-size:1.25rem;font-weight:800}.eco-box{background:#00000026;border-radius:1.5rem;padding:1.25rem;display:flex;align-items:center;gap:1rem;border:1px solid rgba(255,255,255,.1)}.eco-icon-pulse{width:3rem;height:3rem;background:#34d399;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;animation:eco-pulse 3s infinite}@keyframes eco-pulse{0%{box-shadow:0 0 #34d39966}70%{box-shadow:0 0 15px 10px #34d39900}to{box-shadow:0 0 #34d39900}}.eco-text .val{display:block;font-size:.875rem;font-weight:900}@media(min-width:480px){.eco-text .val{font-size:1rem}}.eco-text .desc{font-size:.625rem;opacity:.8}@media(min-width:480px){.eco-text .desc{font-size:.6875rem}}.led-bg-decoration{position:absolute;top:-20%;right:-10%;width:15rem;height:15rem;background:radial-gradient(circle,rgba(251,191,36,.2) 0%,transparent 70%);pointer-events:none}