.hero{background:linear-gradient(135deg,#f5f5f5,#fff);padding:80px 0;text-align:center;border-bottom:4px solid #1fc602}.btn--wrapper{display:flex;justify-content:center;margin-bottom:20px}.btn--wrapper button{background-color:#1fc602;color:#fff;padding:15px 35px;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px #1fc6024d;border:none;cursor:pointer}.btn--wrapper button:hover{background-color:#1aa802;transform:translateY(-10px);box-shadow:0 6px 20px #1fc60266}.hero-title{font-size:2.2rem;color:#1a1a1a;margin-bottom:20px;line-height:1.3}.author{font-size:1.1rem;color:#555;font-style:italic;margin-top:20px}.hero-image{margin:0 auto;width:100%;max-width:450px;text-align:center;height:400px;overflow:hidden;border-radius:20px}.content-section{padding:60px 0}.img--wrapper{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:20px}.img--wrapper img{border-radius:20px}.article-content{margin:0 auto;background:#fff;padding:40px;border-radius:12px;box-shadow:0 2px 15px #00000014;line-height:1.8}.intro-section{margin:30px 0;padding:25px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #1fc602}.definition-section{margin:40px 0;padding:30px;background-color:#e8f5e8;border-radius:8px;border-left:4px solid #28a745}.key-points{margin:40px 0;padding:30px;background-color:#e3f2fd;border-radius:8px;border-left:4px solid #007bff}.problem-categories{margin:40px 0}.category{margin:25px 0;padding:20px;background-color:#f0f9ff;border-radius:8px;border-left:3px solid #007bff}.category h3{color:#007bff;margin-bottom:15px}.problem-list{list-style:none;padding-left:10px}.problem-list li{padding:8px 0 8px 25px;position:relative}.problem-list li:before{content:"•";position:absolute;left:0;color:#007bff;font-weight:700}.confidentiality-section{margin:40px 0;padding:30px;background-color:#fff3cd;border-radius:8px;border-left:4px solid #ffc107}.important-note{background-color:#d4edda;border-left:4px solid #28a745;padding:25px;border-radius:0 8px 8px 0;margin:30px 0;font-weight:600}footer{background-color:#1fc602;color:#fff;padding:40px 0;text-align:center}.footer-content{max-width:600px;margin:0 auto}@media(max-width:768px){.hero-title{font-size:1.8rem}.article-content{padding:25px}.intro-section,.definition-section,.key-points,.confidentiality-section{padding:20px}}
