/* Template 04 - Bold Typography Layout */
html{min-height:100%;box-sizing:border-box;font-size:18px;background:transparent}*,*:before,*:after{box-sizing:inherit}body{position:relative;min-height:100vh;margin:0;padding:0;background:#064e3b;background-image:radial-gradient(circle at top right,#047857 0%,#064e3b 50%);background-attachment:fixed;color:#d1fae5;font-size:1rem;font-family:"Inter",sans-serif;line-height:1.5;overflow-x:hidden}a{color:#6ee7b7;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;transition:all .2s}a:hover{color:#86efac;text-decoration-thickness:3px}strong{font-weight:800;color:#6ee7b7;font-size:1.05em}.container{max-width:68rem;margin:0 auto;padding:1rem 2rem}.content{width:100%;min-height:100vh}.content .header{padding:4rem 0 2rem;text-align:center}.content .header h1{font-size:3.5rem;font-weight:900;margin:0;line-height:1.1;color:#fff;text-transform:uppercase;letter-spacing:-2px}.content .main{margin:0 auto;padding:2rem 0}.content .main>p{padding:2rem 3rem;background:rgba(110,231,183,.1);border:3px solid #6ee7b7;margin-bottom:2rem;font-size:1.2rem;font-weight:500}.content .main ul.m-list{margin:2rem 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1rem}.content .main ul.m-list li{cursor:pointer;padding:2rem 2.5rem;background:rgba(110,231,183,.08);border-left:8px solid #6ee7b7;color:#d1fae5;transition:all .3s ease;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem}.content .main ul.m-list li span:first-child{font-weight:800;font-size:1.4rem;text-transform:uppercase;letter-spacing:-0.5px}.content .main ul.m-list li span:last-child{font-size:1rem;font-weight:700;color:#fbbf24;text-transform:uppercase;letter-spacing:2px}.content .main ul.m-list li span:last-child:before{content:"◉";margin-right:.8rem;font-size:1.2rem}.content .main ul.m-list li:hover{background:rgba(110,231,183,.15);border-left-width:15px;padding-left:3rem}.bntl{background:#6ee7b7!important;color:#064e3b!important;font-weight:900;padding:2rem 2.5rem;border-left:8px solid #064e3b!important;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;font-size:1.1rem}.bntl:hover{background:#86efac!important;border-left-width:15px!important;padding-left:3rem!important}article{margin-top:3rem;padding:3rem;background:rgba(110,231,183,.05);border:3px solid rgba(110,231,183,.2)}article section{margin-bottom:3rem}h2{color:#6ee7b7;font-size:2.5rem;margin:2rem 0 1.5rem;font-weight:900;text-transform:uppercase;letter-spacing:-1px}h3{color:#d1fae5;font-size:1.6rem;margin:1.5rem 0 1rem;font-weight:700}p{line-height:1.7;margin-bottom:1rem;font-size:1.05rem}img{max-width:100%;height:auto;display:block;margin:2rem 0;border:5px solid #6ee7b7}@media(max-width:700px){body{font-size:16px}.content .header h1{font-size:2.2rem}.content .main ul.m-list li{grid-template-columns:1fr;gap:1rem}}