/* Template 07 - Boxed Content Modern */
html{min-height:100%;box-sizing:border-box;font-size:16px}*,*:before,*:after{box-sizing:inherit}body{min-height:100vh;margin:0;padding:3rem 1rem;background:#7c2d12;background-image:repeating-linear-gradient(45deg,#7c2d12 0px,#7c2d12 10px,#b45309 10px,#b45309 20px);background-attachment:fixed;color:#fed7aa;font-family:"Inter",sans-serif;line-height:1.6}a{color:#fdba74;border-bottom:2px dotted #fdba74;transition:all .3s}a:hover{color:#fcd34d;border-bottom-style:solid}strong{font-weight:700;color:#fcd34d}.container{max-width:65rem;margin:0 auto;padding:0;background:#7c2d12;box-shadow:0 0 80px rgba(0,0,0,.5)}.content{width:100%;min-height:100vh}.content .header{padding:4rem;text-align:center;background:#b45309;border-bottom:6px solid #fdba74}.content .header h1{font-size:3rem;font-weight:900;margin:0;color:#fff;text-transform:uppercase;letter-spacing:2px}.content .main{padding:3rem}.content .main>p{padding:2.5rem;background:#6c2410;border:4px dashed #fdba74;margin-bottom:2rem;font-size:1.1rem;font-weight:500}.content .main ul.m-list{margin:2rem 0;padding:0;list-style:none}.content .main ul.m-list li{cursor:pointer;padding:2rem;background:#6c2410;border:3px solid #fdba74;color:#fed7aa;transition:all .3s ease;margin-bottom:1.5rem;position:relative;display:flex;justify-content:space-between;align-items:center}.content .main ul.m-list li:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:#fdba74;opacity:0;transition:opacity .3s}.content .main ul.m-list li:hover:before{opacity:.1}.content .main ul.m-list li>*{position:relative;z-index:1}.content .main ul.m-list li span:first-child{font-weight:800;font-size:1.3rem;text-transform:uppercase}.content .main ul.m-list li span:last-child{font-size:1rem;font-weight:700;color:#ef4444;background:#fed7aa;color:#7c2d12;padding:.5rem 1rem;border:2px solid #7c2d12}.content .main ul.m-list li span:last-child:before{content:"▶";margin-right:.5rem}.content .main ul.m-list li:hover{background:#92400e;transform:scale(1.02)}.bntl{background:#fdba74!important;border:4px solid #7c2d12!important;color:#7c2d12!important;font-weight:900;padding:2rem;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.bntl:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(252,211,77,.3);transition:left .4s}.bntl:hover:before{left:100%}.bntl:hover{background:#fcd34d!important;transform:scale(1.02)!important}article{margin-top:2rem;padding:3rem;background:#6c2410;border:6px solid #fdba74}article section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:3px dashed rgba(253,186,116,.3)}article section:last-child{border-bottom:none}h2{color:#fcd34d;font-size:2.4rem;margin:2rem 0 1.5rem;font-weight:900;text-transform:uppercase;letter-spacing:1px;border-bottom:4px solid #fdba74;padding-bottom:.5rem;display:inline-block}h3{color:#fed7aa;font-size:1.6rem;margin:1.5rem 0 1rem;font-weight:700}p{line-height:1.7;margin-bottom:1.2rem}img{max-width:100%;height:auto;display:block;margin:2rem 0;border:6px solid #fdba74}@media(max-width:700px){body{padding:1rem .5rem}.content .header{padding:2rem}.content .header h1{font-size:2rem}.content .main{padding:1.5rem}}