:root{--bg-color:#012a40;--text-main:#fff;--text-muted:#a8b8c2;--accent:#e5a93c;--accent-glow:#e5a93c66;--glass-bg:#012a4099;--glass-border:#e5a93c4d}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-color);color:var(--text-main);width:100vw;height:100vh;font-family:Outfit,sans-serif;overflow:hidden}#root{width:100%;height:100%}.hero-container{background-color:var(--bg-color);perspective:1500px;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.parallax-wrapper{width:110%;height:110%;position:absolute;top:-5%;left:-5%}.bg-layer{z-index:1;pointer-events:none;will-change:mask-image;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:background-image .5s ease-in-out;position:absolute;top:0;left:0}.bg-layer-unfinished{z-index:1;filter:grayscale()opacity(.5)contrast(1.2);background-image:url(/assets/unfinished-C4cSG9lC.png)}.bg-layer-finished-day{background-image:url(/assets/finished-DZCvPxTs.png)}.bg-layer-finished-night{background-image:url(/assets/nighttime-DlYAC9rs.png)}.bg-layer-finished{z-index:2}.hero-content{z-index:10;pointer-events:none;align-items:center;width:100%;height:100%;padding:0 8%;display:flex;position:absolute;top:0;left:0}.content-gradient-overlay{z-index:5;pointer-events:none;background:linear-gradient(90deg,#012a40f2 0%,#012a40b3 40%,#012a4000 100%);width:50%;height:100%;position:absolute;top:0;left:0}.hero-text-block{pointer-events:auto;z-index:10;max-width:600px;position:relative}.badge{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--accent);-webkit-backdrop-filter:blur(12px);border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex;box-shadow:0 4px 20px #0003}.badge-dot{background-color:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent-glow);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #e5a93cb3}70%{transform:scale(1);box-shadow:0 0 0 10px #e5a93c00}to{transform:scale(.95);box-shadow:0 0 #e5a93c00}}h1{letter-spacing:-.03em;text-shadow:0 4px 20px #0000004d;margin-bottom:1.5rem;font-size:clamp(3.5rem,6vw,6rem);font-weight:700;line-height:1.05}h1 span{display:block}.text-gradient{background:linear-gradient(135deg,#ffe066 0%,#d4af37 50%,#b8860b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{color:var(--text-muted);max-width:480px;margin-bottom:2.5rem;font-size:1.125rem;line-height:1.6}.hero-actions{gap:1rem;display:flex}.btn{cursor:pointer;border-radius:100px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{color:#012a40;background:linear-gradient(135deg,#e5a93c 0%,#c58b20 100%);border:none;box-shadow:0 4px 15px #e5a93c4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #e5a93c80}.btn-secondary{background:var(--glass-bg);color:var(--accent);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px)}.btn-secondary:hover{border-color:var(--accent);color:#fff;background:#e5a93c1a}.theme-toggle-wrapper{z-index:20;pointer-events:auto;position:absolute;top:2rem;right:4rem}.theme-toggle{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:100px;align-items:center;padding:.25rem;display:flex}.toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:100px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.toggle-btn.active{background:var(--accent);color:#012a40;box-shadow:0 2px 10px #e5a93c4d}@media (width<=768px){.hero-content{align-items:flex-end;padding:2rem 2rem 5rem}.content-gradient-overlay{background:linear-gradient(#012a4000 0%,#012a40f2 100%);width:100%}.theme-toggle-wrapper{top:1rem;right:1rem}}