@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Barlow:wght@300;400;500&family=Space+Mono&display=swap");:root{--gate-primary:#111827;--gate-panel:rgba(15,21,31,0.78);--gate-text:#e3e8f1;--gate-muted:rgba(227,232,241,0.68);--gate-soft:rgba(227,232,241,0.12);--gate-accent:#e6b56e;--gate-danger:#e57373;--gate-heading:"Rajdhani",sans-serif;--gate-body:"Barlow",sans-serif;--gate-mono:"Space Mono",monospace}*{box-sizing:border-box}body{margin:0;background:var(--gate-primary)}.access-gate-shell{min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden;padding:32px;color:var(--gate-text);font-family:var(--gate-body)}.access-gate-shell:after{content:"";position:fixed;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.03) 0,rgba(0,0,0,.03) 4px)}.access-gate-bg{position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,16,26,.98),rgba(11,16,26,.34),rgba(11,16,26,.92)),radial-gradient(ellipse at center,rgba(230,181,110,.16),transparent 58%),url(/Bilder/Hero-Bild\ 169.jpg),linear-gradient(155deg,#0f151f,#1b2230 55%,#111827);background-size:cover,cover,cover,cover;background-position:50%;transform:scale(1.04);animation:gateDrift 18s ease-in-out infinite alternate}.access-gate-grid{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(230,181,110,.08) 1px,transparent 0);background-size:44px 44px;opacity:.72}.access-gate-panel{width:min(100%,520px);position:relative;z-index:4;padding:clamp(28px,6vw,48px);background:var(--gate-panel);border:1px solid rgba(230,181,110,.22);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));box-shadow:0 26px 80px rgba(0,0,0,.38);backdrop-filter:blur(14px)}.access-gate-panel:after,.access-gate-panel:before{content:"";position:absolute;width:34px;height:34px;pointer-events:none;border-color:var(--gate-accent);opacity:.62}.access-gate-panel:before{top:14px;left:14px;border-top:1px solid;border-left:1px solid}.access-gate-panel:after{right:14px;bottom:14px;border-right:1px solid;border-bottom:1px solid}.access-gate-label{display:block;margin-bottom:14px;color:var(--gate-accent);font-family:var(--gate-mono);font-size:.62rem;letter-spacing:.32em;text-transform:uppercase}.access-gate-panel h1{margin:0;color:var(--gate-text);font-family:var(--gate-heading);font-size:clamp(3rem,10vw,5.4rem);line-height:.9;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.access-gate-copy{margin:20px 0 30px;max-width:34rem;color:var(--gate-muted);font-size:1rem;line-height:1.7}.access-gate-form{display:grid;gap:12px}.access-gate-form label{color:var(--gate-accent);font-family:var(--gate-mono);font-size:.62rem;letter-spacing:.28em;text-transform:uppercase}.access-gate-form input{width:100%;min-height:52px;padding:0 16px;color:var(--gate-text);background:rgba(11,16,26,.72);border:1px solid var(--gate-soft);border-bottom:1px solid rgba(230,181,110,.35);outline:none;font:500 1rem var(--gate-body);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}.access-gate-form input:focus{border-color:rgba(230,181,110,.68);box-shadow:inset 0 0 0 1px rgba(230,181,110,.1)}.access-gate-form input::-moz-placeholder{color:rgba(227,232,241,.28)}.access-gate-form input::placeholder{color:rgba(227,232,241,.28)}.access-gate-error{margin:0;color:var(--gate-danger);font-family:var(--gate-mono);font-size:.72rem;letter-spacing:.04em}.access-gate-form button{min-height:54px;margin-top:8px;color:var(--gate-accent);background:transparent;border:1px solid var(--gate-accent);font:700 .78rem var(--gate-heading);letter-spacing:.28em;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));transition:background .18s ease,color .18s ease}.access-gate-form button:focus-visible,.access-gate-form button:hover{color:#111827;background:var(--gate-accent)}@keyframes gateDrift{0%{transform:scale(1.04) translate3d(-10px,0,0)}to{transform:scale(1.08) translate3d(10px,-8px,0)}}@media (max-width:640px){.access-gate-shell{padding:18px}.access-gate-panel{padding:28px 22px}}