/* Template 08 - Futuristic Neon */
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:#0c4a6e;background-image:radial-gradient(circle at 20% 50%,rgba(125,211,252,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(125,211,252,.1) 0%,transparent 50%);background-attachment:fixed;color:#e0f2fe;font-family:"Inter",sans-serif;line-height:1.6}a{color:#7dd3fc;text-shadow:0 0 10px rgba(125,211,252,.5);transition:all .3s}a:hover{color:#bae6fd;text-shadow:0 0 20px rgba(125,211,252,.8)}strong{font-weight:700;color:#bae6fd;text-shadow:0 0 8px rgba(186,230,253,.3)}.container{max-width:70rem;margin:0 auto;padding:2rem}.content{width:100%;min-height:100vh}.content .header{padding:3rem 2rem;text-align:center;background:rgba(12,74,110,.5);border:2px solid #7dd3fc;border-radius:30px;box-shadow:0 0 40px rgba(125,211,252,.3),inset 0 0 40px rgba(125,211,252,.1);margin-bottom:2rem;position:relative}.content .header:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#7dd3fc,transparent,#7dd3fc);border-radius:30px;z-index:-1;animation:borderGlow 3s infinite}.content .header h1{font-size:3rem;font-weight:900;margin:1rem 0;color:#fff;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 20px rgba(125,211,252,.8)}@keyframes borderGlow{0%,100%{opacity:.5}50%{opacity:1}}.content .main{margin:0 auto;padding:1rem}.content .main>p{padding:2rem;background:rgba(12,74,110,.3);border:2px solid rgba(125,211,252,.5);border-radius:20px;margin-bottom:2rem;box-shadow:0 0 30px rgba(125,211,252,.2)}.content .main ul.m-list{margin:2rem 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1.2rem}.content .main ul.m-list li{cursor:pointer;padding:1.5rem 2rem;background:rgba(12,74,110,.3);border:2px solid rgba(125,211,252,.3);border-radius:15px;color:#e0f2fe;transition:all .4s ease;position:relative;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.content .main ul.m-list li:before{content:"";position:absolute;top:50%;left:0;width:0;height:2px;background:#7dd3fc;box-shadow:0 0 10px #7dd3fc;transition:width .4s}.content .main ul.m-list li:hover:before{width:100%}.content .main ul.m-list li span:first-child{font-weight:700;font-size:1.2rem;position:relative;z-index:1}.content .main ul.m-list li span:last-child{font-size:.9rem;font-weight:700;color:#fca5a5;text-shadow:0 0 10px rgba(252,165,165,.5);position:relative;z-index:1}.content .main ul.m-list li span:last-child:before{content:"◉";margin-right:.5rem;animation:pulse 2s infinite}.content .main ul.m-list li:hover{background:rgba(125,211,252,.1);border-color:#7dd3fc;box-shadow:0 0 30px rgba(125,211,252,.4)}.bntl{background:linear-gradient(135deg,rgba(125,211,252,.2),rgba(14,165,233,.2))!important;border:2px solid #7dd3fc!important;color:#fff!important;font-weight:700;padding:1.5rem 2rem;border-radius:15px;text-transform:uppercase;letter-spacing:2px;box-shadow:0 0 30px rgba(125,211,252,.3);transition:all .4s ease}.bntl:hover{background:linear-gradient(135deg,rgba(125,211,252,.4),rgba(14,165,233,.4))!important;box-shadow:0 0 50px rgba(125,211,252,.6)!important;transform:scale(1.02)}article{margin-top:2rem;padding:3rem;background:rgba(12,74,110,.3);border:2px solid rgba(125,211,252,.3);border-radius:25px;box-shadow:0 0 40px rgba(125,211,252,.2)}article section{margin-bottom:3rem}h2{color:#7dd3fc;font-size:2.2rem;margin:2rem 0 1.5rem;font-weight:800;text-transform:uppercase;text-shadow:0 0 15px rgba(125,211,252,.5)}h3{color:#bae6fd;font-size:1.5rem;margin:1.5rem 0 1rem}p{line-height:1.7;margin-bottom:1rem}img{max-width:100%;height:auto;display:block;margin:2rem auto;border-radius:20px;border:2px solid #7dd3fc;box-shadow:0 0 40px rgba(125,211,252,.3)}@media(max-width:700px){.content .header h1{font-size:2rem;letter-spacing:2px}}