:root{--navy-dark: #0F172A;--navy-primary: #1E293B;--navy-light: #334155;--blue-accent: #38BDF8;--cyan-accent: #22D3EE;--bg-white: #0F172A;--bg-light: #1E293B;--bg-card: #1E293B;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-white: #FFFFFF;--border: #475569;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .3);--shadow-hover: 0 25px 50px -12px rgba(0, 0, 0, .4);--gradient-main: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);--gradient-accent: linear-gradient(90deg, #38BDF8 0%, #22D3EE 100%);--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", "Inter", sans-serif;--container-width: 1280px;--header-height: 80px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-white);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);line-height:1.2;font-weight:700;letter-spacing:-.01em}a{text-decoration:none;color:inherit;transition:all .2s ease}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}.section{padding:6rem 0}.text-center{text-align:center}.text-navy{color:var(--text-primary)}.text-accent{color:var(--blue-accent)}.bg-light{background-color:var(--bg-light)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;border-radius:var(--radius-sm);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.btn-primary{background:var(--gradient-accent);color:#020617;box-shadow:0 4px 15px #38bdf84d;border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #38bdf866;color:#000}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--blue-accent);color:var(--blue-accent);background:#38bdf81a}.btn-white{background:#ffffff1a;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.btn-white:hover{background:#fff;color:var(--navy-dark)}.card-service{background:var(--bg-card);padding:2.5rem;border-radius:var(--radius-md);border:1px solid var(--border);transition:all .3s ease;position:relative;overflow:hidden;height:100%;cursor:pointer}.card-service:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);border-color:var(--blue-accent)}.card-service:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.card-service:hover:before{transform:scaleX(1)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-height);transition:all .3s ease}.navbar.scrolled{background:#020617cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border)}.text-gradient{background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.grid-2{display:grid;grid-template-columns:1fr;gap:3rem}.grid-3{display:grid;grid-template-columns:1fr;gap:2rem}.grid-4{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.icon-box{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;background:#38bdf81a;color:var(--blue-accent);transition:all .3s ease}.card-service:hover .icon-box{background:var(--blue-accent);color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem}.modal-content{background:var(--bg-card);width:100%;max-width:600px;border-radius:var(--radius-lg);border:1px solid var(--border);position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.modal-header{padding:2.5rem 2.5rem 1rem}.modal-body{padding:0 2.5rem 2.5rem}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff0d;border:none;color:var(--text-secondary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.modal-close:hover{background:#ffffff1a;color:var(--text-primary);transform:rotate(90deg)}