:root{--bg-dark:#0f172a;--bg-gradient:radial-gradient(circle at 50% 50%, #1e293b 0%, #0f172a 100%);--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-blue:#38bdf8;--accent-silver:#e2e8f0;--metallic-gradient:linear-gradient(135deg, #e2e8f0 0%, #94a3b8 50%, #e2e8f0 100%);--glass-bg:#0f172ab3;--glass-border:#ffffff14;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-dark);color:var(--text-primary);justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}#root{width:100%;height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes blob{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}to{transform:translate(0)scale(1)}}@keyframes progress{0%{transform:translate(-100%)}50%{transform:translate(-20%)}to{transform:translate(100%)}}@keyframes gridMove{0%{transform:perspective(500px)rotateX(60deg)translateY(0)}to{transform:perspective(500px)rotateX(60deg)translateY(40px)}}@keyframes metallicShine{0%{background-position:-100% 0}to{background-position:200% 0}}.animate-fade-in{animation:1.2s ease-out forwards fadeIn}.animate-slide-up{opacity:0;animation:1s ease-out forwards slideUp}.animate-scale-in{animation:.8s cubic-bezier(.34,1.56,.64,1) forwards scaleIn}.animate-float{animation:6s ease-in-out infinite float}.animate-blob{animation:15s infinite blob}.animate-progress{animation:2s linear infinite progress}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}.delay-2000{animation-delay:2s}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.text-gradient{background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-accent{background:linear-gradient(90deg,#38bdf8,#818cf8,#38bdf8) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmer}.layout-container{width:100%;min-height:100vh;background:#000;flex-direction:column;justify-content:center;align-items:center;min-height:-webkit-fill-available;padding:.5rem;display:flex;position:relative;overflow:hidden}.architectural-grid{z-index:0;pointer-events:none;background-image:linear-gradient(#38bdf808 1px,#0000 1px),linear-gradient(90deg,#38bdf808 1px,#0000 1px);background-size:40px 40px;width:200%;height:200%;animation:20s linear infinite gridMove;position:absolute;top:-50%;left:-50%;transform:perspective(500px)rotateX(60deg)}.architectural-grid:after{content:"";background:radial-gradient(circle,#0000 0%,#0f172a 70%);position:absolute;inset:0}.background-blob{filter:blur(60px);z-index:1;opacity:.6;background:radial-gradient(circle,#38bdf826 0%,#38bdf800 70%);border-radius:50%;width:60vw;max-width:800px;height:60vw;max-height:800px;position:absolute}.blob-1{animation:20s infinite alternate blob;top:-20%;left:-20%}.blob-2{background:radial-gradient(circle,#6366f11a 0%,#6366f100 70%);animation:25s infinite alternate-reverse blob;bottom:-20%;right:-20%}.content-card{z-index:10;text-align:center;flex-direction:column;flex-grow:0;justify-content:center;align-items:center;width:100%;max-width:900px;min-height:auto;padding:1.5rem 1rem;display:flex;position:relative}@media (max-width:480px){.content-card{padding:1rem .5rem}}.logo-main{object-fit:contain;filter:drop-shadow(0 0 20px #ffffff26);width:auto;max-width:85vw;height:45px;margin-top:.5rem;margin-bottom:.75rem;transition:transform .3s}.logo-main:hover{transform:scale(1.05)}.title{font-family:var(--font-heading);letter-spacing:-.02em;background:linear-gradient(90deg,#f8fafc,#94a3b8);-webkit-text-fill-color:transparent;text-shadow:0 10px 30px #0003;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-size:2rem;font-weight:800}.subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:1rem;padding:0 1rem;font-size:.85rem;font-weight:300;line-height:1.4}.progress-container{background:#ffffff0d;width:100%;max-width:300px;height:2px;margin-bottom:2rem;display:none;position:relative;overflow:hidden}.status-badge{color:#34d399;letter-spacing:.02em;white-space:nowrap;background:#10b9811a;border:1px solid #10b98133;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.4rem 1rem;font-size:.75rem;font-weight:600;display:flex;box-shadow:0 0 20px #10b9811a}.status-dot{background-color:#34d399;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #34d399b3}70%{transform:scale(1);box-shadow:0 0 0 10px #34d39900}to{transform:scale(.95);box-shadow:0 0 #34d39900}}.coming-soon-text{color:#e2e8f0;margin-bottom:1.5rem;font-size:.9rem}.whatsapp-button{color:#fff;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.7rem 1.5rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 15px #25d3664d}.whatsapp-button:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px #25d36680}.whatsapp-button svg{width:20px;height:20px}.services-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;width:100%;max-width:800px;margin-bottom:1.5rem;display:grid}@media (max-width:350px){.services-grid{grid-template-columns:1fr}}@media (min-width:768px){.services-grid{grid-template-columns:repeat(4,1fr)}.title{font-size:3rem}.logo-main{height:75px}}.service-item{color:var(--text-secondary);background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:.8rem .5rem;font-size:.85rem;font-weight:500;transition:all .4s;position:relative;overflow:hidden}.service-item:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.service-item:hover:before{left:100%}.service-item:hover{color:#fff;background:#ffffff0f;border-color:#fff3;transform:translateY(-3px);box-shadow:0 10px 30px -10px #00000080}.footer{opacity:.7;flex-direction:column;align-items:center;margin-top:auto;margin-bottom:1rem;transition:opacity .3s;display:flex}.footer:hover{opacity:1}.footer-text{letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.5rem;font-size:.6rem}.footer-link{transition:transform .3s;display:inline-block}.footer-link:hover{transform:scale(1.1)}.footer-logo{opacity:.8;width:auto;height:20px;transition:opacity .3s}.footer:hover .footer-logo{opacity:1}.terminal-text-container{color:#e2e8f0;background:#0f172a80;border:1px solid #38bdf81a;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.8rem 1.5rem;font-family:Courier New,Courier,monospace;font-size:1.1rem;display:inline-flex;box-shadow:0 4px 6px #0000001a}@media (max-width:768px){.terminal-text-container{margin-bottom:1.25rem;padding:.5rem 1rem;font-size:.85rem}}.terminal-prompt{color:#22c55e;font-weight:700;animation:1.5s infinite pulse-prompt}@keyframes pulse-prompt{0%,to{opacity:1}50%{opacity:.5}}.building-container{opacity:.8;justify-content:center;align-items:center;width:100%;max-width:1000px;height:180px;margin-top:1rem;display:flex;overflow:hidden}@media (max-width:768px){.building-container{height:120px;margin-top:.5rem}}.building-svg{filter:drop-shadow(0 0 10px #38bdf833);width:100%;height:100%;max-height:150px}@media (max-width:768px){.building-svg{max-height:100px}}.structure-line,.mullion,.transom,.door-frame,.door-split,.ground-line{stroke:#cbd5e1;stroke-width:2px;stroke-linecap:square;fill:none;stroke-dasharray:1000;stroke-dashoffset:1000px;animation:3s ease-in-out forwards drawLine}.structure-line{stroke:#94a3b8;stroke-width:3px}.ground-line{stroke:#38bdf8;stroke-width:1px;opacity:.5}.delay-1{animation-delay:.5s}.delay-2{animation-delay:1s}.delay-3{animation-delay:1.5s}.delay-4{animation-delay:2s}.glass-panel{fill:#38bdf81a;stroke:none;opacity:0;animation:2s ease-in-out forwards fadeInGlass}.delay-5{animation-delay:2.5s}.delay-6{animation-delay:2.7s}.delay-7{animation-delay:2.9s}.cladding-panel{fill:#1e293b;stroke:#ffffff1a;stroke-width:1px;opacity:0;animation:2s ease-in-out forwards fadeInCladding}.delay-8{animation-delay:3.2s}.delay-9{animation-delay:3.4s}.delay-10{animation-delay:3.6s}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes fadeInGlass{0%{opacity:0;fill:#38bdf800}50%{opacity:.5;fill:#38bdf80d}to{opacity:1;fill:#38bdf826}}@keyframes fadeInCladding{to{opacity:1}}.building-svg:hover .glass-panel{fill:#38bdf84d;transition:fill .5s}.building-svg:hover .mullion{stroke:#38bdf8;transition:stroke .5s}