.gate-wrapper{position:relative}.gate-content{transition:filter .6s var(--ease-out),max-height .6s var(--ease-out)}.gate-content.locked{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden}.gate-content.unlocking{filter:blur();overflow:hidden}.gate-content.unlocked{filter:none;overflow:visible}.gate-gradient-fade{background:linear-gradient(to top,var(--color-bg-deep)0%,transparent 100%);pointer-events:none;z-index:1;height:160px;transition:opacity .4s var(--ease-out);position:absolute;bottom:0;left:0;right:0}.gate-gradient-fade.hidden{opacity:0}.gate-overlay{z-index:2;padding:var(--space-6);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out);justify-content:center;display:flex;position:absolute;bottom:0;left:0;right:0}.gate-overlay.hidden{opacity:0;pointer-events:none;transform:translateY(10px)}.gate-card{width:100%;max-width:420px;padding:var(--space-8);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-2xl);text-align:center;transform-style:preserve-3d;will-change:transform;background:#111111eb;transition:transform .3s ease-out;position:relative;overflow:hidden}.gate-card:before{content:"";pointer-events:none;background:radial-gradient(at top,#00e5ff14 0%,#0000 70%);height:160px;position:absolute;top:0;left:0;right:0}.gate-card:after{content:"";border-radius:var(--radius-2xl);-webkit-mask-composite:xor;pointer-events:none;opacity:.5;background:linear-gradient(135deg,#00e5ff26 0%,#0000 40% 60%,#00e5ff26 100%);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.gate-lock-icon{width:56px;height:56px;margin:0 auto var(--space-4);border-radius:var(--radius-full);color:var(--color-cyan-400);background:#00e5ff14;border:1px solid #00e5ff26;justify-content:center;align-items:center;display:flex;position:relative}.gate-headline{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2);position:relative}.gate-subheadline{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);position:relative}.gate-form{gap:var(--space-3);flex-direction:column;display:flex;position:relative}.gate-input{width:100%;padding:var(--space-3)var(--space-4);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--duration-fast)var(--ease-out);outline:none;font-family:inherit}.gate-input:focus{border-color:var(--color-cyan-400);box-shadow:0 0 0 3px var(--color-cyan-glow)}.gate-input::placeholder{color:var(--color-text-muted)}.gate-privacy{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2);position:relative}.gate-error{font-size:var(--text-xs);color:var(--color-error);position:relative}@media (max-width:768px){.gate-card{padding:var(--space-6)}}