*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0a0a0a;--color-surface: #111;--color-border: #222;--color-text: #e5e5e5;--color-text-muted: #666;--color-icon: #d9d9d9}html,body,#root{height:100%;width:100%}body{font-family:Montserrat,sans-serif;background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}::selection{background:#fff;color:#0a0a0a}.landing{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;position:relative;overflow:hidden}.landing:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);width:600px;height:600px;background:radial-gradient(circle,rgba(217,217,217,.03) 0%,transparent 70%);pointer-events:none}.logo-container{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:2.5rem}.logo{width:80px;height:80px;opacity:0;animation:fadeIn 1.2s ease-out forwards}@media(min-width:768px){.logo{width:100px;height:100px}}.title{font-size:2.2rem;font-weight:300;letter-spacing:.45em;color:var(--color-text);text-transform:uppercase;opacity:0;animation:fadeIn 1.2s ease-out .3s forwards;padding-left:.45em}@media(min-width:768px){.title{font-size:3rem;letter-spacing:.5em;padding-left:.5em}}.divider{width:60px;height:1px;background:var(--color-border);margin:1.5rem 0;opacity:0;animation:fadeIn 1.2s ease-out .6s forwards,expandWidth 1.2s ease-out .6s forwards}@keyframes expandWidth{0%{width:0}to{width:60px}}.subtitle{font-size:.7rem;font-weight:400;letter-spacing:.3em;color:var(--color-text-muted);text-transform:uppercase;opacity:0;animation:fadeIn 1.2s ease-out .8s forwards;padding-left:.3em}@media(min-width:768px){.subtitle{font-size:.75rem}}.grid-overlay{position:absolute;inset:0;pointer-events:none;opacity:.03;background-image:linear-gradient(rgba(217,217,217,1) 1px,transparent 1px),linear-gradient(90deg,rgba(217,217,217,1) 1px,transparent 1px);background-size:80px 80px}.corner{position:absolute;width:24px;height:24px;border-color:var(--color-border);opacity:0;animation:fadeIn 2s ease-out 1s forwards}.corner--tl{top:24px;left:24px;border-top:1px solid;border-left:1px solid}.corner--tr{top:24px;right:24px;border-top:1px solid;border-right:1px solid}.corner--bl{bottom:24px;left:24px;border-bottom:1px solid;border-left:1px solid}.corner--br{bottom:24px;right:24px;border-bottom:1px solid;border-right:1px solid}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.corner{animation:cornerFade 2s ease-out 1s forwards}@keyframes cornerFade{0%{opacity:0}to{opacity:1}}.divider{animation:fadeIn 1.2s ease-out .6s forwards,expandWidth 1.2s ease-out .6s forwards}