.trn-hero{position:relative;min-height:calc(100vh - 57px);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:var(--space-6)}.trn-bg-lines{position:absolute;inset:0;overflow:hidden;pointer-events:none}.trn-bg-lines:after,.trn-bg-lines:before{content:"";position:absolute;width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(59,130,246,.3) 30%,rgba(6,182,212,.4) 50%,rgba(59,130,246,.3) 70%,transparent);animation:trn-line-scan 8s ease-in-out infinite}.trn-bg-lines:before{left:20%;animation-delay:0s}.trn-bg-lines:after{left:75%;animation-delay:-4s;opacity:.6}@keyframes trn-line-scan{0%,to{transform:translateY(-50%) scaleY(.6);opacity:0}30%{opacity:1}50%{transform:translateY(0) scaleY(1);opacity:1}70%{opacity:1}to{transform:translateY(50%) scaleY(.6);opacity:0}}.trn-bg-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 600px 450px at 50% 35%,rgba(59,130,246,.08),transparent),radial-gradient(ellipse 400px 300px at 25% 65%,rgba(6,182,212,.05),transparent),radial-gradient(ellipse 350px 250px at 75% 55%,rgba(99,102,241,.05),transparent);animation:trn-glow-shift 10s ease-in-out infinite alternate}@keyframes trn-glow-shift{0%{opacity:.7}to{opacity:1}}.trn-sparks{position:absolute;inset:0;pointer-events:none}.trn-sparks span{position:absolute;display:block;width:2px;height:2px;border-radius:50%;background:rgba(6,182,212,.7);box-shadow:0 0 4px 1px rgba(6,182,212,.4);animation:trn-spark linear infinite}.trn-sparks span:first-child{left:8%;top:75%;animation-duration:14s;animation-delay:0s}.trn-sparks span:nth-child(2){left:22%;top:85%;width:3px;height:3px;background:rgba(59,130,246,.7);box-shadow:0 0 4px 1px rgba(59,130,246,.4);animation-duration:18s;animation-delay:-3s}.trn-sparks span:nth-child(3){left:35%;top:90%;animation-duration:16s;animation-delay:-7s}.trn-sparks span:nth-child(4){left:48%;top:80%;width:3px;height:3px;background:rgba(99,102,241,.6);box-shadow:0 0 4px 1px rgba(99,102,241,.3);animation-duration:20s;animation-delay:-1s}.trn-sparks span:nth-child(5){left:62%;top:88%;animation-duration:15s;animation-delay:-5s}.trn-sparks span:nth-child(6){left:75%;top:78%;width:3px;height:3px;animation-duration:17s;animation-delay:-9s}.trn-sparks span:nth-child(7){left:88%;top:92%;background:rgba(59,130,246,.6);box-shadow:0 0 4px 1px rgba(59,130,246,.3);animation-duration:22s;animation-delay:-11s}.trn-sparks span:nth-child(8){left:42%;top:95%;animation-duration:13s;animation-delay:-2s}.trn-sparks span:nth-child(9){left:55%;top:70%;width:3px;height:3px;background:rgba(99,102,241,.5);box-shadow:0 0 4px 1px rgba(99,102,241,.3);animation-duration:19s;animation-delay:-8s}.trn-sparks span:nth-child(10){left:18%;top:82%;animation-duration:21s;animation-delay:-6s}@keyframes trn-spark{0%{transform:translateY(0) translateX(0) scale(1);opacity:0}5%{opacity:1}50%{transform:translateY(-40vh) translateX(20px) scale(.6);opacity:.8}95%{opacity:.3}to{transform:translateY(-90vh) translateX(-10px) scale(.2);opacity:0}}.trn-leaderboard-bg{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:280px;display:flex;flex-direction:column;gap:10px;opacity:.06;pointer-events:none}.trn-lb-row{display:flex;align-items:center;gap:10px;animation:trn-lb-fade 4s ease-in-out infinite alternate}.trn-lb-pos{font-size:14px;font-weight:700;color:var(--color-primary);min-width:20px;text-align:right}.trn-lb-bar{flex:1 1;height:10px;border-radius:5px;background:linear-gradient(90deg,var(--color-primary),#06b6d4)}@keyframes trn-lb-fade{0%{opacity:.6}to{opacity:1}}.trn-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:960px;width:100%;animation:trn-fade-up .8s ease-out both}@keyframes trn-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.trn-trophy{width:56px;height:56px;margin-bottom:var(--space-5);color:#06b6d4;filter:drop-shadow(0 0 18px rgba(6,182,212,.4));animation:trn-trophy-pulse 3s ease-in-out infinite alternate}.trn-trophy svg{width:100%;height:100%}@keyframes trn-trophy-pulse{0%{filter:drop-shadow(0 0 14px rgba(6,182,212,.3));transform:scale(1)}to{filter:drop-shadow(0 0 26px rgba(6,182,212,.55));transform:scale(1.04)}}.trn-title{font-size:clamp(40px,7vw,72px);font-weight:800;letter-spacing:-.02em;line-height:1.05;background:linear-gradient(135deg,#93c5fd,#3b82f6 25%,#06b6d4 50%,#3b82f6 75%,#818cf8);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:trn-shimmer 5s ease-in-out infinite}@keyframes trn-shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.trn-subtitle{margin-top:var(--space-3);font-size:clamp(16px,2.5vw,22px);color:rgba(6,182,212,.7);font-weight:400;letter-spacing:.08em}.trn-perks{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-4);gap:var(--space-4);margin-top:var(--space-10);width:100%}.trn-perk-card{background:linear-gradient(135deg,rgba(59,130,246,.06),rgba(6,182,212,.03));border:1px solid rgba(59,130,246,.15);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);transition:border-color .3s ease,box-shadow .3s ease;animation:trn-fade-up .7s ease-out both}.trn-perk-card:hover{border-color:rgba(6,182,212,.35);box-shadow:0 0 30px rgba(6,182,212,.08),inset 0 0 30px rgba(6,182,212,.03)}.trn-perk-icon-wrap{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(6,182,212,.1);margin-bottom:var(--space-1)}.trn-perk-icon{width:22px;height:22px;color:#06b6d4}.trn-perk-title{font-size:15px;font-weight:600;color:var(--color-text)}.trn-perk-desc{font-size:13px;color:var(--color-text-muted);line-height:1.45}.trn-badge-wrap{margin-top:var(--space-10);animation:trn-fade-up .9s ease-out 1s both}.trn-badge{display:inline-block;padding:var(--space-2) var(--space-6);font-size:13px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#06b6d4;border:1px solid rgba(6,182,212,.3);border-radius:var(--radius-pill);background:rgba(6,182,212,.06);box-shadow:0 0 20px rgba(6,182,212,.1);animation:trn-badge-glow 3s ease-in-out infinite alternate}@keyframes trn-badge-glow{0%{box-shadow:0 0 14px rgba(6,182,212,.08)}to{box-shadow:0 0 28px rgba(6,182,212,.2)}}@media (max-width:1023px){.trn-hero{min-height:calc(100vh - 57px - 64px);padding:var(--space-4)}.trn-leaderboard-bg{display:none}}@media (max-width:768px){.trn-perks{grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-top:var(--space-8)}.trn-perk-card{padding:var(--space-4) var(--space-3)}.trn-badge-wrap{margin-top:var(--space-8)}.trn-trophy{width:44px;height:44px}}@media (max-width:420px){.trn-subtitle{letter-spacing:.04em}.trn-perk-desc{font-size:12px}.trn-perk-icon-wrap{width:38px;height:38px}.trn-perk-icon{width:18px;height:18px}}@media (prefers-reduced-motion:reduce){.trn-badge,.trn-bg-glow,.trn-bg-lines:after,.trn-bg-lines:before,.trn-lb-row,.trn-sparks span,.trn-title,.trn-trophy{animation:none}.trn-badge-wrap,.trn-content,.trn-perk-card{animation:none;opacity:1}}