.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:#08090a;overflow:hidden}.loading-screen-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.12) 0%,transparent 70%);animation:ls-glow-pulse 2.5s ease-in-out infinite;pointer-events:none}@keyframes ls-glow-pulse{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.3);opacity:1}}.loading-screen-rings{position:absolute;width:200px;height:200px;pointer-events:none}.loading-screen-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid transparent}.loading-screen-ring--1{border-top-color:#22c55e66;border-right-color:#22c55e1a;animation:ls-ring-spin 2s linear infinite}.loading-screen-ring--2{top:12px;right:12px;bottom:12px;left:12px;border-bottom-color:#22c55e40;border-left-color:#22c55e14;animation:ls-ring-spin 3s linear infinite reverse}.loading-screen-ring--3{top:24px;right:24px;bottom:24px;left:24px;border-top-color:#22c55e26;animation:ls-ring-spin 4s linear infinite}@keyframes ls-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-screen-logo{position:relative;width:100px;height:100px;z-index:1;animation:ls-logo-enter .8s cubic-bezier(.34,1.56,.64,1) both}.loading-screen-crest{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 30px rgba(34,197,94,.3)) drop-shadow(0 0 60px rgba(34,197,94,.1));animation:ls-crest-breathe 2.5s ease-in-out infinite .8s}@keyframes ls-logo-enter{0%{opacity:0;transform:scale(.3) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes ls-crest-breathe{0%,to{transform:scale(1);filter:drop-shadow(0 0 30px rgba(34,197,94,.3)) drop-shadow(0 0 60px rgba(34,197,94,.1))}50%{transform:scale(1.06);filter:drop-shadow(0 0 40px rgba(34,197,94,.45)) drop-shadow(0 0 80px rgba(34,197,94,.15))}}.loading-screen-text{position:relative;z-index:1;margin:0;text-align:center;display:flex;flex-direction:column;gap:4px;animation:ls-text-enter .6s ease-out .4s both}@keyframes ls-text-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.loading-screen-text-main{font-size:1.4rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#f0fdf4;text-shadow:0 0 30px rgba(34,197,94,.3)}.loading-screen-text-sub{font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#22c55e99;animation:ls-sub-fade 2s ease-in-out infinite 1s}@keyframes ls-sub-fade{0%,to{opacity:.6}50%{opacity:1}}.loading-screen-bar{position:relative;z-index:1;width:120px;height:3px;border-radius:2px;background:#ffffff0f;overflow:hidden;animation:ls-bar-enter .4s ease-out .6s both}@keyframes ls-bar-enter{0%{opacity:0;width:0}to{opacity:1;width:120px}}.loading-screen-bar-fill{position:absolute;left:0;top:0;bottom:0;width:40%;border-radius:2px;background:linear-gradient(90deg,#16a34a,#4ade80,#16a34a);background-size:200% 100%;animation:ls-bar-slide 1.2s ease-in-out infinite}@keyframes ls-bar-slide{0%{left:-40%;background-position:200% 0}to{left:100%;background-position:-200% 0}}:root{--color-bg: #08090a;--color-bg-elevated: #0d0f12;--color-surface: #12151a;--color-surface-hover: #181c23;--color-primary: #22c55e;--color-primary-bright: #4ade80;--color-primary-dim: #16a34a;--color-primary-glow: rgba(34, 197, 94, .35);--color-primary-soft: rgba(34, 197, 94, .12);--color-text: #f0fdf4;--color-text-muted: #9ca3af;--color-text-dim: #6b7280;--color-border: #1f2937;--color-border-accent: rgba(34, 197, 94, .25);--nav-height: 60px;--safe-bottom: env(safe-area-inset-bottom, 0);--radius: 14px;--radius-sm: 10px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0c0c0e;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-viewport{min-height:100%;display:flex;justify-content:center;align-items:center;padding:24px 16px}@media (min-width: 768px){.app-viewport{min-height:100vh;padding:40px 24px}.app-viewport .app-layout{width:412px;height:780px;min-height:780px;max-height:85vh;border-radius:44px;overflow:hidden;box-shadow:0 0 0 12px #1a1a1d,0 0 0 14px #2a2a2e,0 24px 48px #00000080,0 12px 24px #0000004d;position:relative;background:var(--color-bg);display:flex;flex-direction:column}.app-viewport .app-layout:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:140px;height:32px;background:#0a0a0a;border-radius:0 0 22px 22px;z-index:11;pointer-events:none}.app-viewport .app-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.app-viewport .app-bg{border-radius:32px}.app-viewport .nav-bottom{position:absolute;left:0;right:0;bottom:0;border-radius:0 0 32px 32px;flex-shrink:0}.phone-status-bar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 24px 10px;padding-top:max(12px,env(safe-area-inset-top));height:44px;box-sizing:border-box;font-size:15px;font-weight:600;color:var(--color-text);letter-spacing:.02em}.phone-status-time{flex:1}.phone-status-right{display:flex;align-items:center;gap:8px}.phone-status-signal{display:flex;align-items:flex-end;gap:2px;height:14px}.phone-status-signal .bar{width:4px;height:4px;border-radius:1px;background:var(--color-text)}.phone-status-signal .bar:nth-child(2){height:6px}.phone-status-signal .bar:nth-child(3){height:10px}.phone-status-signal .bar:nth-child(4){height:14px}.phone-status-battery{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--color-text)}.phone-status-battery-icon{width:26px;height:12px;border:2px solid currentColor;border-radius:4px;padding:1px;position:relative;overflow:hidden}.phone-status-battery-fill{position:absolute;left:0;top:0;bottom:0;background:var(--color-primary);border-radius:2px;transition:width .3s ease}.phone-status-battery-pct{font-size:12px;opacity:.95}}@media (max-width: 767px){.app-viewport{padding:0;align-items:stretch}.app-viewport .app-layout{width:100%;max-width:100%}.phone-status-bar{display:none}}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,var(--color-bg) 0%,#0a0e0b 40%,#08090a 100%),repeating-linear-gradient(180deg,transparent 0,transparent 2px,rgba(34,197,94,.02) 2px,rgba(34,197,94,.02) 4px);pointer-events:none}.app-layout{display:flex;flex-direction:column;min-height:100%;padding-bottom:calc(var(--nav-height) + var(--safe-bottom))}.app-content{flex:1;overflow:auto;animation:contentFadeIn .4s var(--ease-out)}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.nav-bottom{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#08090aeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--color-border);display:flex;justify-content:space-around;align-items:center;z-index:100;box-shadow:0 -4px 24px #0000004d}.nav-link{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 14px;color:var(--color-text-muted);text-decoration:none;font-size:11px;font-weight:500;border-radius:var(--radius-sm);transition:color .25s var(--ease-out),background .25s var(--ease-out),transform .2s var(--ease-spring)}.nav-link:hover{color:var(--color-primary-bright);background:var(--color-primary-soft);transform:translateY(-1px)}.nav-link.active{color:var(--color-primary);background:var(--color-primary-soft)}.nav-link.active .nav-icon-wrap{color:var(--color-primary);transform:scale(1.08)}.nav-link.active .nav-icon-wrap:after{opacity:1}.nav-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;color:inherit;transition:color .25s var(--ease-out),transform .2s var(--ease-spring)}.nav-icon-wrap:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--color-primary);opacity:0;transition:opacity .25s var(--ease-out)}.nav-label{letter-spacing:.02em}.page{padding:20px 16px 24px;max-width:600px;margin:0 auto}.page-title{margin:0 0 20px;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text);text-shadow:0 0 40px var(--color-primary-glow);animation:cardIn .5s var(--ease-out) backwards}.rv{opacity:0;transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);will-change:opacity,transform}.rv--up{transform:translateY(30px)}.rv--left{transform:translate(-30px)}.rv--right{transform:translate(30px)}.rv--scale{transform:scale(.92)}.rv--in{opacity:1;transform:none}.skel{display:flex;flex-direction:column;gap:10px}.skel span{display:block;height:14px;border-radius:7px;background:linear-gradient(90deg,var(--color-surface-hover) 25%,var(--color-bg-elevated) 50%,var(--color-surface-hover) 75%);background-size:200% 100%;animation:skelShimmer 1.5s ease-in-out infinite}.skel span:first-child{width:80%}.skel span:nth-child(2){width:55%}.skel span:nth-child(3){width:40%}@keyframes skelShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hp{padding-top:12px}.hp-footer-spacer{height:24px}.hp-sec-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:0 0 14px;display:flex;align-items:center;gap:8px}.hp-more-link{display:block;margin-top:14px;font-size:.875rem;font-weight:600;color:var(--color-primary-bright);text-decoration:none}.hp-more-link:hover{text-decoration:underline}.hp-hero{position:relative;overflow:hidden;border-radius:20px;padding:28px 20px 24px;margin-bottom:16px;min-height:200px;background:linear-gradient(160deg,#0c1a12,#0a1628 40%,#12151a);border:1px solid rgba(34,197,94,.15)}.hp-hero-mesh{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 120% 80% at 80% 20%,rgba(34,197,94,.12) 0%,transparent 60%),radial-gradient(ellipse 100% 100% at 10% 90%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(ellipse 80% 60% at 50% 50%,rgba(168,85,247,.04) 0%,transparent 50%);animation:heroMeshShift 12s ease-in-out infinite alternate}@keyframes heroMeshShift{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.08) translate(3%)}}.hp-hero-orb{position:absolute;border-radius:50%;filter:blur(50px);pointer-events:none}.hp-hero-orb--g{width:180px;height:180px;background:#22c55e;top:-50px;right:-30px;opacity:.1;animation:hOrb 8s ease-in-out infinite}.hp-hero-orb--b{width:120px;height:120px;background:#3b82f6;bottom:-20px;left:-10px;opacity:.08;animation:hOrb 10s ease-in-out infinite reverse}.hp-hero-orb--p{width:80px;height:80px;background:#a855f7;top:30%;left:50%;opacity:.06;animation:hOrb 14s ease-in-out infinite 2s}@keyframes hOrb{0%,to{transform:translate(0)}33%{transform:translate(12px,-18px)}66%{transform:translate(-10px,14px)}}.hp-hero-content{position:relative;z-index:1}.hp-hero-badge{display:inline-block;padding:5px 14px;border-radius:100px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px;background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.2);animation:badgeFloat 3s ease-in-out infinite}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.hp-hero-h{margin:0 0 10px;font-size:1.4rem;font-weight:800;line-height:1.3;letter-spacing:-.02em;color:#fff}.hp-hero-sub{margin:0;font-size:.875rem;line-height:1.5;color:#ffffff8c}.hp-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.hp-tag{padding:5px 12px;border-radius:100px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff6;font-size:.7rem;font-weight:600}.hp-tag--green{border-color:#22c55e4d;color:#4ade80;background:#22c55e14}.hp-hero-stripe{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#22c55e,#3b82f6,transparent);opacity:.4}.hp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.hp-stat{border-radius:14px;padding:16px 10px;text-align:center;position:relative;overflow:hidden;border:1px solid transparent;transition:transform .3s var(--ease-out),box-shadow .3s}.hp-stat:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0003}.hp-stat--green{background:linear-gradient(160deg,#0a2016,#0d1a10);border-color:#22c55e26}.hp-stat--blue{background:linear-gradient(160deg,#0a1628,#0d1220);border-color:#3b82f626}.hp-stat--gold{background:linear-gradient(160deg,#1a1608,#181410);border-color:#facc1526}.h-stat-num{display:block;font-size:1.6rem;font-weight:800;line-height:1.2;letter-spacing:-.02em}.hp-stat--green .h-stat-num{color:#4ade80}.hp-stat--blue .h-stat-num{color:#60a5fa}.hp-stat--gold .h-stat-num{color:#facc15}.hp-stat-lbl{display:block;font-size:.7rem;color:#ffffff73;margin-top:4px;font-weight:600}.hp-stat-bar{margin-top:10px;height:3px;border-radius:2px;background:#ffffff0f;overflow:hidden}.hp-stat-fill{display:block;height:100%;border-radius:2px;width:0;transition:width 1.4s cubic-bezier(.22,1,.36,1)}.hp-stat--green .hp-stat-fill{background:linear-gradient(90deg,#16a34a,#4ade80)}.hp-stat--blue .hp-stat-fill{background:linear-gradient(90deg,#2563eb,#60a5fa)}.hp-stat--gold .hp-stat-fill{background:linear-gradient(90deg,#ca8a04,#facc15)}.rv--in .hp-stat-fill[data-w="78"]{width:78%}.rv--in .hp-stat-fill[data-w="61"]{width:61%}.rv--in .hp-stat-fill[data-w="90"]{width:90%}.hp-match{position:relative;border-radius:18px;overflow:hidden;margin-bottom:16px;border:1px solid rgba(34,197,94,.15)}.hp-match-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#081a0f,#0a1628,#12151a)}.hp-match-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(34,197,94,.02) 10px,rgba(34,197,94,.02) 20px)}.hp-match-inner{position:relative;padding:20px;z-index:1}.hp-match-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.hp-match-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#4ade80;background:#22c55e1a;padding:5px 12px;border-radius:100px}.hp-match-timer{font-size:.8rem;font-weight:700;color:#facc15;padding:5px 12px;border-radius:100px;background:#facc151a;animation:timerPulse 2s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.7}}.hp-match-vs{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:16px}.hp-match-team{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.8125rem;font-weight:600;color:var(--color-text)}.hp-match-colon{font-size:1.5rem;font-weight:800;color:#ffffff4d;letter-spacing:.1em}.hp-match-info{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#ffffff80;margin-top:8px}.hp-match-info svg{color:var(--color-primary);opacity:.6;flex-shrink:0}.hp-result{position:relative;border-radius:18px;overflow:hidden;margin-bottom:16px;text-align:center;border:1px solid var(--color-border)}.hp-result-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-bg-elevated) 100%)}.hp-result-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(34,197,94,.06) 0%,transparent 60%)}.hp-result{padding:22px 20px}.hp-result>*{position:relative;z-index:1}.hp-result-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-dim);margin-bottom:14px}.hp-result-score{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:12px}.hp-result-side{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--color-text-muted)}.hp-result-nums{display:flex;align-items:center;gap:6px}.hp-result-num{font-size:2.2rem;font-weight:900;color:var(--color-text-dim);line-height:1;animation:scorePopIn .6s var(--ease-spring) backwards}.hp-result-num--w{color:var(--color-primary)}.hp-result-sep{font-size:1.4rem;color:#fff3;font-weight:300}@keyframes scorePopIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.hp-result-link{font-size:.8125rem;font-weight:600;color:var(--color-primary-bright);text-decoration:none}.hp-result-link:hover{text-decoration:underline}.hp-table-section{margin-bottom:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;padding:20px}.hp-table-wrap{overflow-x:auto}.hp-table{width:100%;border-collapse:collapse;font-size:.8rem}.hp-table th,.hp-table td{padding:10px;text-align:left;border-bottom:1px solid var(--color-border)}.hp-table th{color:var(--color-text-dim);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.hp-table tr:last-child td{border-bottom:none}.hp-table .num{text-align:center;width:26px;color:var(--color-text-dim)}.hp-table .pts{font-weight:700;color:var(--color-primary);text-align:center}.hp-table .us{background:#22c55e0f;font-weight:600}.hp-table .us td{color:var(--color-text)}.hp-live{position:relative;border-radius:18px;overflow:hidden;margin-bottom:16px;background:linear-gradient(135deg,#1a0a0a,#12151a,#0a1a0f);border:1px solid rgba(239,68,68,.15)}.hp-live-glow{position:absolute;top:-40px;right:-40px;width:180px;height:180px;background:radial-gradient(circle,rgba(239,68,68,.15) 0%,transparent 70%);pointer-events:none;animation:liveGlow 3s ease-in-out infinite}@keyframes liveGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.hp-live-inner{position:relative;padding:20px;z-index:1}.hp-live-top{display:flex;align-items:center;gap:8px;margin-bottom:10px}.hp-live-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:liveDot 1.5s ease-in-out infinite}@keyframes liveDot{0%,to{opacity:1;box-shadow:0 0 #ef444466}50%{opacity:.7;box-shadow:0 0 0 6px #ef444400}}.hp-live-badge{font-size:.7rem;font-weight:800;letter-spacing:.08em;color:#ef4444}.hp-live-txt{font-size:.8125rem;font-weight:600;color:#fff9}.hp-live-desc{margin:0 0 14px;font-size:.8125rem;line-height:1.5;color:#fff6}.hp-live-btn{padding:10px 24px;border-radius:10px;border:1px solid rgba(239,68,68,.3);background:#ef444414;color:#f87171;font-size:.8125rem;font-weight:700;cursor:pointer;transition:background .2s,color .2s;font-family:inherit}.hp-live-btn:hover{background:#ef4444;color:#fff}.hp-news-section{margin-bottom:16px}.hp-news-list{display:flex;flex-direction:column;gap:10px}.hp-news-card{display:flex;gap:14px;align-items:flex-start;padding:14px;text-decoration:none;color:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;transition:border-color .25s,transform .25s var(--ease-out),box-shadow .25s}.hp-news-card:hover{border-color:var(--color-border-accent);transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.hp-news-card-thumb{width:80px;min-width:80px;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--color-bg-elevated)}.hp-news-card-thumb img{width:100%;height:100%;object-fit:cover}.hp-news-card-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#0f1612,#12151a)}.hp-news-card-ph svg{width:24px;height:24px;color:var(--color-primary);opacity:.3}.hp-news-card-body{flex:1;min-width:0}.hp-news-card-tag{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary);margin-bottom:4px}.hp-news-card-body strong{display:block;font-size:.875rem;color:var(--color-text);margin-bottom:4px;line-height:1.3}.hp-news-card-body p{margin:0;font-size:.75rem;color:var(--color-text-muted);line-height:1.4}.hp-quote{position:relative;overflow:hidden;margin:0 0 16px;padding:24px 22px;border-radius:18px;border:none;background:linear-gradient(135deg,#22c55e14,#3b82f60d);border-left:4px solid var(--color-primary)}.hp-quote-deco{position:absolute;top:-8px;right:14px;font-size:5rem;font-weight:900;color:var(--color-primary);opacity:.08;pointer-events:none;line-height:1}.hp-quote p{margin:0 0 10px;font-size:.95rem;line-height:1.55;color:var(--color-text);font-style:italic}.hp-quote footer{font-size:.8rem;color:var(--color-text-muted)}.hp-recs{margin-bottom:16px}.hp-recs-grid{display:flex;flex-direction:column;gap:10px}.hp-rec-card{display:flex;gap:14px;align-items:center;padding:16px;border-radius:14px;border:1px solid transparent;transition:transform .25s var(--ease-out),box-shadow .25s;cursor:pointer}.hp-rec-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.hp-rec-card--video{background:linear-gradient(135deg,#1a0a1a,#12151a);border-color:#a855f71f}.hp-rec-card--photo{background:linear-gradient(135deg,#0a1628,#12151a);border-color:#3b82f61f}.hp-rec-card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hp-rec-card--video .hp-rec-card-icon{background:#a855f71a;color:#c084fc}.hp-rec-card--photo .hp-rec-card-icon{background:#3b82f61a;color:#60a5fa}.hp-rec-card-icon svg{width:22px;height:22px}.hp-rec-card strong{display:block;font-size:.875rem;color:var(--color-text);margin-bottom:2px}.hp-rec-card p{margin:0;font-size:.75rem;color:var(--color-text-muted)}.hp-achieve{position:relative;overflow:hidden;border-radius:18px;padding:22px 18px;margin-bottom:16px;background:linear-gradient(160deg,#0c1a12,#081a20,#12151a);border:1px solid rgba(34,197,94,.1)}.hp-achieve-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 80% 20%,rgba(34,197,94,.08) 0%,transparent 50%)}.hp-achieve-row{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.hp-achieve-item{flex:1;min-width:90px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);transition:transform .3s var(--ease-out),border-color .3s,background .3s;text-align:center}.hp-achieve-item:hover{transform:translateY(-3px);border-color:#22c55e33;background:#22c55e0a}.hp-achieve-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22c55e26,#22c55e0d);color:#4ade80}.hp-achieve-icon svg{width:20px;height:20px}.hp-achieve-item span{font-size:.7rem;color:#ffffff80;font-weight:600}.card{background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-border);padding:18px;margin-bottom:14px;transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out),border-color .25s var(--ease-out);animation:cardIn .4s var(--ease-out) backwards}.card:nth-child(1){animation-delay:.03s}.card:nth-child(2){animation-delay:.06s}.card:nth-child(3){animation-delay:.09s}.card:nth-child(4){animation-delay:.12s}.card:nth-child(5){animation-delay:.15s}.card:nth-child(6){animation-delay:.18s}.card:nth-child(7){animation-delay:.21s}.card:nth-child(8){animation-delay:.24s}.card:nth-child(9){animation-delay:.27s}.card:nth-child(10){animation-delay:.3s}@keyframes cardIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.card:hover{border-color:var(--color-border-accent);box-shadow:0 4px 24px #0003,0 0 0 1px var(--color-border-accent);transform:translateY(-2px)}.card h3{margin:0 0 10px;font-size:.95rem;font-weight:600;color:var(--color-primary);letter-spacing:.02em;display:flex;align-items:center;gap:8px}.card h3 .card-accent{width:4px;height:1em;background:linear-gradient(180deg,var(--color-primary),var(--color-primary-dim));border-radius:2px;flex-shrink:0}.card p{margin:0 0 8px;font-size:.9375rem;line-height:1.5;color:var(--color-text-muted)}.card p:last-child{margin-bottom:0}.card-muted{font-size:.8125rem;color:var(--color-text-dim);margin:0 0 8px;line-height:1.45}.card a{color:var(--color-primary-bright);text-decoration:none;font-weight:500;transition:color .2s,text-decoration-color .2s}.card a:hover{color:var(--color-primary);text-decoration:underline}.live-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dim));color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;padding:4px 10px;border-radius:6px;margin-left:8px;box-shadow:0 0 12px var(--color-primary-glow);animation:livePulse 2s var(--ease-out) infinite}@keyframes livePulse{0%,to{box-shadow:0 0 12px var(--color-primary-glow);opacity:1}50%{box-shadow:0 0 20px var(--color-primary-glow);opacity:.92}}.score-block{font-size:1.5rem;font-weight:800;letter-spacing:.05em;color:var(--color-text);margin:8px 0}.score-block .score-green{color:var(--color-primary)}.card-list{list-style:none;padding:0;margin:12px 0 0}.card-list li{padding:12px 0;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:10px;transition:background .2s}.card-list li:last-child{border-bottom:none;padding-bottom:0}.card-list li:hover{background:var(--color-primary-soft);margin:0 -18px;padding-left:18px;padding-right:18px;border-radius:var(--radius-sm)}.card-list .number{font-weight:700;color:var(--color-primary);min-width:28px}.card-list .name{flex:1;font-weight:600;color:var(--color-text)}.card-list .meta{color:var(--color-text-muted);font-size:.875rem}.news-item{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.news-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.news-item strong{display:block;color:var(--color-text);font-size:.9375rem;margin-bottom:4px}.news-item p{margin:0;font-size:.875rem;color:var(--color-text-muted)}.card-media{position:relative;width:100%;height:0;overflow:hidden;border-radius:var(--radius-sm);background:var(--color-bg-elevated)}.card-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-out)}.card:hover .card-media img{transform:scale(1.03)}.card-media-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#0d1510,#12151a,#0a0e0b)}.card-media-placeholder-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(-45deg,transparent,transparent 8px,rgba(34,197,94,.04) 8px,rgba(34,197,94,.04) 16px)}.card-media-placeholder--stadium{background:linear-gradient(180deg,#0a120d,#0d1510 40%,#12151a)}.card-media-placeholder--news{background:linear-gradient(145deg,#0f1612,#12151a)}.card-media-placeholder--match{background:linear-gradient(90deg,#0d1510,#12151a,#0d1510)}.card-media-placeholder-icon{position:relative;width:48px;height:48px;color:var(--color-primary);opacity:.5}.card.card--media-top{padding:0;overflow:hidden}.card.card--media-top .card-media{border-radius:0;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.card.card--media-top .card-body{padding:18px}.avatar{position:relative;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--color-surface-hover);border:2px solid var(--color-border)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--color-primary-dim),var(--color-primary));color:#fff;font-weight:700;font-size:.9em}.score-match{display:flex;align-items:center;justify-content:center;gap:16px;margin:12px 0;flex-wrap:wrap}.score-match .avatar{border-color:var(--color-border-accent)}.score-match-score{font-size:1.75rem;font-weight:800;letter-spacing:.08em;color:var(--color-text);min-width:80px;text-align:center}.score-match-score .score-green{color:var(--color-primary)}.news-card{display:flex;gap:14px;align-items:flex-start;border-bottom:1px solid var(--color-border);text-decoration:none;color:inherit;transition:background .2s;border-radius:var(--radius-sm);margin:0 -4px;padding:14px 4px}.news-card:last-child{border-bottom:none}.news-card:hover{background:var(--color-primary-soft)}.news-card-thumb{width:100px;min-width:100px;border-radius:var(--radius-sm);overflow:hidden;aspect-ratio:4/3;background:var(--color-bg-elevated)}.news-card-thumb img{width:100%;height:100%;object-fit:cover}.news-card-thumb-placeholder{width:100%;height:100%;background:linear-gradient(145deg,#0f1612,#12151a);display:flex;align-items:center;justify-content:center}.news-card-thumb-placeholder svg{width:28px;height:28px;color:var(--color-primary);opacity:.4}.news-card-section{display:inline-block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);margin-bottom:4px}.news-card-text strong{display:block;color:var(--color-text);font-size:.9375rem;margin-bottom:4px;line-height:1.3}.news-card-text p{margin:0;font-size:.8125rem;color:var(--color-text-muted);line-height:1.4}.rec-preview{display:flex;gap:14px;align-items:center;margin-top:10px}.rec-preview-thumb{width:80px;min-width:80px;height:56px;border-radius:8px;overflow:hidden;background:var(--color-bg-elevated)}.rec-preview-thumb img{width:100%;height:100%;object-fit:cover}.rec-preview-thumb-placeholder{width:100%;height:100%;background:linear-gradient(145deg,#0f1612,#12151a);display:flex;align-items:center;justify-content:center}.rec-preview-thumb-placeholder svg{width:24px;height:24px;color:var(--color-primary);opacity:.4}.rec-preview-text{font-size:.875rem;color:var(--color-text-muted)}.achievement-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.achievement-item{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--color-bg-elevated);border-radius:10px;border:1px solid var(--color-border);min-width:0}.achievement-item-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(145deg,var(--color-primary-soft),transparent);border:1px solid var(--color-border-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.achievement-item-icon svg{width:22px;height:22px;color:var(--color-primary)}.achievement-item-text{font-size:.8125rem;color:var(--color-text-muted)}.profile-header-inner{display:flex;align-items:center;gap:16px}.profile-header .avatar{border-color:var(--color-primary);box-shadow:0 0 20px var(--color-primary-glow)}.profile-header-text{display:flex;flex-direction:column;gap:2px}.profile-nick{font-size:1.25rem;font-weight:700;color:var(--color-text)}.profile-meta{font-size:.875rem;color:var(--color-text-muted)}.profile-header-desc{margin-top:14px;margin-bottom:0;font-size:.9375rem;color:var(--color-text-muted)}.shop-intro{margin-bottom:16px;font-size:.9375rem;color:var(--color-text-muted)}.shop-empty{color:var(--color-text-muted);font-size:.875rem;margin:0}.shop-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.shop-filter-chip{padding:8px 16px;border-radius:100px;border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-muted);font-size:.8125rem;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s,color .2s;font-family:inherit}.shop-filter-chip:hover{border-color:var(--color-border-accent);color:var(--color-text)}.shop-filter-chip.active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.shop-grid-full{grid-template-columns:1fr;gap:16px}.shop-card{background:var(--color-bg-elevated);border-radius:var(--radius);border:1px solid var(--color-border);overflow:hidden;transition:border-color .2s,box-shadow .2s}.shop-card-full{display:grid;grid-template-columns:140px 1fr;min-height:140px}.shop-card:hover{border-color:var(--color-border-accent)}.shop-card-image{aspect-ratio:1;background:var(--color-surface-hover);overflow:hidden}.shop-card-full .shop-card-image{aspect-ratio:auto;min-height:140px}.shop-card-image img{width:100%;height:100%;object-fit:cover}.shop-card-placeholder{width:100%;height:100%;background:linear-gradient(145deg,#0f1612,#12151a)}.shop-card-body{padding:14px 16px;display:flex;flex-direction:column;justify-content:space-between}.shop-card-full .shop-card-body{padding:16px}.shop-card-name{display:block;font-size:1rem;color:var(--color-text);margin-bottom:4px;font-weight:700}.shop-card-full .shop-card-name{font-size:1.05rem}.shop-card-category{display:inline-block;font-size:.7rem;color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.shop-card-desc{font-size:.8125rem;color:var(--color-text-muted);margin:0 0 10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shop-card-full .shop-card-desc{-webkit-line-clamp:3}.shop-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto}.shop-card-full .shop-card-footer{margin-bottom:0}.shop-card-price{font-weight:700;color:var(--color-primary);font-size:1.1rem}.shop-card-btn{padding:10px 20px;border:none;border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s;flex-shrink:0}.shop-card-full .shop-card-btn{padding:12px 24px}.shop-card-btn:hover{background:var(--color-primary);color:#fff}.payment-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.payment-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009}.payment-modal{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;width:100%;max-width:360px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 48px #0006}.payment-title{margin:0 0 16px;font-size:1.25rem;font-weight:700;color:var(--color-text)}.payment-product{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--color-bg-elevated);border-radius:var(--radius-sm);margin-bottom:20px}.payment-product strong{font-size:.9375rem}.payment-product-price{font-weight:700;color:var(--color-primary)}.payment-form{display:flex;flex-direction:column;gap:14px}.payment-field label{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-muted);margin-bottom:4px}.payment-field input{width:100%;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:1rem;box-sizing:border-box}.payment-field input:focus{outline:none;border-color:var(--color-primary)}.payment-field input:disabled{opacity:.7}.payment-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-hint{font-size:.75rem;color:var(--color-text-dim);margin:0}.payment-actions{display:flex;gap:12px;margin-top:8px}.btn-payment-primary,.btn-payment-secondary{flex:1;padding:14px;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .2s}.btn-payment-primary{border:none;background:var(--color-primary);color:#fff}.btn-payment-primary:hover:not(:disabled){opacity:.9}.btn-payment-primary:disabled{opacity:.7;cursor:not-allowed}.btn-payment-secondary{border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted)}.btn-payment-secondary:hover:not(:disabled){color:var(--color-text)}.btn-payment-secondary:disabled{opacity:.7;cursor:not-allowed}.payment-success{text-align:center;padding:16px 0 8px}.payment-success-icon{width:56px;height:56px;margin:0 auto 16px;background:var(--color-primary-soft);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800;color:var(--color-primary)}.payment-success-title{margin:0 0 8px;font-size:1.25rem;font-weight:700;color:var(--color-text)}.payment-success-text{margin:0 0 24px;font-size:.9375rem;color:var(--color-text-muted)}.payment-success .btn-payment-primary{max-width:200px;margin:0 auto}@media (max-width: 380px){.shop-card-full{grid-template-columns:1fr}.shop-card-full .shop-card-image{min-height:0;aspect-ratio:16/10}}.hp-schedule{margin-bottom:16px}.hp-schedule-list{display:flex;flex-direction:column;gap:8px}.hp-schedule-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;transition:border-color .2s,transform .2s var(--ease-out)}.hp-schedule-item:hover{border-color:var(--color-border-accent);transform:translate(4px)}.hp-schedule-item--training{border-left:3px solid #22c55e}.hp-schedule-item--match{border-left:3px solid #3b82f6}.hp-schedule-item--event{border-left:3px solid #a855f7}.hp-schedule-day{min-width:32px;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--color-text-dim);text-align:center}.hp-schedule-body{flex:1;min-width:0}.hp-schedule-body strong{display:block;font-size:.85rem;color:var(--color-text);margin-bottom:2px}.hp-schedule-meta{font-size:.7rem;color:var(--color-text-muted)}.hp-schedule-type{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:100px;flex-shrink:0}.hp-schedule-type--training{background:#22c55e1a;color:#4ade80}.hp-schedule-type--match{background:#3b82f61a;color:#60a5fa}.hp-schedule-type--event{background:#a855f71a;color:#c084fc}.hp-empty{color:var(--color-text-dim);font-size:.875rem}.hp-categories{margin-bottom:16px}.hp-cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.hp-cat-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px;border-radius:14px;text-align:center;border:1px solid transparent;transition:transform .3s var(--ease-out),border-color .3s;cursor:default}.hp-cat-card:hover{transform:translateY(-3px)}.hp-cat-card--green{background:linear-gradient(160deg,#0a2016,#0d1a10);border-color:#22c55e26}.hp-cat-card--blue{background:linear-gradient(160deg,#0a1628,#0d1220);border-color:#3b82f626}.hp-cat-card--purple{background:linear-gradient(160deg,#1a0a2a,#14101a);border-color:#a855f726}.hp-cat-card--gold{background:linear-gradient(160deg,#1a1608,#181410);border-color:#facc1526}.hp-cat-card--red{background:linear-gradient(160deg,#1a0a0a,#181012);border-color:#ef444426}.hp-cat-icon{font-size:1.5rem}.hp-cat-title{font-size:.75rem;font-weight:600;color:#fff9}.prog-select-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.prog-chip{padding:8px 16px;border-radius:100px;border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-muted);font-size:.8125rem;font-weight:600;cursor:pointer;font-family:inherit;transition:border-color .2s,background .2s,color .2s}.prog-chip:hover{border-color:var(--color-border-accent);color:var(--color-text)}.prog-chip.active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.prog-page{padding-top:16px}.prog-section{margin-bottom:16px;padding:18px;border-radius:16px;border:1px solid transparent}.prog-section--green{background:linear-gradient(160deg,#0a2016,#0d1a10);border-color:#22c55e1f}.prog-section--blue{background:linear-gradient(160deg,#0a1628,#0d1220);border-color:#3b82f61f}.prog-section--purple{background:linear-gradient(160deg,#1a0a2a,#14101a);border-color:#a855f71f}.prog-section-title{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:.85rem;font-weight:700;color:var(--color-text)}.prog-section-title svg{color:var(--color-primary);opacity:.7}.prog-bar-row{margin-bottom:14px}.prog-bar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.prog-bar-label{font-size:.8rem;color:var(--color-text-muted);font-weight:500}.prog-bar-value{font-size:.75rem;color:var(--color-text-dim);font-weight:600}.prog-bar-track{height:6px;border-radius:3px;background:#ffffff0f;overflow:hidden}.prog-bar-fill{height:100%;border-radius:3px;transition:width 1.2s cubic-bezier(.22,1,.36,1)}.comp-page{padding-top:16px}.comp-hero{position:relative;overflow:hidden;border-radius:18px;padding:28px 20px;margin-bottom:16px;background:linear-gradient(160deg,#0c1a12,#0a1628 50%,#12151a);border:1px solid rgba(34,197,94,.15)}.comp-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 70% 30%,rgba(34,197,94,.1),transparent 60%)}.comp-hero-name{position:relative;margin:0 0 4px;font-size:1.3rem;font-weight:800;color:#fff}.comp-hero-sub{position:relative;margin:0;font-size:.85rem;color:#ffffff80}.comp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.comp-stat{padding:16px 12px;border-radius:14px;text-align:center;border:1px solid transparent;transition:transform .3s var(--ease-out)}.comp-stat:hover{transform:translateY(-3px)}.comp-stat--gold{background:linear-gradient(160deg,#1a1608,#181410);border-color:#facc1526}.comp-stat--green{background:linear-gradient(160deg,#0a2016,#0d1a10);border-color:#22c55e26}.comp-stat--blue{background:linear-gradient(160deg,#0a1628,#0d1220);border-color:#3b82f626}.comp-stat--purple{background:linear-gradient(160deg,#1a0a2a,#14101a);border-color:#a855f726}.comp-stat-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 6px;color:currentColor}.comp-stat--gold .comp-stat-icon{color:#facc15}.comp-stat--green .comp-stat-icon{color:#4ade80}.comp-stat--blue .comp-stat-icon{color:#60a5fa}.comp-stat--purple .comp-stat-icon{color:#c084fc}.comp-stat-value{display:block;font-size:1.8rem;font-weight:800;color:var(--color-text);line-height:1.2}.comp-stat-label{display:block;font-size:.7rem;color:var(--color-text-dim);font-weight:600;margin-top:4px}.comp-cards-section{margin-bottom:16px}.comp-cards-title{font-size:.85rem;font-weight:700;color:var(--color-text-muted);margin:0 0 12px}.comp-cards-row{display:flex;gap:12px}.comp-card-box{flex:1;padding:18px;border-radius:14px;text-align:center;transition:transform .3s var(--ease-out)}.comp-card-box:hover{transform:translateY(-2px)}.comp-card-box--yellow{background:linear-gradient(160deg,#1a1608,#181410);border:1px solid rgba(250,204,21,.2)}.comp-card-box--red{background:linear-gradient(160deg,#1a0a0a,#181012);border:1px solid rgba(239,68,68,.2)}.comp-card-num{display:block;font-size:2rem;font-weight:900;line-height:1}.comp-card-box--yellow .comp-card-num{color:#facc15}.comp-card-box--red .comp-card-num{color:#ef4444}.comp-card-label{display:block;font-size:.75rem;color:var(--color-text-dim);margin-top:6px;font-weight:600}.comp-minutes{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;margin-bottom:16px}.comp-minutes svg{color:var(--color-primary);opacity:.7;flex-shrink:0}.comp-minutes-val{display:block;font-size:1.4rem;font-weight:800;color:var(--color-text)}.comp-minutes-label{font-size:.75rem;color:var(--color-text-muted)}.ach-page{padding-top:16px}.ach-captain-badge{display:flex;align-items:center;gap:10px;padding:16px 18px;margin-bottom:14px;background:linear-gradient(135deg,#facc1514,#facc1505);border:1px solid rgba(250,204,21,.2);border-radius:14px}.ach-captain-badge svg{color:#facc15}.ach-captain-badge span{font-size:.9rem;font-weight:700;color:#facc15}.ach-community{padding:18px;margin-bottom:14px;border-radius:14px;background:var(--color-surface);border:1px solid var(--color-border)}.ach-community-score{display:block;font-size:1.6rem;font-weight:800;color:var(--color-primary);margin-bottom:4px}.ach-community-label{display:block;font-size:.8rem;color:var(--color-text-muted);margin-bottom:10px}.ach-section-title{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:.85rem;font-weight:700;color:var(--color-text)}.ach-badges-section{margin-bottom:14px}.ach-badges-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ach-badge-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;border-radius:14px;text-align:center;background:linear-gradient(160deg,#0c1a12,#12151a);border:1px solid rgba(34,197,94,.1);transition:transform .3s var(--ease-out),border-color .3s}.ach-badge-card:hover{transform:translateY(-3px);border-color:#22c55e40}.ach-badge-icon{font-size:1.5rem}.ach-badge-title{font-size:.7rem;font-weight:600;color:#fff9}.ach-awards-section{margin-bottom:16px}.ach-awards-list{display:flex;flex-direction:column;gap:10px}.ach-award-card{display:flex;gap:14px;align-items:center;padding:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;transition:border-color .2s,transform .2s var(--ease-out)}.ach-award-card:hover{border-color:var(--color-border-accent);transform:translate(4px)}.ach-award-icon{width:44px;height:44px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#facc151f,#facc150a)}.ach-award-icon svg{color:#facc15}.ach-award-body{flex:1;min-width:0}.ach-award-body strong{display:block;font-size:.875rem;color:var(--color-text);margin-bottom:2px}.ach-award-body p{margin:0;font-size:.75rem;color:var(--color-text-muted);line-height:1.4}.ach-award-date{font-size:.7rem;color:var(--color-text-dim)}.profile-page{padding-top:16px}.profile-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:18px;margin-bottom:14px}.profile-card--main{text-align:center;padding:28px 18px}.profile-card--medical{border-color:#ef44441f}.profile-avatar{width:72px;height:72px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(145deg,var(--color-primary-dim),var(--color-primary));display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8px}.profile-avatar svg{color:#fff}.profile-avatar-logo{width:100%;height:100%;object-fit:contain}.profile-name{margin:0 0 4px;font-size:1.3rem;font-weight:800;color:var(--color-text)}.profile-age{display:block;font-size:.85rem;color:var(--color-text-muted);margin-bottom:4px}.profile-position{display:inline-block;padding:4px 12px;border-radius:100px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--color-primary-soft);color:var(--color-primary);margin-top:6px}.profile-card-title{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:.9rem;font-weight:700;color:var(--color-text)}.profile-card-title svg{color:var(--color-primary);opacity:.7}.profile-info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--color-border)}.profile-info-row:last-child{border-bottom:none}.profile-info-label{font-size:.8rem;color:var(--color-text-dim);font-weight:500;flex-shrink:0;margin-right:12px}.profile-info-value{font-size:.85rem;color:var(--color-text);font-weight:500;text-align:right;word-break:break-word}.profile-notes{margin:0;font-size:.875rem;color:var(--color-text-muted);line-height:1.5}