:root{color-scheme:dark;--bg:#05090c;--white:#f7f9fa;--cyan:#04cef9;--mint:#05f5de;font-family:Inter,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);margin:0;min-height:100vh;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 6px,rgba(255,255,255,.012) 7px);opacity:.4}.ambient{position:absolute;pointer-events:none;filter:blur(65px);border-radius:50%;z-index:0}.ambient-right{right:-18vw;top:-24vw;width:56vw;height:56vw;background:radial-gradient(circle,rgba(4,206,249,.18),rgba(4,206,249,.06) 38%,transparent 69%)}.ambient-left{left:-29vw;top:29vh;width:59vw;height:54vw;background:radial-gradient(ellipse,rgba(5,245,222,.14),rgba(4,206,249,.06) 35%,transparent 72%)}.orbit{position:absolute;top:-270px;right:-335px;width:530px;height:530px;border:2px solid rgba(4,206,249,.4);border-radius:50%;box-shadow:0 0 30px rgba(4,206,249,.24),0 0 70px rgba(4,206,249,.14);pointer-events:none}main,footer{position:relative;z-index:1}.hero{min-height:690px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:84px 24px 92px}.logo{display:block;object-fit:contain;width:236px;height:auto;margin-bottom:70px}.hero h1{font-size:clamp(2.95rem,6.85vw,6rem);line-height:1.06;letter-spacing:-.065em;font-weight:800;max-width:1040px;text-wrap:balance;margin:0}.period{color:var(--white)}.accent-line{height:4px;width:74px;border-radius:4px;background:linear-gradient(90deg,var(--mint),var(--cyan));margin:38px 0 28px}.hero p{font-size:clamp(1.15rem,2.18vw,2.05rem);color:#d7dbe0;line-height:1.35;margin:0 0 39px;letter-spacing:-.025em}.join{display:flex;align-items:center;justify-content:center;gap:20px;padding:18px 30px;min-width:300px;background:linear-gradient(96deg,var(--mint),var(--cyan));color:#041016;text-decoration:none;font-size:1.28rem;font-weight:750;border-radius:999px;box-shadow:0 12px 48px rgba(3,220,245,.13);transition:transform .2s,box-shadow .2s}.join:hover,.join:focus-visible{transform:translateY(-3px);box-shadow:0 14px 58px rgba(3,220,245,.3);outline:none}.clips{width:min(1250px,calc(100% - 64px));margin:0 auto 120px}.clip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.clip{position:relative;display:block;aspect-ratio:1.55;overflow:hidden;border:1px solid #2a3036;border-radius:14px;padding:0;background:#10151b;cursor:pointer;color:white;text-align:left}.clip img{display:block;width:100%;height:100%;object-fit:cover;opacity:.75;transition:transform .4s,opacity .4s}.clip:hover img{transform:scale(1.04);opacity:.95}.clip:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.clip::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.5))}.play{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:49px;display:grid;place-items:center;padding-left:3px;font-size:20px;background:rgba(1,5,7,.78);border:1px solid rgba(255,255,255,.4);border-radius:12px}.clip-label{position:absolute;bottom:14px;left:17px;z-index:2;font-size:11px;letter-spacing:.17em;font-weight:700;text-shadow:0 2px 7px black}footer{min-height:135px;max-width:1250px;display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:0 16px;color:#939ba4;font-size:12px;letter-spacing:.24em}.dash-footer{display:inline-block;height:1px;width:30px;margin:0 13px;vertical-align:middle;background:#8b949a}dialog{border:1px solid #253540;border-radius:18px;background:#090f13;color:white;width:min(920px,calc(100vw - 28px));padding:16px}dialog::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(10px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:0 0 15px;font-size:12px;letter-spacing:.12em;color:#a0adb8}.dialog-head button{border:0;background:transparent;color:white;font:inherit;font-size:16px;cursor:pointer}.player{aspect-ratio:16/9}.player iframe{border:0;width:100%;height:100%}@media(max-width:800px){.hero{min-height:680px;padding-top:90px}.logo{width:180px;margin-bottom:90px}.hero h1{max-width:670px;font-size:clamp(2.75rem,8vw,4.5rem)}.clips{width:calc(100% - 32px);margin-bottom:80px}.clip-grid{gap:10px}.clip{aspect-ratio:1/1.1}.clip-label{font-size:9px;letter-spacing:.08em;left:10px}.play{width:52px;height:39px;font-size:15px}}@media(max-width:620px){.orbit{right:-400px}.hero{padding:78px 22px 74px;min-height:660px}.logo{width:165px;margin-bottom:102px}.hero h1{font-size:clamp(2.75rem,11vw,4.15rem);letter-spacing:-.055em;line-height:1.08}.desktop-break{display:none}.accent-line{width:56px;height:3px;margin:29px 0 26px}.hero p{font-size:1.25rem;margin-bottom:32px;max-width:290px}.join{min-width:0;width:min(100%,286px);font-size:1.1rem;padding:17px 24px}.clips{width:calc(100% - 32px);margin-bottom:45px}.clip-grid{grid-template-columns:1fr;gap:14px}.clip{aspect-ratio:16/9;border-radius:12px}.clip-label{font-size:11px;left:15px;letter-spacing:.15em}footer{flex-direction:column;gap:16px;justify-content:center;min-height:110px;font-size:10px}.ambient-left{width:120vw;height:120vw;left:-70vw}.ambient-right{width:120vw;height:120vw;right:-66vw;top:-45vw}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Instagram gallery */
.instagram{width:min(1200px,calc(100% - 48px));margin:0 auto 100px}
.instagram-header{display:flex;align-items:center;justify-content:space-between;margin:0 2px 20px;color:#9ba6ae}
.instagram-handle{font-size:12px;font-weight:700;letter-spacing:.24em}
.instagram-profile{color:#82eafa;text-decoration:none;font-size:12px;letter-spacing:.16em;transition:color .2s}
.instagram-profile:hover{color:#fff}
.instagram-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.instagram-card{min-width:0;overflow:hidden;border:1px solid #1d323b;background:rgba(13,22,27,.83);border-radius:15px;box-shadow:0 7px 35px rgba(0,0,0,.17)}
.instagram-card iframe{display:block;width:100%;height:540px;border:0;background:#fafafa}
.instagram-card>a{display:flex;align-items:center;justify-content:center;padding:14px 8px;color:#a6e9f0;text-decoration:none;font-size:12px;letter-spacing:.02em}
.instagram-card>a:hover{color:#fff;text-decoration:underline}
@media(max-width:800px){.instagram{width:calc(100% - 32px);margin-bottom:75px}.instagram-grid{gap:10px}.instagram-card iframe{height:480px}}
@media(max-width:640px){.instagram-header{margin:0 4px 16px}.instagram-grid{grid-template-columns:1fr;gap:16px;max-width:430px;margin:0 auto}.instagram-card iframe{height:560px}.instagram{margin-bottom:50px}}
@media(prefers-reduced-motion:reduce){.instagram-profile{transition:none}}

/* Quiet randomized Instagram rotation */
.instagram-card{transition:opacity .3s ease,transform .3s ease}
.instagram-card.is-changing{opacity:0;transform:translateY(8px)}
.instagram-card.is-appearing{opacity:0;transform:translateY(8px)}
@media(prefers-reduced-motion:reduce){.instagram-card{transition:none}}

/* Keep the official Instagram reels, but crop the platform's internal scrollbar. */
.instagram-frame-shell{width:100%;overflow:hidden;background:#fff;position:relative}
.instagram-frame-shell iframe{display:block;width:calc(100% + 20px);max-width:none;height:540px;margin:0;border:0;background:#fff}
.instagram-card{transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1),filter .65s ease;will-change:opacity,transform}
.instagram-card.is-changing,.instagram-card.is-appearing{opacity:0;transform:translateY(16px) scale(.975);filter:blur(5px)}
@media(max-width:800px){.instagram-frame-shell iframe{height:480px}}
@media(max-width:640px){.instagram-frame-shell iframe{height:560px}}
@media(prefers-reduced-motion:reduce){.instagram-card{transition:none;will-change:auto}}

/* UGC registration — same visual identity as the home page */
.registration-page{min-height:100vh}
.registration-topbar{max-width:1130px;margin:auto;padding:30px 24px 0;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}
.registration-brand{display:block;width:118px}
.registration-brand img{display:block;width:100%;height:auto}
.registration-back{font-size:13px;color:#9db3bd;text-decoration:none;letter-spacing:.04em;transition:color .2s}
.registration-back:hover,.registration-back:focus-visible{color:#05f5de}
.registration-main{width:min(100%,940px);margin:0 auto;padding:60px 22px 44px}
.registration-intro{text-align:center;max-width:780px;margin:0 auto 36px}
.registration-eyebrow{display:block;font-size:11px;color:#05f5de;font-weight:650;letter-spacing:.22em;margin-bottom:23px}
.registration-intro h1{font-size:clamp(2.2rem,5.2vw,4.65rem);font-weight:790;letter-spacing:-.055em;line-height:1.08;margin:0 0 18px}
.registration-intro p{font-size:clamp(1.1rem,1.8vw,1.35rem);margin:0;color:#a8bbc2}
.registration-form-wrap{width:min(100%,770px);margin:0 auto;padding:12px;background:#f6f7f8;border:1px solid rgba(4,206,249,.2);border-radius:22px;box-shadow:0 12px 80px rgba(1,17,26,.45);overflow:hidden}
.registration-form-wrap iframe{display:block;width:100%;height:1120px;min-height:720px;border:0;border-radius:12px;background:#fff}
.registration-fallback{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;text-align:center;font-size:13px;color:#95a4ac;margin:22px 10px 0}
.registration-fallback a{color:#05ddeb;text-decoration:underline;text-underline-offset:3px}
.registration-footer{max-width:1140px}
@media(max-width:650px){.registration-topbar{padding:25px 22px 0}.registration-brand{width:105px}.registration-main{padding:57px 12px 32px}.registration-intro{padding:0 12px;margin-bottom:30px}.registration-intro h1{font-size:clamp(2.05rem,9vw,3.1rem)}.registration-form-wrap{padding:0;border-radius:15px}.registration-form-wrap iframe{height:1180px;border-radius:15px}.registration-fallback{font-size:12px;line-height:1.5}}
