html,body,#root{margin:0;padding:0;height:100%;font-family:Arial,sans-serif}.coming-soon{width:100%;height:100vh;background-size:contain;background-position:center;background-repeat:no-repeat;position:relative;display:flex;justify-content:center;align-items:center;background-color:#000}.overlay{text-align:center;color:#fff;text-shadow:2px 2px 6px rgba(0,0,0,.6);padding:clamp(10px,2vw,20px);background:#ffffff1a;border-radius:clamp(10px,2vw,20px);box-shadow:0 4px 16px #1f26875e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);width:clamp(40%,50vw,500px);max-width:90vw;min-height:clamp(100px,20vh,200px);display:flex;flex-direction:column;justify-content:center;align-items:center}.overlay h1{font-size:clamp(1.5rem,3vw,2.5rem);margin:clamp(.5rem,1vw,1.5rem) 0;font-weight:700;letter-spacing:clamp(.5px,.5vw,1px)}.overlay p{font-size:clamp(.9rem,2vw,1.5rem);margin:clamp(.3rem,.5vw,.75rem) 0;font-weight:400}.overlay a{color:#0cc;text-decoration:underline}.overlay a[href^="mailto:"],.overlay a[href^="tel:"]{transition:color .3s ease}.overlay a[href^="mailto:"]:hover,.overlay a[href^="tel:"]:hover{color:#f90}@media (max-width: 768px){.overlay{width:clamp(50%,60vw,400px);padding:clamp(8px,2vw,15px);min-height:clamp(80px,18vh,150px)}.overlay h1{font-size:clamp(1.2rem,3vw,2rem)}.overlay p{font-size:clamp(.8rem,2vw,1.2rem)}}@media (max-width: 480px){.overlay{width:clamp(60%,70vw,300px);padding:clamp(6px,1.5vw,10px);min-height:clamp(70px,15vh,120px)}.overlay h1{font-size:clamp(1rem,2.5vw,1.5rem)}.overlay p{font-size:clamp(.7rem,1.5vw,1rem)}}@media (max-height: 600px) and (orientation: landscape){.overlay{width:clamp(50%,70vw,600px);min-height:clamp(80px,15vh,150px);padding:clamp(8px,1.5vw,15px)}.overlay h1{font-size:clamp(1.5rem,2.5vw,2rem)}.overlay p{font-size:clamp(.9rem,1.5vw,1.2rem)}}