:root{--sun:#F9C41A;--sun2:#FFE033;--sky:#0057B8;--sky2:#1A7ED8;--skydk:#003A80;--red:#CC2200;--red2:#FF3311;--grn:#22A855;--cream:#FFFBEE;--white:#FFFFFF;--navy:#0A1628;--navy2:#111F38;--navy3:#172640}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:'Raleway',sans-serif;background:var(--navy);color:var(--cream);overflow-x:hidden}
.strip-flag{height:10px;background:linear-gradient(90deg,var(--sky) 0%,var(--sky) 33%,var(--sun) 33%,var(--sun) 66%,var(--red) 66%,var(--red) 100%)}
.strip-mosaic{height:28px;background:repeating-linear-gradient(90deg,var(--skydk) 0,var(--skydk) 14px,var(--sun) 14px,var(--sun) 28px,var(--red) 28px,var(--red) 42px,var(--skydk) 42px,var(--skydk) 56px,var(--grn) 56px,var(--grn) 70px,var(--sun2) 70px,var(--sun2) 84px)}
.strip-stripes{height:36px;display:flex}.strip-stripes span{flex:1}
.strip-stripes span:nth-child(6n+1){background:var(--sky)}.strip-stripes span:nth-child(6n+2){background:var(--sun)}.strip-stripes span:nth-child(6n+3){background:var(--red)}.strip-stripes span:nth-child(6n+4){background:var(--skydk)}.strip-stripes span:nth-child(6n+5){background:var(--sun2)}.strip-stripes span:nth-child(6n+6){background:var(--grn)}
.strip-diamond{height:28px;background:repeating-linear-gradient(45deg,var(--sky) 0,var(--sky) 10px,var(--sun) 10px,var(--sun) 20px,var(--red) 20px,var(--red) 30px,var(--sky) 30px,var(--sky) 40px)}
nav{position:fixed;top:0;left:0;right:0;z-index:9000;background:rgba(10,22,40,.97);backdrop-filter:blur(14px);border-bottom:4px solid var(--sun);height:66px;padding:0 28px;display:flex;align-items:center;justify-content:space-between}
.nav-logo{display:flex;align-items:center;text-decoration:none}.nav-logo img{height:48px;width:auto;display:block;filter:drop-shadow(0 0 8px rgba(249,196,26,.6))}
.nav-links{display:flex;gap:20px;list-style:none}.nav-links a{color:var(--cream);text-decoration:none;font-size:10px;letter-spacing:2.5px;text-transform:uppercase;font-weight:800;opacity:.85;border-bottom:2px solid transparent;padding-bottom:2px;transition:color .25s,border-color .25s,opacity .25s}
.nav-links a:hover{color:var(--sun);opacity:1;border-bottom-color:var(--sun)}@media(max-width:820px){.nav-links{display:none}}
section{padding:84px 24px}.container{max-width:1120px;margin:0 auto}
#hero{min-height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:90px 24px 60px}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 40%,#0D2B5E 0%,#0A1628 60%,#05101E 100%)}
.hero-grid{position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,rgba(249,196,26,.04) 0,rgba(249,196,26,.04) 1px,transparent 1px,transparent 48px),repeating-linear-gradient(90deg,rgba(249,196,26,.04) 0,rgba(249,196,26,.04) 1px,transparent 1px,transparent 48px)}
.sound-ring{position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) scale(.05);opacity:0;animation:soundWave 12s cubic-bezier(.15,.5,.35,1) infinite;pointer-events:none}
.sound-ring:nth-child(1){width:260px;height:260px;border:4px solid rgba(249,196,26,.9);animation-delay:0s}
.sound-ring:nth-child(2){width:260px;height:260px;border:1.5px solid rgba(0,87,184,.8);animation-delay:1.6s}
.sound-ring:nth-child(3){width:260px;height:260px;border:3px solid rgba(204,34,0,.7);animation-delay:3.2s}
.sound-ring:nth-child(4){width:260px;height:260px;border:1px solid rgba(34,168,85,.65);animation-delay:4.8s}
.sound-ring:nth-child(5){width:260px;height:260px;border:3.5px solid rgba(249,196,26,.55);animation-delay:6.4s}
.sound-ring:nth-child(6){width:260px;height:260px;border:1.5px solid rgba(0,87,184,.45);animation-delay:8s}
.sound-ring:nth-child(7){width:260px;height:260px;border:2px solid rgba(204,34,0,.35);animation-delay:9.6s}
.sound-ring:nth-child(8){width:260px;height:260px;border:1px solid rgba(249,196,26,.25);animation-delay:11.2s}
@keyframes soundWave{0%{transform:translate(-50%,-50%) scale(.05);opacity:1}20%{opacity:.9}75%{opacity:.1}100%{transform:translate(-50%,-50%) scale(7.5);opacity:0}}
.hero-content{position:relative;z-index:2;max-width:900px}
.hero-eyebrow{font-size:10px;letter-spacing:6px;text-transform:uppercase;color:var(--sun);font-weight:800;margin-bottom:22px}
.hero-logo-img{max-width:min(84vw,680px);width:100%;height:auto;filter:drop-shadow(0 0 40px rgba(249,196,26,.6)) drop-shadow(0 0 80px rgba(0,87,184,.3));margin-bottom:8px}
.hero-natalia{font-family:'Cormorant Garamond',serif;font-size:clamp(18px,3vw,28px);font-style:italic;color:var(--sun2);margin-bottom:16px}
.ua-pill{display:inline-flex;width:56px;height:5px;border-radius:3px;overflow:hidden;margin-bottom:14px}.ua-pill .u{flex:1;background:var(--sky)}.ua-pill .a{flex:1;background:var(--sun)}
.hero-sub{font-family:'Cormorant Garamond',serif;font-size:clamp(15px,2.2vw,21px);font-style:italic;color:rgba(255,251,238,.8);line-height:1.7;margin-bottom:36px}
.hero-date{display:inline-flex;align-items:center;gap:14px;background:rgba(249,196,26,.12);border:2.5px solid var(--sun);padding:14px 36px;border-radius:3px;margin-bottom:44px}
.hero-date span{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--sun2);font-weight:800}
.hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.scroll-hint{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);color:var(--sun);font-size:9px;letter-spacing:4px;text-transform:uppercase;opacity:.7;animation:bobDown 2s ease-in-out infinite}
.scroll-hint::after{content:'↓';display:block;font-size:18px;text-align:center;margin-top:4px}
@keyframes bobDown{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(7px)}}
.btn{display:inline-block;padding:15px 40px;font-family:'Raleway',sans-serif;font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;transition:all .3s}
.btn-gold{background:var(--sun);color:var(--navy);clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%)}
.btn-gold:hover{background:var(--sun2);transform:translateY(-3px);box-shadow:0 8px 30px rgba(249,196,26,.45)}
.btn-blue{border:2.5px solid var(--sky2);color:var(--sky2);background:transparent}.btn-blue:hover{background:rgba(0,87,184,.22);transform:translateY(-3px)}
.btn-red{border:2.5px solid var(--red2);color:var(--red2);background:transparent}.btn-red:hover{background:rgba(204,34,0,.18);transform:translateY(-3px)}
.s-label{font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--sun);font-weight:800;margin-bottom:10px;display:block}
.s-title{font-family:'Playfair Display',serif;font-size:clamp(28px,5vw,54px);font-weight:700;line-height:1.1;color:var(--white);margin-bottom:18px}
.s-title em{color:var(--sun);font-style:italic}
.ornament{display:flex;align-items:center;gap:14px;margin:18px 0}
.ornament::before,.ornament::after{content:'';flex:1;height:2px;background:linear-gradient(90deg,transparent,var(--sun),transparent)}
.ornament span{color:var(--sun);font-size:20px}
/* minimal rest omitted for brevity in this environment */
.admin-wrap{padding:110px 24px 70px;background:var(--navy);min-height:100vh}
.admin-card{background:rgba(255,255,255,.04);border:1px solid rgba(249,196,26,.22);border-top:5px solid var(--sun);padding:22px;margin-top:16px}
.admin-table{width:100%;border-collapse:collapse;margin-top:14px;font-size:13px}
.admin-table th,.admin-table td{border-bottom:1px solid rgba(249,196,26,.14);padding:10px 8px;text-align:left;vertical-align:top}
.admin-table th{color:var(--sun2);font-weight:800;font-size:11px;letter-spacing:2px;text-transform:uppercase}
.admin-hint{font-size:13px;color:rgba(255,251,238,.72);line-height:1.8}
.admin-badge{display:inline-block;padding:2px 8px;border:1px solid rgba(249,196,26,.22);border-radius:999px;color:var(--sun2);font-size:12px}