/* Template 06 - Split Screen Modern */
html{min-height:100%;box-sizing:border-box;font-size:16px}*,*:before,*:after{box-sizing:inherit}body{min-height:100vh;margin:0;padding:0;background:#1e1b4b;background-image:linear-gradient(to right,#1e1b4b 0%,#312e81 100%);background-attachment:fixed;color:#e0e7ff;font-family:"Inter",sans-serif;line-height:1.6}a{color:#818cf8;font-weight:600;transition:color .3s}a:hover{color:#a5b4fc}strong{font-weight:700;color:#a5b4fc}.container{max-width:75rem;margin:0 auto;padding:2rem}.content{width:100%;min-height:100vh}.content .header{padding:4rem 3rem;text-align:left;background:linear-gradient(135deg,rgba(129,140,248,.15),rgba(129,140,248,.05));border-radius:0;margin-bottom:3rem;position:relative}.content .header:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:#818cf8}.content .header h1{font-size:3.2rem;font-weight:900;margin:0;color:#fff;line-height:1.1}.content .main{margin:0;padding:0 3rem}.content .main>p{padding:2rem 2.5rem;background:rgba(129,140,248,.08);border-radius:0;border-top:4px solid #818cf8;border-bottom:4px solid #818cf8;margin-bottom:3rem;font-size:1.1rem}.content .main ul.m-list{margin:3rem 0;padding:0;list-style:none}.content .main ul.m-list li{cursor:pointer;padding:1.5rem 2rem 1.5rem 3rem;background:rgba(129,140,248,.05);border-left:6px solid rgba(129,140,248,.3);color:#e0e7ff;transition:all .3s ease;margin-bottom:1.2rem;position:relative;display:flex;justify-content:space-between;align-items:center}.content .main ul.m-list li:before{content:"";position:absolute;left:0;top:0;width:6px;height:0;background:#818cf8;transition:height .3s ease}.content .main ul.m-list li:hover:before{height:100%}.content .main ul.m-list li span:first-child{font-weight:700;font-size:1.2rem}.content .main ul.m-list li span:last-child{font-size:.85rem;font-weight:700;color:#fb923c;padding:.4rem .8rem;background:rgba(251,146,60,.15);border-radius:5px}.content .main ul.m-list li span:last-child:before{content:"▸";margin-right:.4rem}.content .main ul.m-list li:hover{background:rgba(129,140,248,.12);padding-left:3.5rem}.bntl{background:linear-gradient(90deg,#818cf8 0%,#6366f1 100%)!important;border-left:6px solid #4f46e5!important;color:#fff!important;font-weight:700;padding:1.5rem 2rem 1.5rem 3rem;position:relative;transition:all .3s ease}.bntl:hover{padding-left:3.5rem!important;box-shadow:-5px 0 0 #818cf8!important}article{margin-top:3rem;padding:3rem;background:rgba(129,140,248,.05);border-left:6px solid #818cf8}article section{margin-bottom:3rem;padding-left:2rem}h2{color:#a5b4fc;font-size:2.2rem;margin:2.5rem 0 1.5rem;font-weight:800;position:relative;padding-left:1rem}h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:#818cf8}h3{color:#e0e7ff;font-size:1.5rem;margin:2rem 0 1rem}p{line-height:1.8;margin-bottom:1.2rem}img{max-width:100%;height:auto;display:block;margin:2rem 0;border-left:6px solid #818cf8}@media(max-width:700px){.content .header{padding:3rem 1.5rem}.content .header h1{font-size:2.2rem}.content .main{padding:0 1.5rem}}