.landing-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#000;position:relative;overflow:hidden}.landing-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,hsla(0,0%,100%,.03) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,69,19,.05) 0,transparent 50%);pointer-events:none;animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.landing-content{text-align:center;color:#fff;animation:fadeIn .8s ease-in;position:relative;z-index:1;max-width:700px;padding:0 20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.title{font-size:6rem;font-weight:900;margin-bottom:.5rem;line-height:1;text-transform:uppercase;background:linear-gradient(180deg,#fff,hsla(0,0%,100%,.9) 50%,hsla(0,0%,100%,.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px hsla(0,0%,100%,.3);font-style:italic;transform:skewX(-5deg)}.subtitle,.title{letter-spacing:.2em}.subtitle{font-size:1rem;margin-bottom:4rem;opacity:.6;font-weight:300;text-transform:uppercase}.name-input-section{background:transparent;border-bottom:1px solid hsla(0,0%,100%,.2);padding:1rem 0 .5rem;margin-bottom:2rem;transition:all .3s ease}.name-input-section:focus-within{border-bottom-color:#fff}.name-label{display:block;font-size:.75rem;font-weight:700;margin-bottom:1rem;letter-spacing:.2em;opacity:.7}.name-input,.name-label{color:#fff;text-transform:uppercase}.name-input{width:100%;padding:12px 0;font-size:1.1rem;border:none;background:transparent;font-weight:400;transition:all .3s ease;box-sizing:border-box;letter-spacing:.05em}.name-input:focus{outline:none}.name-input::placeholder{color:hsla(0,0%,100%,.3);text-transform:none;font-weight:300}.error-message{font-size:.75rem;margin-top:.75rem;letter-spacing:.1em;opacity:.8}.begin-button,.error-message{color:#fff;font-weight:700;text-transform:uppercase}.begin-button{background:transparent;padding:18px 60px;font-size:.875rem;border:1px solid #fff;border-radius:0;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.2em;cursor:pointer;position:relative;overflow:hidden}.begin-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff;transition:left .3s ease;z-index:-1}.begin-button:hover:not(:disabled){color:#000;transform:translateY(-2px);box-shadow:0 4px 20px hsla(0,0%,100%,.2)}.begin-button:hover:not(:disabled):before{left:0}.begin-button:active:not(:disabled){transform:translateY(0)}.begin-button:disabled{opacity:.2;cursor:not-allowed}@media (max-width:768px){.title{font-size:3.5rem;letter-spacing:.15em}.subtitle{font-size:.875rem}.begin-button{padding:16px 40px;font-size:.75rem}}