:root{--header-h: 0px}html,body,#root{height:100%;width:100%;background-color:#000}.app-root{min-height:100%;max-width:100%;overflow-x:hidden;background:#0b0b0c;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";color:#fff;align-content:center;display:flex-end}.site-header{position:fixed;top:0;z-index:1000;height:var(--header-h);background:#000;color:#fff;border-bottom:1px solid #161616}.site-header__inner{max-width:1100px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.3px}.brand-mark{width:12px;height:12px;background:#0afe0a;border-radius:999px;display:inline-block}.brand-text{font-size:24px;font-weight:500}.nav{display:flex;gap:24px}.nav-link{color:#fff;text-decoration:none;font-size:14px;opacity:.9}.nav-link:hover{opacity:1;text-decoration:underline}.page{min-height:calc(100dvh - var(--header-h));display:flex-start;justify-content:center}.background{width:min(100%,1100px);background:#fff;box-shadow:0 6px 28px #00000059;border-radius:12px;color:#000;margin:auto}.main-content{padding:2rem 1.25rem 3rem}.page-head .title{margin:0 0 .25rem;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.15;color:#000}.page-head .subtitle,.subtitle{margin:.25rem 0 .5rem;color:#50555a;font-weight:300;font-size:clamp(.98rem,1.2vw,1.05rem)}.checkbox-label{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:.55rem .6rem;max-width:100%;font-size:.95rem;color:#222;margin:.5rem 0 .75rem}.checkbox-label input{margin-top:.35rem}.header-divider{border:none;border-top:1px solid #e8eaef;margin:1rem 0 1.25rem}.info-text{color:#333;line-height:1.5;margin:1rem 0}.privacy-details{font-size:.95rem;color:#222}video,canvas{max-width:100%;height:auto;display:block;object-fit:contain;border-radius:8px}*,*:before,*:after{box-sizing:border-box}.standardPage{display:flex;justify-content:center;align-items:center;min-height:calc(100dvh - var(--header-h));background:#000;padding:32px 20px}.standardCard{width:min(100%,1050px);background:#000;color:#fff;border-radius:12px;box-shadow:0 6px 20px #00000040;padding:32px;line-height:1.65}.consentButton{background-color:#0afe0a;color:#000;font-weight:700;padding:12px 24px;border-radius:8px;border:none;cursor:pointer;margin-top:1.5rem}.consentButton:hover{opacity:.9}.buttonRow{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.heroBtn{flex:1 1 auto;padding:.75rem 1.25rem;font-size:1rem;background:#0afe0a;border:none;border-radius:6px;color:#000;font-weight:600;min-width:120px;text-align:center;white-space:nowrap;cursor:pointer;overflow-x:auto}@media (max-width: 300px){.heroBtn{flex:1 1 45%;font-size:.9rem}.buttonRow{gap:10px}}html,body{margin:0;padding:0;scroll-behavior:smooth}main.page{padding-top:var(--header-h);min-height:calc(100vh - var(--header-h));overflow-x:hidden}.ctaDefault{padding:.75rem 1.6rem;border-radius:1000px;font-weight:500;font-size:1.15rem;text-decoration:none;transition:all .2s ease;white-space:nowrap;min-width:130px;text-align:center;background:#000;color:#00e600;border:2px solid #000}.ctaDefault:hover{background:#00e600;border:2px solid #00e600;color:#000}.gazeBtn{background:#111;border:2px solid #00e600;color:#00e600;font-size:.95rem;font-weight:600;border-radius:10px;padding:10px 18px;cursor:pointer;transition:all .25s ease;letter-spacing:.3px;position:relative}.gazeBtn:hover{background:#00e600;color:#000;box-shadow:0 0 14px #00e600a6;transform:translateY(-1px)}.gazeBtn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;border-color:#444}.gazeBtn[title]:hover:after{content:attr(title);position:absolute;top:110%;left:50%;transform:translate(-50%);white-space:nowrap;background:#000000d9;color:#0f6;font-size:.8rem;padding:4px 8px;border-radius:6px;z-index:9999;pointer-events:none}.gazeBtnRow{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:2000;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}@media (max-width: 768px){.ctaPrimary,.heroBtnActive{width:100%!important;text-align:center;margin-top:.5rem}}@media (min-width: 768px){.standardCard>div:last-child button{margin-top:0!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .6s ease-out}