@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700;900&display=swap";:root{--bg-color:#050505;--text-color:#e0e0e0;--accent-color:#00d2ff;--accent-glow:#00d2ff80;--secondary-accent:#3a7bd5;--card-bg:#ffffff08;--card-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);background-image:radial-gradient(circle at 15%,#00d2ff14,#0000 25%),radial-gradient(circle at 85% 30%,#3a7bd514,#0000 25%);font-family:Inter,sans-serif;overflow-x:hidden}.app-container{flex-direction:column;min-height:100vh;display:flex}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.hero:before{content:"";z-index:-1;opacity:.5;background:url("data:image/svg+xml;utf8,<svg width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"2\" cy=\"2\" r=\"1\" fill=\"rgba(255,255,255,0.05)\"/></svg>");position:absolute;inset:0}.title-container{margin-bottom:1.5rem;animation:1s ease-out fadeUp}.company-name{letter-spacing:-2px;background:linear-gradient(135deg, var(--accent-color), var(--secondary-accent));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px var(--accent-glow));-webkit-background-clip:text;font-size:5rem;font-weight:900}.subtitle{color:#aaa;max-width:600px;margin-bottom:3rem;font-size:1.5rem;font-weight:300;animation:1s ease-out .2s backwards fadeUp}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;width:100%;max-width:1200px;padding:2rem;animation:1s ease-out .4s backwards fadeUp;display:grid}.service-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;border-radius:16px;flex-direction:column;align-items:center;padding:2rem;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex}.service-card:hover{border-color:var(--accent-color);transform:translateY(-10px);box-shadow:0 10px 30px #00000080}.service-icon{color:var(--accent-color);margin-bottom:1rem;transition:transform .3s}.service-card:hover .service-icon{transform:scale(1.1)rotate(5deg)}.service-title{color:#fff;margin-bottom:1rem;font-size:1.25rem;font-weight:500}.service-desc{color:#888;font-size:.95rem;line-height:1.5}.contact-section{border-top:1px solid var(--card-border);background:#0000004d;flex-direction:column;align-items:center;padding:6rem 2rem;display:flex}.contact-title{margin-bottom:3rem;font-size:2.5rem;font-weight:700}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;width:100%;max-width:1000px;display:grid}.contact-item{text-align:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;flex-direction:column;align-items:center;padding:1.5rem;display:flex}.contact-icon{color:var(--secondary-accent);margin-bottom:1rem}.contact-label{text-transform:uppercase;letter-spacing:1px;color:#666;margin-bottom:.5rem;font-size:.85rem}.contact-value{color:#ddd;font-size:1.1rem;font-weight:500}.footer{text-align:center;color:#555;border-top:1px solid var(--card-border);padding:2rem;font-size:.9rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}