@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Share+Tech+Mono&display=swap";body{color:#fff;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);min-height:100vh;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{min-height:100vh}.landing-container{flex-direction:column;justify-content:space-between;min-height:100vh;display:flex}.header{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:2rem}.header h1{background:-webkit-linear-gradient(#4facfe,#00f2fe);-webkit-text-fill-color:transparent;letter-spacing:1px;-webkit-background-clip:text;margin:0 0 10px;font-size:2.5rem;font-weight:700}.coming-soon-banner{background:#ffffff1a;border:1px solid #fff3;border-radius:30px;align-items:center;gap:10px;margin-top:5px;padding:8px 20px;display:inline-flex}.coming-soon-banner p{color:#e2e8f0;letter-spacing:.5px;margin:0;font-size:1rem;font-weight:500}.pulse-dot{background-color:#48bb78;border-radius:50%;width:10px;height:10px;animation:1.5s infinite pulse;box-shadow:0 0 #48bb78b3}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #48bb78b3}70%{transform:scale(1);box-shadow:0 0 0 10px #48bb7800}to{transform:scale(.95);box-shadow:0 0 #48bb7800}}.main-content{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.clock-card{-webkit-backdrop-filter:blur(20px);text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:600px;padding:3rem;transition:transform .3s;box-shadow:0 8px 32px #0000005e}.clock-card:hover{transform:translateY(-5px)}.controls{margin-bottom:2.5rem}.timezone-label{color:#a0aec0;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.8rem;font-size:1.1rem;font-weight:600;display:block}.select-wrapper{width:100%;max-width:300px;margin:0 auto;position:relative}.timezone-select{color:#fff;appearance:none;cursor:pointer;background:#0003;border:1px solid #fff3;border-radius:12px;outline:none;width:100%;padding:12px 20px;font-family:inherit;font-size:1rem;transition:all .3s}.timezone-select:hover,.timezone-select:focus{background:#0006;border-color:#4facfe}.select-wrapper:after{content:"▼";color:#fff;pointer-events:none;font-size:.8rem;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.timezone-select option{color:#white;background:#1a202c}.clock-display{padding:2rem 0}.time{color:#fff;text-shadow:0 0 20px #4facfe80;letter-spacing:2px;margin:0;font-family:Share Tech Mono,monospace;font-size:4.5rem}.date{color:#cbd5e0;margin:1rem 0;font-size:1.2rem;font-weight:300}.timezone-indicator{color:#4facfe;background:#4facfe1a;border:1px solid #4facfe4d;border-radius:20px;margin-top:1rem;padding:6px 16px;font-size:.9rem;font-weight:600;display:inline-block}.footer{text-align:center;color:#a0aec0;background:#0003;padding:1.5rem;font-size:.9rem}@media (width<=600px){.time{font-size:3rem}.clock-card{padding:2rem 1.5rem}.header h1{font-size:1.8rem}}