.ohms-law-container{max-width:1380px;margin:0 auto;padding:20px 0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.page-title{text-align:center;color:#2c3e50;font-size:2.5rem;margin-bottom:10px;font-weight:600}.page-description{text-align:center;color:#7f8c8d;font-size:1.1rem;margin-bottom:30px}.formula-display{background:linear-gradient(135deg,#4285f4 0,#1a73e8 100%);border-radius:15px;padding:30px;margin-bottom:30px;color:white;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.1)}.formula-circle{display:inline-block;position:relative;width:120px;height:120px;border:3px solid white;border-radius:50%;margin-bottom:20px;background:rgba(255,255,255,0.1)}.formula-section{position:absolute;font-size:1.5rem;font-weight:bold;color:white}.formula-section.voltage{top:10px;left:50%;transform:translateX(-50%)}.formula-section.current{bottom:10px;left:20px}.formula-section.resistance{bottom:10px;right:20px}.formula-divider{position:absolute;background:white}.formula-divider.horizontal{top:50%;left:20%;right:20%;height:2px;transform:translateY(-50%)}.formula-divider.vertical{bottom:20%;left:50%;height:30%;width:2px;transform:translateX(-50%)}.formula-equations{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.equation{font-size:1.1rem;font-weight:500;padding:8px 15px;background:rgba(255,255,255,0.2);border-radius:20px;backdrop-filter:blur(10px)}.calculation-mode{margin-bottom:30px;text-align:center}.calculation-mode h3{color:#2c3e50;margin-bottom:15px;font-size:1.3rem}.mode-buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.mode-btn{padding:12px 20px;border:2px solid #3498db;background:white;color:#3498db;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.95rem}.mode-btn:hover,.mode-btn.active{background:#3498db;color:white;transform:translateY(-2px);box-shadow:0 5px 15px rgba(52,152,219,0.3)}.input-container{margin-bottom:30px}.input-group{display:none;background:white;border-radius:15px;padding:25px;box-shadow:0 5px 20px rgba(0,0,0,0.1);border:1px solid #ecf0f1}.input-group.active{display:block}.input-group h3{color:#2c3e50;margin-bottom:20px;font-size:1.4rem;text-align:center}.input-row{display:flex;gap:20px;flex-wrap:wrap}.input-field{flex:1;min-width:250px}.input-field label{display:block;margin-bottom:8px;color:#34495e;font-weight:500;font-size:.95rem}.input-field input,.unit-selector{width:100%;padding:12px 15px;border:2px solid #ecf0f1;border-radius:8px;font-size:1rem;transition:border-color .3s ease;box-sizing:border-box}.unit-selector{font-size:.95rem;margin-top:8px;background:white;cursor:pointer}.input-field input:focus,.unit-selector:focus{outline:0;border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,0.1)}.power-mode-selector{display:flex;justify-content:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.power-mode-btn{padding:10px 18px;border:2px solid #e74c3c;background:white;color:#e74c3c;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.9rem}.power-mode-btn:hover,.power-mode-btn.active{background:#e74c3c;color:white;transform:translateY(-1px)}.power-input-group{display:none}.power-input-group.active{display:block}.action-buttons{text-align:center;margin-bottom:30px}.calculate-btn,.reset-btn{padding:15px 30px;margin:0 10px;border:0;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.calculate-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);color:white;box-shadow:0 5px 15px rgba(46,204,113,0.3)}.calculate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(46,204,113,0.4)}.reset-btn{background:linear-gradient(135deg,#95a5a6,#bdc3c7);color:white;box-shadow:0 5px 15px rgba(149,165,166,0.3)}.reset-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(149,165,166,0.4)}.result-container{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.result-display{flex:2;background:linear-gradient(135deg,#ea4335 0,#d33b2c 100%);color:white;padding:25px;border-radius:15px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.1);min-width:300px}.result-display h3{margin-bottom:20px;font-size:1.3rem;opacity:.9}.result-value{font-size:3rem;font-weight:bold;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,0.2)}.result-value .unit{font-size:1.5rem;opacity:.8;margin-left:5px}.formula-used,.calculation-steps{background:rgba(255,255,255,0.2);padding:10px 15px;border-radius:20px;margin-bottom:10px;backdrop-filter:blur(10px)}.formula-text,.step-text{font-weight:500}.related-results{flex:1;background:white;padding:25px;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,0.1);border:1px solid #ecf0f1;min-width:250px}.related-results h4{color:#2c3e50;margin-bottom:15px;font-size:1.2rem}.related-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #ecf0f1}.related-item:last-child{border-bottom:0}.related-label{color:#7f8c8d;font-weight:500}.related-value{color:#2c3e50;font-weight:600}.info-section{background:white;padding:30px;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,0.1);border:1px solid #ecf0f1}.info-section h2{color:#2c3e50;margin-bottom:20px;font-size:1.8rem}.info-section h3{color:#34495e;margin:25px 0 15px 0;font-size:1.4rem;font-weight:600}.info-section h4{color:#34495e;margin:20px 0 10px 0;font-size:1.2rem}.video{position:relative;width:100%;max-width:800px;margin:30px auto;background:#f8f9fa;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,0.12);transition:all .3s ease;border:1px solid #e9ecef}.video:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.18)}.video iframe{position:relative;width:100%;height:450px;border:0;border-radius:12px;background:#000;transition:all .3s ease}.overview{color:#34495e;line-height:1.6;font-size:1.1rem;margin-bottom:20px}.formula-reference{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px}.formula-item{background:#f8f9fa;padding:15px;border-left:4px solid #3498db}.formula-item strong{color:#2c3e50;font-size:1.1rem;display:block;margin-bottom:5px}.formula-item p{color:#34495e;margin:0;font-size:.9rem;line-height:1.5;padding-top:10px}.units-reference{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.unit-group{background:#f8f9fa;padding:20px;border-left:4px solid #e74c3c}.unit-group ul{list-style:none;padding:0;margin:10px 0 0 0}.unit-group li{padding:5px 0;color:#333;font-size:.9rem}.info-section ul{color:#7f8c8d;line-height:1.6}.info-section li{margin-bottom:5px}.info-section ul.application-list{padding-left:0;margin:15px 0}.application-list li{padding:8px 0;list-style:disc;color:#2c3e50;font-size:.95rem;line-height:1.5;margin-left:20px}.image-container{text-align:center;margin:20px 0;padding:0 10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.image-container img{max-width:100%;height:auto;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,0.1);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;max-height:400px;object-fit:contain}.application-title{color:#e74c3c;font-size:1rem;font-weight:600}.input-error{border-color:#e74c3c !important;box-shadow:0 0 0 3px rgba(231,76,60,0.1) !important}.error-message{color:#e74c3c;font-size:.85rem;margin-top:5px;display:none}.error-message.show{display:block}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pulse{animation:pulse .6s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@media(max-width:768px){.ohms-law-container{padding:15px}.page-title{font-size:2rem}.formula-equations{gap:15px}.equation{font-size:.95rem;padding:6px 12px}.mode-buttons{gap:8px}.mode-btn{padding:10px 15px;font-size:.9rem}.input-row{flex-direction:column;gap:15px}.input-field{min-width:auto}.result-container{flex-direction:column}.result-value{font-size:2.5rem}.formula-reference,.units-reference{grid-template-columns:1fr}.video iframe{height:200px}.image-container{margin:15px 0;padding:0 5px;min-height:200px;max-height:350px}.image-container img{border-radius:8px;box-shadow:0 3px 15px rgba(0,0,0,0.1);max-height:280px;object-fit:contain;margin:auto}.image-container img:hover{transform:none;box-shadow:0 3px 15px rgba(0,0,0,0.1)}}@media(max-width:480px){.page-title{font-size:1.8rem}.formula-circle{width:100px;height:100px}.formula-section{font-size:1.2rem}.mode-btn{padding:8px 12px;font-size:.85rem}.calculate-btn,.reset-btn{padding:12px 25px;font-size:1rem;margin:5px}.result-value{font-size:2rem}.input-group,.result-display,.related-results,.info-section{padding:20px}.image-container{margin:10px 0;padding:0;min-height:150px;max-height:280px;justify-content:center}.image-container img{border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,0.08);max-height:220px;width:100%;object-fit:contain;background-color:#f8f9fa;align-self:center}}@media(max-width:360px){.image-container{margin:8px 0;min-height:120px;max-height:240px}.image-container img{max-height:180px;border-radius:4px}}