:root{--primary: #3b82f6;--primary-dark: #1d4ed8;--secondary: #0f172a;--accent: #06b6d4;--background: #020617;--foreground: #f8fafc;--muted: #94a3b8;--card-bg: rgba(30, 41, 59, .5);--card-border: rgba(255, 255, 255, .1);--glass-bg: rgba(15, 23, 42, .7);--radius: 16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Kanit,Inter,sans-serif;background-color:var(--background);color:var(--foreground);line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.15) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(6,182,212,.1) 0%,transparent 40%);z-index:-1}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.nav-logo{font-size:1.5rem;font-weight:700;padding:1.5rem 0;letter-spacing:-.025em;color:var(--primary)}.hero{padding:8rem 0 6rem;text-align:center;position:relative}.hero h1{font-size:clamp(2.5rem,8vw,4.5rem);margin-bottom:1rem;font-weight:700;line-height:1.1;background:linear-gradient(to bottom,#fff 40%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.25rem;color:var(--muted);max-width:700px;margin:0 auto 3rem}.section-title{text-align:center;margin:6rem 0 4rem;font-size:2.25rem;font-weight:600}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:6rem}.service-card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:3rem;border-radius:var(--radius);border:1px solid var(--card-border);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:0;transition:opacity .3s}.service-card:hover{transform:translateY(-8px);border-color:#3b82f666;background:#1e293bcc}.service-card:hover:before{opacity:1}.icon-wrapper{width:64px;height:64px;background:#3b82f61a;color:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.service-card h3{margin-bottom:1.25rem;font-size:1.5rem;font-weight:600}.service-card p{color:var(--muted);font-size:1rem;line-height:1.7}.cta-button{display:inline-block;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:1.1rem 2.5rem;border-radius:50px;text-decoration:none;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 15px -3px #3b82f666}.cta-button:hover{transform:scale(1.05);box-shadow:0 20px 25px -5px #3b82f666}.footer{padding:5rem 0 3rem;text-align:center;border-top:1px solid var(--card-border);background:#020617cc}.footer-logo{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:1rem}@media (max-width: 640px){.hero{padding-top:5rem}.hero h1{font-size:2.75rem}.services-grid{grid-template-columns:1fr}}