*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #1a1a1a;--text-color: #ffffff;--text-secondary: #b3b3b3}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);overflow:hidden}.landing-container{height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.content{text-align:center;animation:fadeInUp 1s ease-out}.logo h1{font-size:clamp(4rem,12vw,8rem);font-weight:700;letter-spacing:.1em;margin-bottom:2rem;display:inline-block;position:relative;white-space:nowrap}.letter{display:inline-block;color:#fff;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transform:scale(0) rotateY(180deg);transform-origin:center;position:relative;animation:letterAppear .8s cubic-bezier(.68,-.55,.265,1.55) forwards}@supports not (-webkit-background-clip: text){.letter{-webkit-text-fill-color:initial;color:#fff}}.letter:nth-child(1){animation-delay:.5s}.letter:nth-child(2){animation-delay:.7s}.letter:nth-child(3){animation-delay:.9s}.letter:nth-child(4){animation-delay:1.1s}.letter:nth-child(5){animation-delay:1.3s}.cursor{display:inline-block;color:#0f8;font-weight:300;animation:cursorBlink 1s infinite,cursorAppear .5s ease-out 1.8s forwards;opacity:0;text-shadow:0 0 10px #00ff88}.letter:hover{transform:scale(1.1) rotateY(0);text-shadow:0 0 20px rgba(255,255,255,.8);transition:all .3s ease}.slogan p{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:300;color:var(--text-secondary);letter-spacing:.05em;opacity:0;transform:translateY(20px);animation:sloganAppear 1s ease-out 2.2s forwards}@keyframes sloganAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes letterAppear{0%{opacity:0;transform:scale(0) rotateY(180deg) translateY(50px);filter:blur(10px)}50%{opacity:.8;transform:scale(1.2) rotateY(90deg) translateY(-10px);filter:blur(2px)}80%{opacity:1;transform:scale(.95) rotateY(10deg) translateY(0);filter:blur(0);text-shadow:0 0 15px rgba(255,255,255,.6)}to{opacity:1;transform:scale(1) rotateY(0) translateY(0);filter:blur(0);text-shadow:0 0 8px rgba(255,255,255,.3)}}@keyframes cursorBlink{0%,50%{opacity:1;text-shadow:0 0 10px #00ff88}51%,to{opacity:0;text-shadow:none}}@keyframes cursorAppear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes letterPulse{0%{text-shadow:0 0 8px rgba(255,255,255,.3)}50%{text-shadow:0 0 20px rgba(255,255,255,.8),0 0 30px rgba(255,255,255,.4)}to{text-shadow:0 0 8px rgba(255,255,255,.3)}}@media (max-width: 768px){.content{padding:0 1rem}.logo h1{margin-bottom:1.5rem}}@media (max-width: 480px){.logo h1{margin-bottom:1rem}}