#site-header{position:absolute; top:0; left:0; right:0; background:transparent; padding:5px 30px; z-index:999;}
.tl-ultra {max-width: 1200px; margin: 80px auto; padding: 20px; color: #fff;}
.tl-hero {position: relative; text-align: center; padding:20px;}
.tl-hero-bg {position: absolute; inset: 0; background: radial-gradient(circle,#ff512f33,#000); animation: bg 8s infinite alternate;}
.tl-hero-content {position: relative;}
.tl-user {margin: 20px 0;}
.bar {height: 10px; background: #222; border-radius: 999px; overflow: hidden; margin-top: 10px;}
.fill {height: 100%; background: linear-gradient(90deg,#ff512f,#dd2476); animation: flow 3s infinite linear;}
@keyframes flow {from {background-position:0} to {background-position:200%}}
.btn-main{display:inline-block; background:#ff512f; color:#fff; position:relative; overflow:hidden; z-index:0; padding:10px 20px; border-radius:8px; font-size:16px; font-weight:600; border:1px solid #ffffff; cursor:pointer; text-align:center; transition:color 0.4s ease;}
.btn-main::before{content:""; position:absolute; inset:0; width:0; margin:auto; background-color:#ffffff; transition:width 0.4s ease; z-index:-1;}
.btn-main:hover::before{width:120%;}
.btn-main:hover{color:#f63131; text-decoration:none;}
.btn-sub{display:inline-block; background:#dd2476; color:#fff; position:relative; overflow:hidden; z-index:0; padding:10px 20px; border-radius:8px; font-size:16px; font-weight:600; border:1px solid #ffffff; cursor:pointer; text-align:center; transition:color 0.4s ease;}
.btn-sub::before{content:""; position:absolute; inset:0; width:0; margin:auto; background-color:#ffffff; transition:width 0.4s ease; z-index:-1;}
.btn-sub:hover::before{width:120%;}
.btn-sub:hover{color:#f63131; text-decoration:none;}
.big { font-size:18px; }
.dc-grid2 {display:grid; grid-template-columns: 2fr 1fr; gap:10px;}
.dc-fieldset {background:#000000b0; border:1px solid #ffffff; border-radius:10px; padding:20px; margin-top: 20px;}
.dc-fieldset legend{font-size:18px; font-weight:700; padding:0 10px;}
.tl-exp {display:grid; grid-template-columns: repeat(3,1fr); gap:10px;}
.tl-levels {display:grid; grid-template-columns: repeat(4,1fr); gap:10px;}
.tl-level-item {text-align: center;}
.tl-final {text-align:center; margin-top:60px;}