*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;height:100vh;overflow:hidden;background:linear-gradient(135deg,#0a2540,#1a4d7a,#0a2540);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:background .5s ease}body.dark-theme{background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0a0a0a)}body.dark-theme .logo{color:#fff}body.dark-theme .tagline{color:#ffffffb3}body.dark-theme .cta-button{background:transparent;color:#fff;border-color:#ffffff80}body.dark-theme .cta-button:before{background:#fff}body.dark-theme .cta-button:hover{color:#0a0a0a;border-color:#fff}body.dark-theme .footer{color:#fff6}body.dark-theme:before{background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.02) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.01) 0%,transparent 50%)}body.dark-theme:after{background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.005) 2px,rgba(255,255,255,.005) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.005) 2px,rgba(255,255,255,.005) 4px)}body.dark-theme .theme-toggle #moon-icon path{fill:#ffffffb3}body.dark-theme .theme-toggle #sun-icon circle,body.dark-theme .theme-toggle #sun-icon line{stroke:#ffffffb3}body.dark-theme .theme-toggle:hover #moon-icon path{fill:#fff}body.dark-theme .theme-toggle:hover #sun-icon circle,body.dark-theme .theme-toggle:hover #sun-icon line{stroke:#fff}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.02) 0%,transparent 50%);pointer-events:none;transition:background-image .5s ease}body:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.01) 2px,rgba(255,255,255,.01) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.01) 2px,rgba(255,255,255,.01) 4px);pointer-events:none;transition:background-image .5s ease}.app-showcase{position:absolute;top:2rem;left:2rem;z-index:10;font-family:Arial,sans-serif}.app-label{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;margin-bottom:.25rem;transition:color .5s ease}body.dark-theme .app-label{color:#ffffff80}.app-name{font-size:1.5rem;font-weight:700;letter-spacing:.05em;color:#ffffffe6;font-family:Arial Black,Arial Bold,sans-serif;transition:color .5s ease;min-height:2rem}body.dark-theme .app-name{color:#ffffffe6}.app-name span{display:inline-block;animation:rollIn .3s ease-out forwards;opacity:0}@keyframes rollIn{0%{opacity:0;transform:translateY(-20px) rotateX(-90deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.theme-toggle{position:absolute;top:2rem;right:2rem;background:transparent;border:none;cursor:pointer;z-index:10;padding:.5rem;transition:all .3s ease}.theme-toggle svg{width:24px;height:24px;transition:all .3s ease}.theme-toggle #moon-icon path{fill:#ffffffb3}.theme-toggle #sun-icon circle,.theme-toggle #sun-icon line{stroke:#ffffffb3}.theme-toggle:hover #moon-icon path{fill:#fff}.theme-toggle:hover #sun-icon circle,.theme-toggle:hover #sun-icon line{stroke:#fff}.theme-toggle:hover svg{transform:scale(1.1)}.theme-toggle:hover{transform:scale(1.1)}.container{position:relative;z-index:1;text-align:center;padding:2rem}.logo{font-size:clamp(3rem,8vw,6rem);font-weight:900;letter-spacing:-.02em;color:#fff;margin-bottom:1rem;text-transform:uppercase;font-family:Arial Black,Arial Bold,sans-serif;line-height:1;transition:color .5s ease}.tagline{font-size:clamp(1rem,2vw,1.5rem);color:#ffffffd9;font-weight:300;letter-spacing:.15em;text-transform:uppercase;margin-bottom:3rem;font-family:Arial,sans-serif;transition:color .5s ease}.cta-button{display:inline-block;padding:1.2rem 3rem;background:transparent;color:#fff;text-decoration:none;font-size:1.1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:2px solid rgba(255,255,255,.5);transition:all .4s ease;cursor:pointer;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff;transition:left .4s ease;z-index:-1}.cta-button:hover{color:#0a2540;border-color:#fff}.cta-button:hover:before{left:0}.footer{position:absolute;bottom:2rem;left:0;right:0;text-align:center;color:#ffffff80;font-size:.75rem;letter-spacing:.05em;z-index:1;transition:color .5s ease}.footer p{margin:.25rem 0}@media (max-width: 768px){.logo{font-size:2.5rem}.tagline{font-size:.9rem;margin-bottom:2rem}.cta-button{padding:1rem 2rem;font-size:1rem}.footer{bottom:1rem;font-size:.65rem}.theme-toggle{top:1rem;right:1rem;font-size:1.2rem}.app-showcase{top:1rem;left:1rem}.app-label{font-size:.65rem}.app-name{font-size:1.2rem}}