:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:#020314;min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit}.page{color:#f5f5ff;background:radial-gradient(circle at 0 0,#1a1b2e 0,#050510 50%,#020308 100%);min-height:100vh}.page-grid{flex-direction:column;gap:40px;max-width:1120px;margin:0 auto;padding:28px 20px 80px;display:flex}.nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 0 0,#5762ff66,#0000 65%),#04040ee0;border:1px solid #ffffff14;border-radius:999px;justify-content:space-between;align-items:center;gap:24px;margin:0 -6px;padding:14px 18px;display:flex;position:sticky;top:0}.nav-actions{align-items:center;gap:8px;display:flex}.lang-toggle{background:radial-gradient(circle at 0 0,#0f172af2,#0f172acc);border:1px solid #94a3ff8c;border-radius:999px;padding:2px;display:inline-flex}.lang-toggle-button{letter-spacing:.08em;text-transform:uppercase;color:#bfdbfed9;cursor:pointer;background:0 0;border:none;border-radius:999px;min-width:34px;padding:3px 8px;font-size:11px}.lang-toggle-button-active{color:#020617;background:radial-gradient(circle at 10% 0,#38bdf8,#6366f1)}.nav-left{align-items:center;gap:10px;display:flex}.nav-logo-circle{background:radial-gradient(circle at 20% 0,#fff,#6d7bff);border-radius:999px;width:26px;height:26px;box-shadow:0 0 0 1px #ffffff3d,0 0 30px #5e6effb3}.nav-name{letter-spacing:.02em;font-weight:600}.nav-tag{color:#ebeeffcc;border:1px solid #ffffff1f;border-radius:999px;padding:4px 8px;font-size:12px}.nav-links{align-items:center;gap:18px;font-size:13px;display:flex}.nav-links a{color:#e8ecffdb;text-decoration:none;position:relative}.nav-links a:after{content:"";background:linear-gradient(90deg,#818cf8,#22d3ee);width:0;height:1px;transition:width .2s ease-out;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.hero{padding-top:30px;position:relative}.hero-gradient{opacity:.9;filter:blur(10px);z-index:-2;background:radial-gradient(circle at 10% 0,#67e8f947,#0000 55%),radial-gradient(circle at 90% 0,#818cf880,#0000 60%),radial-gradient(circle at 50% 100%,#f472b642,#0000 60%);position:absolute;inset:-120px -280px auto}.hero-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:42px;display:grid}.hero-left{flex-direction:column;gap:18px;display:flex}.hero-label{text-transform:uppercase;letter-spacing:.18em;color:#c7d2fed9;font-size:11px}.hero-title{letter-spacing:.01em;font-size:clamp(32px,3.2vw,40px);line-height:1.08}.hero-title span{display:block}.hero-accent{color:#0000;background:linear-gradient(120deg,#a5b4fc,#22d3ee,#f9a8d4);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#e2e8ffcc;margin-top:4px;font-size:14px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.button-primary{color:#0b1020;cursor:pointer;white-space:nowrap;background:radial-gradient(circle at 10% 0,#38bdf8,#6366f1);border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;padding:10px 20px;font-size:13px;font-weight:600;display:inline-flex}.button-ghost{color:#e2e8ffe6;background:#0f172a99;border:1px solid #94a3ff80;border-radius:999px;padding:9px 16px;font-size:13px}.button-ghost:hover{border-color:#e5e7ff}.hero-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;font-size:11px;display:grid}.meta-label{color:#94a3ffe6;text-transform:uppercase;letter-spacing:.16em;font-size:10px;display:block}.meta-value{margin-top:3px;display:block}.hero-right{perspective:1800px}.hero-browser-shell{background:radial-gradient(circle at top,#0f172afa,#0f172af0);border:1px solid #ffffff14;border-radius:26px;overflow:hidden;box-shadow:0 28px 80px #000000d9}.browser-topbar{border-bottom:1px solid #94a3ff47;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.dots{gap:5px;display:flex}.dots span{background:radial-gradient(circle at 30% 20%,#fff,#6b7280);border-radius:999px;width:8px;height:8px}.browser-url{color:#e2e8ffe6;background:radial-gradient(circle at 0 0,#0f172ae6,#0f172ab3);border:1px solid #94a3ff59;border-radius:999px;flex:1;margin:0 10px;padding:5px 10px;font-size:11px}.browser-pill{background:radial-gradient(circle at 0 0,#38bdf84d,#0000 70%);border:1px solid #38bdf8b3;border-radius:999px;padding:4px 10px;font-size:11px}.browser-body{padding:18px 18px 20px;position:relative}.browser-gradient{opacity:.75;background:radial-gradient(circle at 0 0,#818cf8e6,#0000 55%),radial-gradient(circle at 100% 0,#38bdf8b3,#0000 60%),radial-gradient(circle at 50% 100%,#f8fafc21,#0000 65%);position:absolute;inset:-20% -30% 20%}.browser-grid{z-index:1;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;display:grid;position:relative}.browser-text{flex-direction:column;gap:8px;display:flex}.browser-kicker{letter-spacing:.18em;text-transform:uppercase;color:#e2e8ffe6;font-size:11px}.browser-heading{font-size:18px;line-height:1.25}.browser-pills{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.browser-pills span{background:#0f172a61;border:1px solid #0f172ab3;border-radius:999px;padding:4px 9px;font-size:11px}.browser-mockups{flex-direction:column;gap:12px;display:flex}.mockup-card{background:#0f172ae6;border:1px solid #0f172ae6;border-radius:16px;padding:10px 12px;font-size:11px}.mockup-primary{box-shadow:0 16px 40px #0f172ae6}.mockup-badge{border:1px solid #5eead4cc;border-radius:999px;margin-bottom:4px;padding:2px 8px;font-size:10px;display:inline-flex}.mockup-title{margin-bottom:2px;font-weight:600}.mockup-sub{color:#e2e8ffcc}.section{margin-top:60px}.section-header{max-width:540px}.section-header h2{margin-bottom:8px;font-size:22px}.section-header p{color:#cbd5ffe0;font-size:14px}.section-header-row{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.section-pill{border:1px solid #818cf8b3;border-radius:999px;align-self:flex-start;padding:6px 12px;font-size:11px}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.card{background:linear-gradient(145deg,#0f172afa,#0f172ae6);border:1px solid #1e40afe6;border-radius:18px;padding:16px 16px 18px}.service-card h3{margin:6px 0 4px;font-size:15px}.service-card p{color:#cbd5ffe6;font-size:13px}.service-card ul{color:#bfdbfef2;margin-top:8px;padding-left:16px;font-size:12px}.card-label{letter-spacing:.18em;text-transform:uppercase;color:#818cf8e6;font-size:11px}.section-work .work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.work-card{background:radial-gradient(circle at 0 0,#1e40af99,#0f172af2);border:1px solid #1e40afcc;border-radius:18px;padding:16px 16px 18px;font-size:13px}.work-meta{color:#bfdbfee6;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11px;display:flex}.work-card h3{margin:0 0 6px;font-size:15px}.work-card p{color:#e2e8ffe6;font-size:13px}.work-footer{color:#bfdbfee6;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:11px;display:flex}.work-chip{border:1px solid #818cf8e6;border-radius:999px;padding:4px 8px}.section-process .timeline{flex-direction:column;gap:16px;margin-top:24px;display:flex}.timeline-item{gap:14px;display:flex}.timeline-dot{background:radial-gradient(circle at 20% 0,#fff,#6366f1);border-radius:999px;width:10px;height:10px;margin-top:6px;box-shadow:0 0 0 4px #4f46e559}.timeline-content h3{margin:0 0 4px;font-size:14px}.timeline-content p{color:#cbd5ffe6;font-size:13px}.timeline-meta{border:1px solid #818cf8b3;border-radius:999px;margin-top:4px;padding:3px 9px;font-size:11px;display:inline-flex}.section-about .about-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:30px;display:grid}.section-label{letter-spacing:.18em;text-transform:uppercase;color:#94a3ffe6;margin-bottom:4px;font-size:11px}.section-about h2{margin:0 0 10px;font-size:20px}.section-about p{color:#cbd5ffe6;font-size:14px}.about-aside{flex-direction:column;gap:10px;display:flex}.about-stat{background:radial-gradient(circle at 0 0,#1e40afcc,#0f172af5);border:1px solid #1e40afcc;border-radius:14px;padding:10px 12px}.about-stat-label{text-transform:uppercase;letter-spacing:.18em;color:#bfdbfee6;font-size:11px;display:block}.about-stat-value{margin-top:3px;font-size:13px;display:block}.section-contact .contact-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr);align-items:flex-start;gap:24px;display:grid}.contact-card{background:radial-gradient(circle at 0 0,#082f49e6,#0f172afa);border:1px solid #38bdf8b3;border-radius:20px;padding:16px 16px 18px}.contact-form{flex-direction:column;gap:10px;display:flex}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.contact-form label{flex-direction:column;gap:4px;font-size:12px;display:flex}.contact-form input,.contact-form select,.contact-form textarea{color:#e5e7eb;background:#0f172ae6;border:1px solid #94a3ff99;border-radius:10px;padding:7px 10px;font-size:12px}.contact-form textarea{resize:vertical}.form-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.form-meta{color:#bfdbfee6;flex-direction:column;gap:2px;font-size:11px;display:flex}.form-meta a{color:#e5e7ff}.footer{color:#94a3ffe6;border-top:1px solid #1e40afcc;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:60px;padding-top:18px;font-size:11px;display:flex}.footer-right{opacity:.9}.contact-modal-backdrop{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:40;background:radial-gradient(circle at top,#0f172ae6,#0f172af5);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.contact-modal{background:radial-gradient(circle at 0 0,#1e40afe6,#0f172afa);border:1px solid #818cf8cc;border-radius:20px;width:100%;max-width:360px;padding:18px 18px 20px;box-shadow:0 30px 80px #000000e6}.contact-modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.contact-modal-title{margin:0;font-size:16px}.contact-modal-close{color:#e2e8ffe6;cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}.contact-modal-text{color:#cbd5ffe6;margin:0 0 8px;font-size:13px}.contact-modal-email{color:#e5e7ff;background:radial-gradient(circle at 10% 0,#38bdf833,#0f172af2);border:1px solid #38bdf8e6;border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;font-size:13px;text-decoration:none;display:inline-flex}@media (max-width:880px){.nav{flex-wrap:wrap;row-gap:10px}.nav-links{display:none}.hero-layout{grid-template-columns:minmax(0,1fr)}.hero-right{order:-1}.hero-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.cards-grid,.section-work .work-grid,.section-about .about-grid,.section-contact .contact-grid,.form-row{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.page-grid{padding-inline:16px}.nav{padding-inline:12px}.hero-title{font-size:26px}.section{margin-top:46px}.section-header h2{font-size:18px}}