:root{--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--bg-color: #0d0d12;--text-color: #ffffff;--accent-gold: #ffd700;--card-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--hover-overlay: rgba(255, 215, 0, .1)}body{margin:0;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.snow-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.snowflake{position:absolute;top:-10px;background:#fff;border-radius:50%;opacity:.8;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes fall{0%{transform:translateY(0) translate(0)}25%{transform:translateY(25vh) translate(15px)}50%{transform:translateY(50vh) translate(-15px)}75%{transform:translateY(75vh) translate(15px)}to{transform:translateY(110vh) translate(0)}}.landing-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:radial-gradient(circle at center,#1a1a24 0%,var(--bg-color) 100%);position:relative;overflow:hidden}.landing-header{text-align:center;margin-bottom:2rem;z-index:2;position:relative}.landing-header h1{font-size:3.5rem;margin:0;background:linear-gradient(135deg,gold,#fdb931);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(255,215,0,.3)}.landing-header p{font-size:1.2rem;color:var(--accent-gold);letter-spacing:2px;margin-top:1rem;text-transform:uppercase}.presents-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;max-width:600px;z-index:2;position:relative}.present-card{cursor:pointer;border-radius:16px;overflow:hidden;background:var(--card-bg);border:1px solid var(--glass-border);position:relative;aspect-ratio:1;box-shadow:0 4px 30px #00000080}.image-wrapper{width:100%;height:100%;position:relative}.image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.present-card:hover img{transform:scale(1.1)}.overlay{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 60%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:2rem;transition:opacity .3s ease}.present-label{font-size:3rem;font-weight:700;color:var(--accent-gold);text-shadow:0 2px 10px rgba(0,0,0,.8);letter-spacing:4px}.music-toggle{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:1px solid var(--glass-border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-color);font-size:1.2rem;cursor:pointer;z-index:100;transition:all .3s ease}.music-toggle:hover{background:#ffd70033;transform:scale(1.1);border-color:var(--accent-gold)}.video-page-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:#000}.video-wrapper{width:100%;max-width:1000px;display:flex;flex-direction:column;align-items:center;gap:2rem;position:relative;z-index:2}.video-title{color:var(--accent-gold);font-size:1.75rem;font-weight:300;letter-spacing:2px;text-align:center}.player-container{width:100%;aspect-ratio:16/9;background:#111;border-radius:12px;overflow:hidden;box-shadow:0 0 50px #00000080;border:1px solid var(--glass-border)}.video-player{width:100%;height:100%;object-fit:cover}.back-button{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid var(--accent-gold);color:var(--accent-gold);padding:1rem 2rem;font-size:1rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;border-radius:50px;transition:all .3s ease}.back-button:hover{background:var(--accent-gold);color:#000;box-shadow:0 0 20px #ffd70066}