.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity .5s ease-out}.loading-screen.fade-out{opacity:0;pointer-events:none}.spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-header{position:fixed;top:0;left:0;width:100%;padding:1rem 2rem;box-sizing:border-box;z-index:1000;opacity:0}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.header-left,.header-right{flex:1}.header-right{display:flex;justify-content:flex-end}.header-center{flex-shrink:0}.header-brand-name{font-family:var(--heading-font);font-size:1.5rem;font-weight:700;color:var(--text-light)}.header-logo{height:40px}.store-buttons-container{display:flex;gap:.75rem}.intro-section{height:100vh;position:relative;overflow:hidden;color:var(--text-light);isolation:isolate}.background-video{position:absolute;top:0;left:0;width:100%;height:100%;min-width:100%;min-height:100%;object-fit:cover;z-index:-1;filter:brightness(.7)}.intro-overlay{position:relative;width:100%;height:100%;padding:2rem;box-sizing:border-box}.top-right-container{position:absolute;top:2rem;right:2rem;display:flex;flex-direction:column;align-items:flex-end}.brand-name{font-family:var(--heading-font);font-size:1.5rem;font-weight:700;margin:0;margin-bottom:1.5rem}.store-buttons-container{display:flex;flex-direction:column;gap:.75rem}.store-button{display:flex;align-items:center;gap:.5rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:8px;color:var(--text-light);text-decoration:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:background-color .2s ease}.store-button:hover{background-color:#fff3}.store-button img{height:18px}.video-controls{position:absolute;bottom:2rem;left:2rem;display:flex;gap:1rem;z-index:10}.control-button{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:.75rem 1.5rem;border-radius:8px;color:var(--text-light);font-family:var(--body-font);font-size:.9rem;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:background-color .2s ease}.control-button:hover{background-color:#fff3}.error-screen{text-align:center;padding:2rem}.error-screen h2{color:#ff4d4d}.error-screen p{margin:1rem 0}.error-screen code{background-color:#333;padding:.5rem 1rem;border-radius:5px;color:#ffcdd2;word-break:break-all}.scroll-down-animation{position:absolute;bottom:2rem;right:2rem;width:150px;height:150px;z-index:10}@media (max-width: 768px){.scroll-down-animation{width:40px;height:40px}}:root{--bg-dark: #0e2424;--text-light: #faf5be;--accent-yellow: #f8e253;--accent-teal: #7fd4c2;--heading-font: "PP NeueBit", system-ui;--body-font: "Helvetica", sans-serif}@font-face{font-family:PP NeueBit;src:url(/fonts/PPNeueBit.woff2) format("woff2");font-display:swap}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;scroll-behavior:smooth;background:var(--bg-dark);color:var(--text-light);font-family:var(--body-font)}h1,h2,h3,h4{font-family:var(--heading-font);line-height:.9}