/* Template 05 - Glassmorphism Design */
html{min-height:100%;box-sizing:border-box;font-size:16px;background:transparent}*,*:before,*:after{box-sizing:inherit}body{position:relative;min-height:100vh;margin:0;padding:0;background:#831843;background-image:linear-gradient(45deg,#831843 0%,#be185d 50%,#9f1239 100%);background-attachment:fixed;color:#fce7f3;font-size:1rem;font-family:"Inter",sans-serif;line-height:1.6;overflow-x:hidden}a{color:#f9a8d4;text-decoration:none;position:relative}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#f9a8d4;transition:width .3s}a:hover:after{width:100%}strong{font-weight:600;color:#fbcfe8}.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(255,255,255,.1);backdrop-filter:blur(10px);border-radius:25px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.3);margin-bottom:2rem}.content .header h1{font-size:2.8rem;font-weight:700;margin:1rem 0;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.3)}.content .main{margin:0 auto;padding:1rem}.content .main>p{padding:2rem;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.2);margin-bottom:2rem;box-shadow:0 4px 20px rgba(0,0,0,.2)}.content .main ul.m-list{margin:2rem 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.content .main ul.m-list li{cursor:pointer;padding:1.8rem;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.2);color:#fce7f3;transition:all .4s ease;box-shadow:0 4px 20px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:1rem}.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:.9rem;font-weight:600;color:#fde047;align-self:flex-end}.content .main ul.m-list li span:last-child:before{content:"◆";margin-right:.5rem}.content .main ul.m-list li:hover{background:rgba(255,255,255,.2);transform:translateY(-5px) scale(1.02);box-shadow:0 12px 40px rgba(0,0,0,.4)}.bntl{background:rgba(249,168,212,.3)!important;backdrop-filter:blur(10px)!important;border:2px solid rgba(249,168,212,.5)!important;color:#fff!important;font-weight:700;padding:1.8rem;border-radius:20px;box-shadow:0 6px 25px rgba(0,0,0,.3);transition:all .4s ease}.bntl:hover{background:rgba(249,168,212,.5)!important;transform:translateY(-5px) scale(1.02);box-shadow:0 12px 40px rgba(249,168,212,.4)!important}article{margin-top:2rem;padding:3rem;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:25px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.3)}article section{margin-bottom:2.5rem}h2{color:#fbcfe8;font-size:2rem;margin:2rem 0 1rem;font-weight:700}h3{color:#fce7f3;font-size:1.4rem;margin:1.5rem 0 .8rem}p{line-height:1.7;margin-bottom:1rem}img{max-width:100%;height:auto;display:block;margin:2rem auto;border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,.4)}@media(max-width:700px){.content .header h1{font-size:2rem}.content .main ul.m-list{grid-template-columns:1fr}}