nav a.active{color:#fff;background:rgba(66,245,230,.08);border:1px solid rgba(66,245,230,.16)}
.page-hero{padding:88px 0 54px;border-top:0}.page-hero h1{max-width:900px}
.home-hero{padding-bottom:62px}.home-news{padding-top:58px}
.news-grid{grid-template-columns:repeat(3,1fr)}
.news-date{font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#8ffcf2;margin-bottom:12px}
.site-nav-section{padding-top:54px}.nav-cards{grid-template-columns:repeat(3,1fr)}
.nav-card{display:block;padding:24px;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(155deg,rgba(14,27,52,.8),rgba(7,14,29,.74));transition:.18s ease}
.nav-card:hover{transform:translateY(-3px);border-color:rgba(66,245,230,.34)}
.nav-card h3{margin:0 0 9px;font-size:21px}.nav-card p{color:var(--muted);min-height:76px}.nav-card span{color:#9ffff5;font-weight:850}
.accent-card{background:linear-gradient(145deg,rgba(66,245,230,.09),rgba(76,141,255,.09),rgba(139,92,246,.1));border-color:rgba(66,245,230,.24)}
.paper-notice{border-color:rgba(255,196,76,.35);background:rgba(255,196,76,.07);color:#ffe6ac}.paper-notice b{color:#fff0c2}

/* desktop identity */
header{box-shadow:0 12px 38px rgba(0,0,0,.16)}
header:after{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(66,245,230,.72),rgba(76,141,255,.52),rgba(139,92,246,.65),transparent);opacity:.62}
.brand{min-width:250px}.brand img{width:68px;height:54px;filter:drop-shadow(0 0 18px rgba(66,245,230,.16))}.brand span{display:none}
.brand:after{content:"Федерация фиджитал-спорта\AРостовская область";white-space:pre;font-size:14px;line-height:1.15;font-weight:900;letter-spacing:-.01em;color:#f7fbff}
.nav nav a:last-child,nav a:last-child{background:linear-gradient(135deg,rgba(66,245,230,.13),rgba(76,141,255,.12));border:1px solid rgba(66,245,230,.26);color:#fff}
.home-hero{position:relative;overflow:hidden;padding-top:112px;padding-bottom:76px}
.home-hero:before{content:"";position:absolute;width:620px;height:620px;right:-220px;top:-160px;border-radius:50%;border:1px solid rgba(66,245,230,.12);box-shadow:0 0 0 70px rgba(76,141,255,.025),0 0 0 140px rgba(139,92,246,.018);pointer-events:none}
.home-hero:after{content:"ffsro.ru";position:absolute;right:5vw;bottom:22px;font:800 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em;text-transform:uppercase;color:rgba(159,255,245,.42)}
.home-hero h1{max-width:820px}.home-hero .lead{max-width:680px}
.home-hero .hero-card{position:relative;min-height:390px;overflow:hidden;padding:34px;background:radial-gradient(circle at 70% 20%,rgba(66,245,230,.12),transparent 34%),radial-gradient(circle at 25% 85%,rgba(139,92,246,.16),transparent 40%),linear-gradient(145deg,rgba(15,29,57,.94),rgba(7,13,29,.9));border-color:rgba(130,170,255,.24);box-shadow:0 34px 90px rgba(0,0,0,.42)}
.home-hero .hero-card:before{content:"";position:absolute;inset:30px;background:url('logo.png') center 20%/190px auto no-repeat;filter:drop-shadow(0 0 28px rgba(66,245,230,.12));opacity:.95}
.home-hero .hero-card:after{content:"РОСТОВСКАЯ ОБЛАСТЬ";position:absolute;left:34px;bottom:122px;font:900 12px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em;color:#91fff4}
.home-hero .hero-card .big{display:none}.home-hero .hero-card>p{position:absolute;left:34px;right:34px;bottom:78px;margin:0;max-width:390px;color:#dce9f7;font-weight:750}
.home-hero .stats{position:absolute;left:34px;right:34px;bottom:24px;margin:0;grid-template-columns:1fr 1fr}.home-hero .stats div{padding:12px 14px;background:rgba(5,12,27,.55);backdrop-filter:blur(14px)}
.home-hero .btn.primary{box-shadow:0 14px 38px rgba(66,245,230,.14)}
.home-news .head{margin-bottom:34px}.news-grid{gap:18px}
.news-grid article{position:relative;overflow:hidden;min-height:220px;padding:24px;background:linear-gradient(160deg,rgba(15,29,56,.9),rgba(7,14,29,.78));transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.news-grid article:hover{transform:translateY(-4px);border-color:rgba(66,245,230,.3);box-shadow:0 24px 60px rgba(0,0,0,.25)}
.news-grid article img{width:100%;height:185px;object-fit:cover;border-radius:16px;margin:0 0 18px;border:1px solid rgba(130,170,255,.14);display:block}
.news-grid article:first-child{grid-column:span 2;min-height:410px;padding:0;display:grid;grid-template-columns:1.1fr .9fr;align-items:stretch;border-color:rgba(66,245,230,.2);background:linear-gradient(145deg,rgba(14,30,55,.92),rgba(7,14,29,.84));box-shadow:0 28px 80px rgba(0,0,0,.28)}
.news-grid article:first-child img{grid-row:1/5;width:100%;height:100%;min-height:410px;margin:0;border:0;border-radius:0;object-fit:cover}
.news-grid article:first-child .news-date,.news-grid article:first-child h3,.news-grid article:first-child p{margin-left:26px;margin-right:26px}
.news-grid article:first-child .news-date{align-self:end;margin-top:28px}.news-grid article:first-child h3{font-size:28px;line-height:1.08;margin-top:10px;margin-bottom:12px}.news-grid article:first-child p{font-size:15px;margin-top:0;padding-bottom:24px}
.news-date{display:inline-flex;align-items:center;gap:8px}.news-date:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}
.site-nav-section{padding-top:64px}.nav-card{position:relative;overflow:hidden;min-height:190px}.nav-card:after{content:"";position:absolute;width:150px;height:150px;right:-95px;bottom:-95px;border-radius:50%;background:radial-gradient(circle,rgba(66,245,230,.11),transparent 70%)}

/* mobile editorial concept */
@keyframes pulseLine{0%,100%{opacity:.35;transform:scaleX(.75)}50%{opacity:1;transform:scaleX(1)}}
@keyframes riseIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){
body{background:#050816;background-image:radial-gradient(circle at 85% 4%,rgba(119,80,255,.27),transparent 28%),radial-gradient(circle at 0 24%,rgba(30,231,222,.14),transparent 24%),linear-gradient(180deg,#050816 0%,#07101e 55%,#050816 100%)}
body:before{background-size:32px 32px;background-image:linear-gradient(rgba(90,138,220,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(90,138,220,.035) 1px,transparent 1px)}
.wrap{width:calc(100% - 28px)}
header{position:sticky;background:rgba(4,7,18,.78);backdrop-filter:blur(24px) saturate(140%);border-bottom:1px solid rgba(124,170,255,.16)}
.nav{min-height:66px;gap:8px}.brand{min-width:0;gap:9px}.brand img{width:44px;height:40px}.brand:after{content:"Федерация фиджитал-спорта\AРостовской области";white-space:pre;font-size:11px;line-height:1.05;max-width:190px;letter-spacing:-.02em}
.menu{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(145,187,255,.2);background:rgba(255,255,255,.035);font-size:23px;box-shadow:0 12px 28px rgba(0,0,0,.26)}
nav{top:72px;left:12px;right:12px;padding:12px;border-radius:20px;background:rgba(5,11,25,.98);box-shadow:0 28px 80px rgba(0,0,0,.55)}nav a{padding:13px 14px;border-radius:12px;font-size:14px}

.home-hero{min-height:calc(100svh - 66px);padding:54px 0 42px;border-top:0;display:flex;align-items:center;position:relative;isolation:isolate;overflow:hidden}
.home-hero:before{content:"ФИДЖИТАЛ";position:absolute;z-index:-2;left:-15px;top:76px;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;font-size:29vw;font-weight:1000;line-height:.8;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px rgba(126,180,255,.11);transform:rotate(-3deg);white-space:nowrap}
.home-hero:after{content:"FFSRO.RU  /  OFFICIAL";position:absolute;z-index:4;left:15px;right:auto;bottom:20px;padding:0;border:0;background:none;border-radius:0;font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em;color:rgba(168,255,246,.64)}
.home-hero .wrap{position:relative}.hero-grid{display:block!important}.hero-grid>div:first-child{position:relative;z-index:2}
.home-hero .hero-card{display:none!important}
.home-hero .tag{position:relative;margin:0 0 20px;padding:0 0 0 26px;border:0;background:none;border-radius:0;color:#9ffff5;font-size:10px;letter-spacing:.18em}
.home-hero .tag:before{content:"";position:absolute;left:0;top:50%;width:18px;height:2px;background:linear-gradient(90deg,#42f5e6,#8b5cf6);transform-origin:left center;animation:pulseLine 2.8s ease-in-out infinite}
.home-hero h1{font-size:clamp(54px,15vw,76px);line-height:.84;letter-spacing:-.075em;margin:0 0 22px;max-width:100%;background:none;color:#fff;-webkit-text-fill-color:initial;text-wrap:balance;animation:riseIn .55s ease both}
.home-hero h1:after{content:"";display:block;width:54%;height:8px;margin-top:17px;background:linear-gradient(90deg,#42f5e6 0 38%,#4c8dff 38% 70%,#8b5cf6 70% 100%);clip-path:polygon(0 0,100% 0,94% 100%,0 100%)}
.home-hero .lead{max-width:92%;font-size:15px;line-height:1.5;color:#afbed2;margin:0 0 0 2px}
.home-hero .actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:26px}
.home-hero .btn{min-height:56px;border-radius:0;font-size:14px;letter-spacing:.01em;position:relative;overflow:hidden}
.home-hero .btn.primary{justify-content:space-between;padding:0 20px;background:linear-gradient(105deg,#42f5e6 0%,#65cfff 48%,#9a6cff 100%);color:#031019;box-shadow:0 18px 50px rgba(66,245,230,.16);clip-path:polygon(0 0,96% 0,100% 26%,100% 100%,4% 100%,0 74%)}
.home-hero .btn.primary:after{content:"↗";font-size:19px;font-weight:900}
.home-hero .actions .btn:not(.primary){border-color:rgba(142,177,237,.18);background:rgba(255,255,255,.025);color:#c9d7e9}
.home-hero .tech{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;margin:19px -14px 0;padding:0 14px 4px;scrollbar-width:none}.home-hero .tech::-webkit-scrollbar{display:none}.home-hero .tech span{flex:0 0 auto;border-radius:999px;padding:8px 11px;font-size:9px;background:rgba(255,255,255,.025);border-color:rgba(127,167,231,.14);color:#788ba6}
.home-hero .wrap:after{content:"PHYSICAL × DIGITAL";position:absolute;right:-10px;top:-34px;font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;color:rgba(200,216,242,.38);writing-mode:vertical-rl;transform:rotate(180deg)}

section{padding:54px 0}.home-news{padding-top:62px;border-top:1px solid rgba(129,169,230,.1)}
.head{display:block;margin-bottom:25px}.head h2{font-size:42px;line-height:.9;letter-spacing:-.06em;margin:10px 0 16px}.home-news .head p{font-size:14px;line-height:1.45;max-width:92%}.home-news .tag{border-radius:0;border:0;border-left:3px solid #42f5e6;background:none;padding:1px 0 1px 10px}
.news-grid{display:flex!important;grid-template-columns:none;gap:14px;overflow-x:auto;margin:0 -14px;padding:0 14px 16px;scroll-snap-type:x mandatory;scrollbar-width:none}.news-grid::-webkit-scrollbar{display:none}
.news-grid article{flex:0 0 78vw;scroll-snap-align:start;min-height:360px;border-radius:26px;padding:20px;background:linear-gradient(165deg,rgba(14,29,56,.96),rgba(6,13,28,.96));box-shadow:0 18px 52px rgba(0,0,0,.27);border:1px solid rgba(124,169,237,.16)}
.news-grid article img{height:180px;margin:0 0 16px;border-radius:18px;border:0;object-fit:cover}.news-grid article h3{font-size:22px;line-height:1.05;letter-spacing:-.025em}.news-grid article p{font-size:13px;line-height:1.45}
.news-grid article:first-child{flex-basis:88vw;min-height:520px;padding:0;display:flex;flex-direction:column;justify-content:flex-end;border-radius:30px;overflow:hidden;isolation:isolate;border-color:rgba(114,238,226,.23)}
.news-grid article:first-child img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;min-height:0;margin:0;border:0;border-radius:0;object-fit:cover}
.news-grid article:first-child:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(3,8,18,.03) 8%,rgba(3,8,18,.3) 48%,rgba(3,8,18,.94) 82%,#050b18 100%)}
.news-grid article:first-child .news-date,.news-grid article:first-child h3,.news-grid article:first-child p{margin-left:22px;margin-right:22px}.news-grid article:first-child .news-date{margin-top:auto;margin-bottom:12px}.news-grid article:first-child h3{font-size:30px;line-height:.97;letter-spacing:-.045em;margin-top:0;margin-bottom:12px}.news-grid article:first-child p{font-size:14px;line-height:1.48;padding-bottom:22px;margin-top:0}
.news-date{font-size:10px}

.site-nav-section{padding-top:58px}.nav-cards{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px}.nav-card{min-height:150px;padding:18px;border-radius:20px;background:linear-gradient(155deg,rgba(14,28,54,.92),rgba(7,14,29,.92));border-color:rgba(122,164,232,.15)}.nav-card:nth-child(1),.nav-card:nth-child(4){grid-column:1/-1}.nav-card h3{font-size:18px;line-height:1.05}.nav-card p{min-height:0;font-size:12px;line-height:1.45}.nav-card span{font-size:12px}
.page-hero{padding-top:58px}.page-hero h1{font-size:48px;line-height:.9}.cards,.foot,.form-grid{grid-template-columns:1fr}.events article{grid-template-columns:1fr}.field.full{grid-column:auto}
}

@media(max-width:390px){.home-hero h1{font-size:52px}.brand:after{max-width:160px;font-size:10px}.news-grid article:first-child{flex-basis:90vw}.news-grid article{flex-basis:82vw}.nav-cards{grid-template-columns:1fr!important}.nav-card:nth-child(1),.nav-card:nth-child(4){grid-column:auto}}