:root{--nf-red: #e50914;--nf-red-hover: #f6121d;--nf-black: #141414;--nf-black-2: #0b0b0b;--nf-dark: #181818;--nf-card: #222;--nf-text: #fff;--nf-text-dim: #b3b3b3;--nf-text-dim-2: #808080;--nf-border: rgba(255,255,255,.1);--nf-shadow: 0 25px 60px rgba(0,0,0,.7);--ease-nf: cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--nf-black);color:var(--nf-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}.hidden{display:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.g-red{background:linear-gradient(135deg,#7a1116,#e50914)}.g-blue{background:linear-gradient(135deg,#071e3d,#1f4287)}.g-purple{background:linear-gradient(135deg,#2b0a3d,#7b2cbf)}.g-teal{background:linear-gradient(135deg,#0b3d3d,#2a9d8f)}.g-orange{background:linear-gradient(135deg,#4a1c00,#f77f00)}.g-yellow{background:linear-gradient(135deg,#4d3800,#ffb703)}.g-green{background:linear-gradient(135deg,#0d3315,#38b000)}.g-dark{background:linear-gradient(135deg,#1a1a1a,#444)}.g-pink{background:linear-gradient(135deg,#4a0033,#ff006e)}.g-cyan{background:linear-gradient(135deg,#013a63,#00b4d8)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.hero{position:relative;min-height:90vh;display:flex;align-items:center;padding:0 4%;overflow:hidden;isolation:isolate}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 70% 40%,rgba(229,9,20,.25),transparent 55%),radial-gradient(circle at 20% 80%,rgba(80,0,120,.3),transparent 60%),linear-gradient(120deg,#111,#1a0000 45%,#000);z-index:-2}.hero-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 75%)}.hero-gradient{position:absolute;inset:0;background:linear-gradient(to top,var(--nf-black) 0%,transparent 40%),linear-gradient(to right,rgba(0,0,0,.85) 0%,transparent 60%);z-index:-1}.hero-content{max-width:640px;padding-top:80px;animation:heroIn .9s var(--ease-nf) both}@keyframes heroIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-tag{color:var(--nf-red);font-weight:700;letter-spacing:6px;font-size:13px;margin-bottom:12px}.hero-title{font-family:Bebas Neue,sans-serif;font-size:84px;line-height:1;margin:0 0 20px;letter-spacing:2px;text-shadow:0 2px 20px rgba(0,0,0,.7)}.hero-meta{display:flex;gap:14px;align-items:center;color:var(--nf-text-dim);font-size:14px;margin-bottom:18px;flex-wrap:wrap}.hero-meta .match{color:#46d369;font-weight:700}.hero-meta .rating{border:1px solid #666;padding:1px 6px;font-size:11px;border-radius:2px}.hero-desc{font-size:17px;line-height:1.5;color:#e5e5e5;margin-bottom:26px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{border:none;cursor:pointer;font-size:16px;font-weight:600;padding:11px 24px;border-radius:4px;display:inline-flex;align-items:center;gap:8px;transition:all .15s ease;font-family:inherit;text-decoration:none}.btn-play{background:#fff;color:#000}.btn-play:hover{background:#ffffffbf}.btn-info{background:#6d6d6eb3;color:#fff}.btn-info:hover{background:#6d6d6e80}.play-ico,.info-ico{font-size:20px}@media(max-width:900px){.hero-title{font-size:56px}}@media(max-width:500px){.hero-title{font-size:40px}.hero-desc{font-size:14px}}.row-viewport{position:relative}.row-inner{display:flex;gap:6px;overflow-x:auto;scroll-behavior:smooth;padding:8px 0 30px;scrollbar-width:none}.row-inner::-webkit-scrollbar{display:none}.row-inner.tall .card{min-width:320px;height:480px}.row-inner.ranked-row .card{min-width:260px}.scroll-btn{position:absolute;top:0;bottom:30px;width:4%;min-width:40px;background:#14141499;border:none;color:#fff;font-size:32px;cursor:pointer;opacity:0;transition:opacity .2s;z-index:5}.scroll-btn.left{left:-4%}.scroll-btn.right{right:-4%}.row-viewport:hover .scroll-btn{opacity:1}.card{position:relative;flex:0 0 auto;min-width:300px;height:170px;border-radius:6px;overflow:hidden;cursor:pointer;background:#222;transition:transform .3s var(--ease-nf),box-shadow .3s var(--ease-nf);box-shadow:0 4px 12px #00000080}.card:hover{transform:scale(1.08);z-index:10;box-shadow:var(--nf-shadow)}.card-thumb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center}.card-thumb:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00000059,#000000b3)}.thumb-title{font-family:Bebas Neue,sans-serif;font-size:26px;line-height:1.1;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.8);z-index:2;position:relative}.thumb-sub{font-size:12px;color:#ddd;margin-top:6px;z-index:2;position:relative}.card-overlay{position:absolute;left:0;right:0;bottom:0;padding:10px 12px;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);z-index:3;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}.card:hover .card-overlay{opacity:1;transform:translateY(0)}.co-title{font-size:14px;font-weight:700;color:#fff}.co-meta{font-size:11px;color:#b3b3b3;margin-top:2px}.card.ranked{display:flex;align-items:stretch;padding-left:100px}.rank-num{position:absolute;left:-20px;top:-10px;font-family:Bebas Neue,sans-serif;font-size:180px;line-height:.8;color:transparent;-webkit-text-stroke:4px #fff;text-stroke:4px #fff;z-index:1;pointer-events:none}.card.ranked .card-thumb{left:100px;right:0;border-radius:6px}@media(max-width:900px){.card{min-width:220px;height:130px}.row-inner.tall .card{min-width:220px;height:320px}.card.ranked{padding-left:70px}.card.ranked .rank-num{font-size:130px;left:-14px}.card.ranked .card-thumb{left:70px}}.modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn .25s ease}.modal-backdrop{position:absolute;inset:0;background:#000c;backdrop-filter:blur(4px)}.modal-card{position:relative;background:var(--nf-dark);max-width:900px;width:90%;max-height:90vh;overflow-y:auto;border-radius:8px;box-shadow:var(--nf-shadow);animation:modalIn .35s var(--ease-nf)}@keyframes modalIn{0%{transform:translateY(30px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:none;background:#141414e6;color:#fff;font-size:18px;cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center;transition:background .2s}.modal-close:hover{background:#333}.modal-hero{position:relative;min-height:260px;padding:40px 40px 24px;display:flex;flex-direction:column;justify-content:flex-end}.modal-hero-gradient{position:absolute;inset:0;background:linear-gradient(to top,var(--nf-dark) 0%,transparent 60%);pointer-events:none}.modal-title{font-family:Bebas Neue,sans-serif;font-size:44px;line-height:1;margin:0 0 8px;letter-spacing:1px;position:relative;z-index:1}.modal-sub{color:#e5e5e5;font-size:15px;position:relative;z-index:1}.modal-body{padding:24px 40px 32px}.modal-meta{display:flex;gap:14px;color:var(--nf-text-dim);font-size:13px;margin-bottom:16px;flex-wrap:wrap}.modal-meta .match{color:#46d369;font-weight:700}.modal-desc{font-size:15px;line-height:1.55;color:#e5e5e5}.modal-desc ul{padding-left:20px;margin:10px 0}.modal-desc li{margin-bottom:8px}.modal-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.modal-tags .tag{background:#ffffff14;color:#ccc;padding:4px 10px;border-radius:4px;font-size:12px}@media(max-width:900px){.modal-hero{padding:30px 20px 20px}.modal-title{font-size:30px}.modal-body{padding:20px}}.footer{padding:60px 4% 40px;border-top:1px solid var(--nf-border);background:#0a0a0a}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:20px 0 40px}.contact-card{background:var(--nf-dark);padding:24px;border-radius:8px;border:1px solid var(--nf-border);transition:transform .2s,border-color .2s,background .2s;display:block;color:var(--nf-text);text-decoration:none}.contact-card:hover{transform:translateY(-4px);border-color:var(--nf-red);background:#222}.c-ico{width:44px;height:44px;border-radius:50%;background:var(--nf-red);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;margin-bottom:12px}.c-label{font-size:11px;letter-spacing:2px;color:var(--nf-text-dim);text-transform:uppercase;margin-bottom:4px}.c-val{font-size:15px;color:#fff;word-break:break-word}.footer-tag{text-align:center;color:var(--nf-text-dim-2);font-size:13px;margin-top:20px}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 4%;background:linear-gradient(to bottom,rgba(0,0,0,.85) 10%,transparent 100%);transition:background .35s var(--ease-nf)}.navbar.scrolled{background:var(--nf-black)}.nav-left{display:flex;align-items:center;gap:32px}.nav-links{display:flex;gap:22px}.nav-links a{color:#e5e5e5;font-size:14px;font-weight:400;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--nf-text);font-weight:500}.nav-right{display:flex;align-items:center;gap:16px}.nav-badge{background:var(--nf-red);color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;padding:4px 10px;border-radius:4px}.nav-avatar{width:36px;height:36px;background:linear-gradient(135deg,#e50914,#7a1116);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;letter-spacing:.5px}.profile-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;background:radial-gradient(ellipse at top,#1a1a1a,#000 70%);animation:fadeIn .6s ease}.brand-logo{font-family:Bebas Neue,sans-serif;font-weight:900;letter-spacing:2px;color:var(--nf-red);text-shadow:0 0 20px rgba(229,9,20,.5);font-size:32px}.brand-logo.big{font-size:78px;letter-spacing:6px}.who-title{font-size:56px;font-weight:300;color:#e5e5e5;margin:0;text-align:center}.profiles{display:flex;gap:32px;flex-wrap:wrap;justify-content:center;max-width:900px}.profile-card{background:transparent;border:none;color:var(--nf-text-dim);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:14px;font-size:20px;transition:color .2s;padding:8px}.profile-card:hover{color:var(--nf-text)}.avatar{width:140px;height:140px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:64px;border:3px solid transparent;transition:border-color .2s,transform .2s}.profile-card:hover .avatar{border-color:var(--nf-text);transform:scale(1.02)}.av-red{background:linear-gradient(135deg,#b81d24,#7a1116)}.av-blue{background:linear-gradient(135deg,#1f4287,#071e3d)}.av-yellow{background:linear-gradient(135deg,#e6b800,#8a6d00)}.av-green{background:linear-gradient(135deg,#2a9d8f,#144a44)}.hint{color:var(--nf-text-dim-2);font-size:14px;letter-spacing:1px}.rows-wrap{padding:20px 0 60px;margin-top:-80px;position:relative;z-index:2}.row{margin:40px 0;padding:0 4%}.row-title{font-size:24px;font-weight:700;color:#e5e5e5;margin:0 0 12px}.chips{display:flex;flex-wrap:wrap;gap:10px;padding:6px 0}.chip{background:#2a2a2a;color:#e5e5e5;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:500;border:1px solid rgba(255,255,255,.08);transition:all .2s;cursor:default}.chip:hover{background:var(--nf-red);color:#fff;transform:translateY(-2px);border-color:var(--nf-red)}@media(max-width:900px){.brand-logo.big{font-size:54px}.who-title{font-size:36px}.avatar{width:100px;height:100px;font-size:44px}.row-title{font-size:18px}}@media(max-width:500px){.brand-logo.big{font-size:40px}.who-title{font-size:28px}}