:root{--color-primary: #05080a;--color-accent: #B49B57;--color-gold-dim: #8F7A42;--color-text-light: #F0F0F0;--color-text-dark: #222222;--font-serif-display: "Playfair Display", serif;--font-serif-body: "Libre Baskerville", serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-serif-body);background-color:var(--color-primary);color:var(--color-text-light);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}#app{width:100%;min-height:100vh;display:flex;flex-direction:column}.landing-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background:radial-gradient(circle at top,#1a1f25,#05080a 70%);position:relative}.hero-content{text-align:center;max-width:800px;z-index:10;animation:fadeIn 1.5s ease-out}.logo-container{margin-bottom:2rem;min-height:60px}.logo-img{max-width:250px;height:auto;filter:drop-shadow(0 0 10px rgba(255,215,0,.2))}.headline{font-family:var(--font-serif-display);font-size:3rem;line-height:1.2;margin-bottom:3rem;font-weight:400;letter-spacing:.5px}.headline .highlight{color:var(--color-accent);display:block;margin-top:.5rem;font-style:italic;font-weight:600;text-shadow:0 0 20px rgba(255,215,0,.3)}.countdown-wrapper{display:flex;justify-content:center;align-items:flex-start;gap:1.5rem;margin-bottom:4rem;font-family:var(--font-serif-display)}.countdown-item{display:flex;flex-direction:column;align-items:center}.time-value{font-size:4rem;font-weight:700;line-height:1;color:var(--color-text-light);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.time-label{font-family:var(--font-serif-body);font-size:.9rem;text-transform:uppercase;letter-spacing:2px;color:#fff9;margin-top:.5rem}.separator{font-size:3rem;line-height:1;color:var(--color-accent);opacity:.8;margin-top:.5rem}.cta-button{background:linear-gradient(135deg,var(--color-accent),var(--color-gold-dim));color:var(--color-primary);border:none;padding:1.2rem 3rem;font-size:1.1rem;font-family:var(--font-serif-body);font-weight:700;letter-spacing:1px;cursor:pointer;border-radius:2px;transition:all .3s ease;box-shadow:0 4px 15px #ffd7004d;text-transform:uppercase}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70080;filter:brightness(1.1)}footer{margin-top:auto;padding:2rem;text-align:center;border-top:1px solid rgba(255,255,255,.05);width:100%}.footer-content p{font-size:.75rem;color:#ffffff80;margin-bottom:.5rem}.footer-link{color:var(--color-accent);text-decoration:none;font-size:.9rem;transition:opacity .2s;border-bottom:1px solid transparent}.footer-link:hover{opacity:.8;border-bottom-color:var(--color-accent)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#001f3fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:100;opacity:0;visibility:hidden;transition:all .4s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:#fff;color:var(--color-text-dark);padding:3rem;border-radius:4px;width:90%;max-width:500px;position:relative;box-shadow:0 20px 50px #00000080;transform:scale(.95);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid var(--color-accent)}.modal-overlay.active .modal-content{transform:scale(1)}.close-btn{position:absolute;top:1rem;right:1.5rem;background:none;border:none;font-size:2rem;cursor:pointer;color:#999;transition:color .2s;line-height:1}.close-btn:hover{color:var(--color-primary)}.modal-title{font-family:var(--font-serif-display);font-size:2rem;color:var(--color-primary);margin-bottom:.5rem}.modal-subtitle{color:#666;margin-bottom:2rem;line-height:1.5}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;font-size:.9rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.form-group input{width:100%;padding:.8rem 1rem;border:1px solid #ddd;border-radius:2px;font-family:var(--font-serif-body);font-size:1rem;transition:border-color .3s,box-shadow .3s}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #001f3f1a}.input-prefix-group{display:flex;align-items:center;border:1px solid #ddd;border-radius:2px;background:#f8f8f8}.input-prefix-group:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px #001f3f1a}.input-prefix-group .prefix{padding:0 .8rem;color:#888;font-size:.9rem;border-right:1px solid #eee}.input-prefix-group input{border:none;background:transparent;box-shadow:none}.input-prefix-group input:focus{box-shadow:none}.submit-btn{width:100%;background:var(--color-primary);color:#fff;border:none;padding:1rem;font-family:var(--font-serif-body);font-weight:700;font-size:1rem;cursor:pointer;transition:background .3s;margin-top:1rem;text-transform:uppercase;letter-spacing:1px}.submit-btn:hover{background:#036}.hidden{display:none!important}.success-message{text-align:center;padding:2rem 0}.success-icon{width:60px;height:60px;background:var(--color-accent);color:var(--color-primary);font-size:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.success-text{font-size:1.1rem;color:#555;margin-top:1rem}@media(max-width:768px){.headline{font-size:2.2rem}.countdown-wrapper{gap:.5rem}.time-value{font-size:2.5rem}.separator{font-size:2rem}.modal-content{padding:2rem 1.5rem;width:95%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}