*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background:#f8f9fa;min-height:100vh;display:flex;flex-direction:column}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer}a{color:#2c3e50;text-decoration:none}a:hover{text-decoration:underline}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}header{background:#2c3e50;color:#fff;padding:1rem 0;box-shadow:0 2px 8px rgba(0,0,0,.1);position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;display:flex;align-items:center;gap:.5rem}.logo:hover{text-decoration:none;opacity:.9}.logo-icon{font-size:1.8rem}nav ul{list-style:none;display:flex;gap:1.5rem;flex-wrap:wrap}nav a{color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:background .3s}nav a:hover,nav a.active{background:rgba(255,255,255,.15);text-decoration:none}.hero{background:linear-gradient(135deg,#2c3e50 0%,#3498db 100%);color:#fff;padding:3rem 0;text-align:center}.hero h1{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.hero p{font-size:1.2rem;opacity:.95;max-width:700px;margin:0 auto}main{flex:1;padding:2rem 0}.section{background:#fff;border-radius:8px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 4px rgba(0,0,0,.08)}.section-title{color:#2c3e50;font-size:2rem;margin-bottom:1.5rem;border-bottom:3px solid #3498db;padding-bottom:.5rem;font-weight:700}.section-subtitle{color:#2c3e50;font-size:1.5rem;margin:2rem 0 1rem;font-weight:600}.intro-text{font-size:1.1rem;line-height:1.8;color:#444;margin-bottom:1.5rem}.disclaimer{background:#fff3cd;border-left:4px solid #ffc107;padding:1.5rem;margin:2rem 0;border-radius:4px;font-weight:500}.disclaimer-title{color:#856404;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.disclaimer-text{color:#856404;font-size:.95rem}.authority-link{background:#e3f2fd;border-left:4px solid #2196f3;padding:1rem;margin:1.5rem 0;border-radius:4px}.authority-link a{color:#1976d2;font-weight:600}.calculator-tool{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:2rem;margin:2rem 0}.calculator-header{margin-bottom:1.5rem}.tool-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem;padding:1rem;background:#fff;border-radius:6px;border:1px solid #dee2e6}.tool-row.result-row{background:#d4edda;border-color:#c3e6cb}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-weight:600;color:#2c3e50;font-size:.9rem}.form-input,.form-select{padding:.75rem;border:2px solid #ced4da;border-radius:4px;font-size:1rem;transition:border-color .3s}.form-input:focus,.form-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,.1)}.form-input.error{border-color:#dc3545}.btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-weight:600;font-size:1rem;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem;justify-content:center}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px rgba(52,152,219,.3)}.btn-success{background:#27ae60;color:#fff}.btn-success:hover{background:#229954;transform:translateY(-2px);box-shadow:0 4px 8px rgba(39,174,96,.3)}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d}.btn-danger{background:#e74c3c;color:#fff;font-size:.9rem;padding:.5rem 1rem}.btn-danger:hover{background:#c0392b}.btn-block{width:100%;margin-top:1rem}.result-display{background:#2c3e50;color:#fff;padding:2rem;border-radius:8px;text-align:center;margin-top:1.5rem}.result-label{font-size:1rem;opacity:.9;margin-bottom:.5rem}.result-value{font-size:3rem;font-weight:700;margin:.5rem 0}.result-grade{font-size:1.3rem;opacity:.95}.faq-section{margin-top:3rem}.faq-item{background:#fff;border:1px solid #e9ecef;border-radius:6px;margin-bottom:1rem;overflow:hidden}.faq-question{padding:1.25rem;font-weight:600;color:#2c3e50;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .3s}.faq-question:hover{background:#f8f9fa}.faq-question::after{content:'▼';font-size:.8rem;transition:transform .3s}.faq-question.active::after{transform:rotate(180deg)}.faq-answer{padding:0 1.25rem;max-height:0;overflow:hidden;transition:all .3s}.faq-answer.active{padding:1.25rem;max-height:500px}.steps-list{counter-reset:step-counter;list-style:none}.steps-list li{counter-increment:step-counter;margin-bottom:1.5rem;padding-left:3rem;position:relative;line-height:1.8}.steps-list li::before{content:counter(step-counter);position:absolute;left:0;top:0;background:#3498db;color:#fff;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:2rem 0}.content-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;transition:transform .3s,box-shadow .3s}.content-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(0,0,0,.1)}.content-card h3{color:#2c3e50;margin-bottom:1rem}.internal-link-box{background:#e8f5e9;border-left:4px solid#27ae60;padding:1.5rem;margin:1.5rem 0;border-radius:4px}.internal-link-box h3{color:#27ae60;margin-bottom:.5rem}.internal-link-box a{color:#27ae60;font-weight:600;text-decoration:underline}table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:#fff}th,td{padding:1rem;text-align:left;border:1px solid #dee2e6}th{background:#2c3e50;color:#fff;font-weight:600}tr:nth-child(even){background:#f8f9fa}.image-container{margin:2rem 0;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}footer{background:#2c3e50;color:#fff;padding:3rem 0 1rem;margin-top:4rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{margin-bottom:1rem;color:#3498db}.footer-section ul{list-style:none}.footer-section a{color:#ecf0f1;display:block;margin-bottom:.5rem;transition:color .3s}.footer-section a:hover{color:#3498db;text-decoration:none}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:#95a5a6;font-size:.9rem}@media(max-width:768px){.header-content{flex-direction:column;align-items:flex-start}nav ul{gap:1rem}nav a{padding:.4rem .8rem;font-size:.9rem}.hero h1{font-size:2rem}.hero p{font-size:1rem}.section{padding:1.5rem}.section-title{font-size:1.6rem}.tool-row{grid-template-columns:1fr;gap:.8rem}.result-value{font-size:2.2rem}.footer-content{grid-template-columns:1fr}}@media(max-width:480px){.container{padding:0 15px}.logo{font-size:1.2rem}.hero{padding:2rem 0}.section{padding:1rem;margin-bottom:1rem}.calculator-tool{padding:1rem}.btn{padding:.6rem 1.2rem;font-size:.95rem}}