body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1e293b}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}.coming-soon-container{height:100vh;background:#1e293b;color:#f8fafc;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.property-showcase{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;z-index:0;width:100%}.property-image{position:relative;overflow:hidden;width:100%;min-width:0}.property-image img{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(0%) brightness(.8);transition:all .5s ease}.property-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1e293b80,#33415599);mix-blend-mode:multiply}.overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,#1e293b80,#1e293bbf);z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.background-decoration{display:none}.content{position:relative;z-index:10;text-align:center;max-width:750px;animation:fadeIn 1.2s ease-out;border-radius:24px;padding:60px 50px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.brand-section{margin-bottom:50px}.logo-icon{width:70px;height:70px;margin:0 auto 25px;color:#38bdf8;animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.brand-name{font-size:1.1rem;font-weight:600;letter-spacing:6px;color:#94a3b8;margin-bottom:20px;text-transform:uppercase}.main-title{font-size:clamp(2.5rem,10vw,5rem);font-weight:700;line-height:1.1;margin-bottom:15px;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.title-word{display:inline-block;color:#f8fafc}.title-word.highlight{background:linear-gradient(135deg,#38bdf8,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{font-size:1.15rem;color:#cbd5e1;font-weight:400;letter-spacing:.5px}.info-section{max-width:550px;margin:0 auto}.description{font-size:1.05rem;line-height:1.7;color:#cbd5e1;margin-bottom:40px}.notify-form{margin:0 auto}.input-wrapper{display:flex;gap:12px;max-width:500px;margin:0 auto}.email-input{flex:1;background:#1e293b80;border:1.5px solid rgba(148,163,184,.3);padding:16px 24px;border-radius:12px;color:#f8fafc;font-size:1rem;outline:none;transition:all .3s ease}.email-input::placeholder{color:#94a3b8}.notify-btn{background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;padding:16px 32px;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.notify-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0ea5e966}@media(max-width:768px){.property-showcase{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr)}.content{padding:40px 30px;max-width:90%}.brand-section{margin-bottom:35px}.logo-icon{width:60px;height:60px;margin-bottom:20px}.brand-name{font-size:.95rem;letter-spacing:4px;margin-bottom:15px}.main-title{font-size:clamp(2.5rem,15vw,4rem);gap:15px}.tagline{font-size:1rem}.description{font-size:1rem;margin-bottom:35px}.input-wrapper{flex-direction:column;gap:12px}.notify-btn{width:100%}}@media(max-width:480px){.brand-name{font-size:.85rem;letter-spacing:3px}.email-input,.notify-btn{padding:14px 20px;font-size:.95rem}}.background-decoration{position:absolute;inset:0;overflow:hidden;z-index:0}.circle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);animation:pulse 8s ease-in-out infinite}.circle-1{width:600px;height:600px;top:-200px;left:-200px;animation-delay:0s}.circle-2{width:400px;height:400px;bottom:-150px;right:-150px;background:radial-gradient(circle,rgba(236,72,153,.1) 0%,transparent 70%);animation-delay:2s}.circle-3{width:500px;height:500px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);animation-delay:4s}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.6}}.skyline{position:absolute;bottom:0;left:0;right:0;height:40%;display:flex;align-items:flex-end;justify-content:space-around;z-index:1;opacity:.15;gap:5px;padding:0 20px}.building{flex-shrink:0;background:linear-gradient(to top,#8b5cf666,#3b82f633);border-radius:4px 4px 0 0;position:relative;animation:buildingRise 1.5s ease-out forwards;transform:translateY(100%);box-shadow:0 -10px 30px #8b5cf633}@keyframes buildingRise{to{transform:translateY(0)}}.building-windows{padding:8px;display:flex;flex-direction:column;gap:8px;height:100%}.window-row{display:flex;justify-content:space-around;gap:4px}.window{width:6px;height:6px;background:#ffffff4d;border-radius:1px;animation:windowLight 3s ease-in-out infinite}.window:nth-child(2n){animation-delay:1s}.window:nth-child(3n){animation-delay:2s}@keyframes windowLight{0%,to{opacity:.3}50%{opacity:1;background:#ffd700cc}}.content{position:relative;z-index:10;text-align:center;max-width:800px;padding:40px 20px;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.brand-section{margin-bottom:60px}.logo-container{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:30px;animation:slideInFromLeft .8s ease-out}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.logo-icon{width:60px;height:60px;color:#8b5cf6;animation:rotate3d 3s ease-in-out infinite}@keyframes rotate3d{0%,to{transform:rotateY(0) rotate(0)}25%{transform:rotateY(180deg) rotate(5deg)}75%{transform:rotateY(180deg) rotate(-5deg)}}.brand-name{font-size:1.8rem;font-weight:700;letter-spacing:4px;color:#8b5cf6;text-transform:uppercase}.main-title{font-size:clamp(3.5rem,10vw,7rem);font-weight:900;line-height:1;margin-bottom:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.title-word{display:inline-block;animation:titleFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-word:nth-child(2){animation-delay:.3s}.title-word.highlight{background:linear-gradient(135deg,#ec4899,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.title-word.highlight:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:4px;background:linear-gradient(90deg,#ec4899,#f59e0b);border-radius:2px;animation:underlineExpand 1.5s ease-out .5s forwards;transform:scaleX(0)}@keyframes underlineExpand{to{transform:scaleX(1)}}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tagline{font-size:1.2rem;color:#a78bfa;font-weight:500;letter-spacing:1px;animation:fadeIn 1s ease-out .5s backwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.info-section{animation:fadeInUp 1s ease-out .3s backwards}.coming-soon-badge{display:inline-flex;align-items:center;gap:10px;background:#8b5cf633;border:2px solid #8b5cf6;padding:12px 30px;border-radius:50px;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:30px;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 #8b5cf6b3}50%{box-shadow:0 0 0 15px #8b5cf600}}.badge-dot{width:10px;height:10px;background:#8b5cf6;border-radius:50%;animation:dotBlink 1.5s ease-in-out infinite}@keyframes dotBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.description{font-size:1.1rem;line-height:1.8;color:#cbd5e1;max-width:600px;margin:0 auto 40px}.notify-form{margin-bottom:50px}.input-wrapper{display:flex;gap:10px;max-width:500px;margin:0 auto;background:#ffffff0d;padding:8px;border-radius:50px;border:2px solid rgba(139,92,246,.3);transition:all .3s ease}.input-wrapper:focus-within{border-color:#8b5cf6;box-shadow:0 0 30px #8b5cf64d;transform:translateY(-2px)}.email-input{flex:1;background:transparent;border:none;outline:none;padding:15px 25px;color:#fff;font-size:1rem}.email-input::placeholder{color:#64748b}.notify-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;padding:15px 35px;border-radius:50px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.notify-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf680}.notify-btn:active{transform:translateY(0)}.success-message{display:inline-flex;align-items:center;gap:5px;animation:successBounce .5s ease-out}@keyframes successBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.features{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.feature{display:flex;flex-direction:column;align-items:center;gap:12px;animation:featureFadeIn 1s ease-out backwards}.feature:nth-child(1){animation-delay:.6s}.feature:nth-child(2){animation-delay:.8s}.feature:nth-child(3){animation-delay:1s}@keyframes featureFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-icon{font-size:2.5rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#8b5cf61a;border-radius:20px;border:2px solid rgba(139,92,246,.3);transition:all .3s ease}.feature:hover .feature-icon{transform:translateY(-5px) rotate(5deg);background:#8b5cf633;border-color:#8b5cf6;box-shadow:0 15px 40px #8b5cf64d}.feature span{font-size:.95rem;color:#cbd5e1;font-weight:500}.floating-elements{position:absolute;inset:0;z-index:5;pointer-events:none}.float-element{position:absolute;font-size:3rem;opacity:.1;animation:float 8s ease-in-out infinite}.element-1{top:15%;left:10%;animation-delay:0s}.element-2{top:60%;right:15%;animation-delay:2s}.element-3{bottom:20%;left:15%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-30px) rotate(5deg)}66%{transform:translateY(-15px) rotate(-5deg)}}@media(max-width:768px){.content{padding:20px 15px}.logo-icon{width:50px;height:50px}.brand-name{font-size:1.3rem;letter-spacing:2px}.main-title{font-size:clamp(2.5rem,12vw,4rem);gap:10px}.tagline{font-size:1rem}.description{font-size:1rem;padding:0 10px}.input-wrapper{flex-direction:column;border-radius:20px}.email-input{text-align:center}.notify-btn{width:100%}.features{gap:30px}.feature-icon{width:70px;height:70px;font-size:2rem}.float-element{font-size:2rem}.skyline{height:30%}}