*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:#0a0a0a;width:100%;height:100%;overflow-x:hidden}#root{width:100%;min-height:100vh}.landing{background:#0a0a0a;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.beam{background:linear-gradient(#fff9,#ffffff14 70%,#0000);width:1px;height:45%;animation:2s ease-out forwards beam-fade-in;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 15px 2px #ffffff0d,0 0 40px 4px #ffffff05}@keyframes beam-fade-in{0%{opacity:0;height:0}to{opacity:1;height:45%}}.grain{pointer-events:none;z-index:10;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;width:200%;height:200%;position:fixed;top:-50%;left:-50%}.content{z-index:5;text-align:center;padding:0 24px;animation:1.8s ease-out .5s both content-rise;position:relative}@keyframes content-rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.title{flex-direction:column;align-items:center;gap:4px;margin:0;line-height:1;display:flex}.title-top{letter-spacing:1.2em;text-transform:uppercase;color:#ffffff80;padding-left:1.2em;font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(14px,3vw,18px);font-weight:300}.title-bottom{letter-spacing:.25em;text-transform:uppercase;color:#fff;text-shadow:0 0 40px #ffffff1a,0 0 80px #ffffff0d;padding-left:.25em;font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(36px,10vw,80px);font-weight:700}.divider{background:#fff3;width:60px;height:1px;margin:32px auto;animation:1.5s ease-out 1.5s both divider-expand}@keyframes divider-expand{0%{opacity:0;width:0}to{opacity:1;width:60px}}.quote{color:#fff6;letter-spacing:.02em;max-width:500px;margin:0 auto;font-family:Georgia,Times New Roman,serif;font-size:clamp(14px,2.5vw,18px);font-style:italic;font-weight:400;line-height:1.6;animation:1.5s ease-out 2s both quote-fade}@keyframes quote-fade{0%{opacity:0}to{opacity:1}}.bottom-mark{z-index:5;animation:1.5s ease-out 2.5s both quote-fade;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.bottom-mark span{letter-spacing:.4em;text-transform:uppercase;color:#fff3;padding-left:.4em;font-family:Helvetica Neue,Arial,sans-serif;font-size:11px;font-weight:300}.content:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(#ffffff08 0%,#0000 70%);width:600px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}