:root{--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-xs:.75rem;--font-sm:.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:2rem;--font-4xl:2.5rem;--font-5xl:3.25rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--line-height:1.6;--line-heading:1.15;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease:cubic-bezier(.4,0,.2,1);--duration-fast:.15s;--duration:.25s;--duration-slow:.4s;--container-max:1200px;--container-px:var(--sp-5);--color-bg:#fff;--color-bg-subtle:#f4f5f7;--color-bg-muted:#eef0f3;--color-surface:#fff;--color-border:#e2e5ea;--color-border-hover:#c9cdd4;--color-text:#111827;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-accent:#3b5bdb;--color-accent-hover:#2b4acb;--color-accent-soft:rgba(59,91,219,.08);--color-gradient-start:#3b5bdb;--color-gradient-end:#7048e8;--header-bg:hsla(0,0%,100%,.82);--header-border:rgba(0,0,0,.06);--overlay-bg:rgba(0,0,0,.45);--card-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--card-shadow-hover:0 8px 25px rgba(0,0,0,.1)}:root.dark{--color-bg:#0a0a0f;--color-bg-subtle:#13131a;--color-bg-muted:#1a1a24;--color-surface:#16161f;--color-border:#2a2a38;--color-border-hover:#3a3a4c;--color-text:#f0f0f5;--color-text-secondary:#9698a6;--color-text-muted:#5c5e6e;--color-accent:#7c8cf5;--color-accent-hover:#95a3ff;--color-accent-soft:rgba(124,140,245,.1);--color-gradient-start:#7c8cf5;--color-gradient-end:#a78bfa;--header-bg:rgba(10,10,15,.82);--header-border:hsla(0,0%,100%,.06);--overlay-bg:rgba(0,0,0,.7);--card-shadow:0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);--card-shadow-hover:0 8px 25px rgba(0,0,0,.5)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-base);line-height:var(--line-height);transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast) var(--ease)}a:hover{color:var(--color-accent-hover)}img{display:block;max-width:100%}.icon{direction:ltr;display:inline-block;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.icon--filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.container{margin:0 auto;max-width:var(--container-max);padding-left:var(--container-px);padding-right:var(--container-px);width:100%}.section{padding:var(--sp-20) 0}.section-header{margin-bottom:var(--sp-12);text-align:center}.section-title{font-size:var(--font-3xl);font-weight:var(--fw-bold);line-height:var(--line-heading);margin-bottom:var(--sp-3)}.section-subtitle{color:var(--color-text-secondary);font-size:var(--font-lg);margin:0 auto;max-width:600px}.grid{display:grid;gap:var(--sp-6)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid--2,.grid--3{grid-template-columns:1fr}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);padding:var(--sp-8);transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease),border-color var(--duration) var(--ease)}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.card__icon{align-items:center;background:var(--color-accent-soft);border-radius:var(--radius-md);color:var(--color-accent);display:flex;height:48px;justify-content:center;margin-bottom:var(--sp-4);width:48px}.card__title{font-size:var(--font-xl);font-weight:var(--fw-semibold);margin-bottom:var(--sp-2)}.card__text{color:var(--color-text-secondary);font-size:var(--font-sm);line-height:1.6}.header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--header-bg);border-bottom:1px solid var(--header-border);padding:var(--sp-3) 0;position:sticky;top:0;transition:transform .3s var(--ease);z-index:100}.header__inner{justify-content:space-between;min-height:48px}.header__inner,.header__logo{align-items:center;display:flex}.header__logo{font-size:var(--font-2xl);font-weight:var(--fw-extrabold);letter-spacing:-.03em}.header__logo-img{height:36px;-o-object-fit:contain;object-fit:contain;width:auto}.header__nav{align-items:center;display:flex;gap:var(--sp-6)}.header__link{color:var(--color-text-secondary);font-size:var(--font-sm);font-weight:var(--fw-medium);transition:color var(--duration-fast);white-space:nowrap}.header__link:hover{color:var(--color-text);text-decoration:none}.header__actions{align-items:center;display:flex;gap:var(--sp-3)}.hamburger{background:none;border:none;color:var(--color-text);cursor:pointer;display:none;padding:var(--sp-2)}@media(max-width:768px){.header__nav{display:none}.header__nav.is-open{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--header-bg);border-bottom:1px solid var(--header-border);display:flex;flex-direction:column;gap:var(--sp-4);left:0;padding:var(--sp-6);position:absolute;right:0;top:100%}.hamburger{display:block}}.btn{align-items:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-sm);font-weight:var(--fw-medium);gap:var(--sp-2);justify-content:center;padding:var(--sp-2) var(--sp-4);transition:all var(--duration-fast) var(--ease);white-space:nowrap}.btn:hover{background:var(--color-bg-subtle);border-color:var(--color-border-hover);text-decoration:none}.btn--primary{background:linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-end));border:none;border-radius:var(--radius-md);box-shadow:0 2px 8px #3b5bdb59;color:#fff;font-size:var(--font-base);font-weight:var(--fw-semibold);padding:var(--sp-3) var(--sp-6)}.btn--primary:hover{box-shadow:0 4px 16px #3b5bdb73;color:#fff;text-decoration:none;transform:translateY(-1px)}.btn--ghost{border:none;color:var(--color-text-secondary);padding:var(--sp-2)}.btn--ghost:hover{background:var(--color-accent-soft);color:var(--color-text)}.btn--icon{border-radius:var(--radius-sm);height:36px;padding:0;width:36px}.hero{overflow:hidden;padding:var(--sp-24) 0 var(--sp-20);position:relative;text-align:center}.hero:before{background:radial-gradient(circle,var(--color-accent-soft) 0,transparent 70%);content:"";height:800px;left:50%;pointer-events:none;position:absolute;top:-50%;transform:translate(-50%);width:800px;z-index:0}.hero__content{position:relative;z-index:1}.hero__logo{display:block;height:88px;margin:0 auto var(--sp-8);width:auto}.hero__badge{align-items:center;background:var(--color-accent-soft);border:1px solid var(--color-accent);border-radius:var(--radius-full);color:var(--color-accent);display:inline-flex;font-size:var(--font-sm);font-weight:var(--fw-medium);gap:var(--sp-2);margin-bottom:var(--sp-6);padding:var(--sp-1) var(--sp-4)}.hero__title{font-size:var(--font-5xl);font-weight:var(--fw-extrabold);letter-spacing:-.03em;line-height:var(--line-heading);margin:0 auto var(--sp-6);max-width:800px}.hero__title span{background:linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{color:var(--color-text-secondary);font-size:var(--font-lg);line-height:1.7;margin:0 auto var(--sp-10);max-width:640px}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--sp-4);justify-content:center}@media(max-width:768px){.hero{padding:var(--sp-16) 0 var(--sp-12)}.hero__title{font-size:var(--font-3xl)}}.stack-list{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center}.stack-tag{background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:var(--fw-medium);padding:var(--sp-2) var(--sp-4);transition:all var(--duration-fast)}.stack-tag:hover{border-color:var(--color-accent);color:var(--color-accent)}.process-flow{margin:0 auto;max-width:700px;position:relative}.process-flow:before{background:linear-gradient(180deg,var(--color-accent),var(--color-border) 50%,var(--color-accent));bottom:0;content:"";left:27px;opacity:.4;position:absolute;top:0;width:2px}.process-step{display:flex;gap:var(--sp-6);padding-bottom:var(--sp-10);position:relative}.process-step:last-child{padding-bottom:0}.process-step__num{align-items:center;background:var(--color-surface);border:2px solid var(--color-accent);border-radius:50%;box-shadow:0 0 0 5px var(--color-accent-soft),0 4px 12px #00000014;color:var(--color-accent);display:flex;flex-shrink:0;font-size:var(--font-xl);font-weight:var(--fw-extrabold);height:56px;justify-content:center;position:relative;transition:all var(--duration) var(--ease);width:56px;z-index:1}.process-step:hover .process-step__num{background:linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-end));border-color:transparent;box-shadow:0 0 0 6px var(--color-accent-soft),0 4px 20px #3b5bdb4d;color:#fff;transform:scale(1.08)}.process-step__body{padding-top:var(--sp-3)}.process-step__title{font-size:var(--font-lg);font-weight:var(--fw-semibold);margin-bottom:var(--sp-1)}.process-step__text{color:var(--color-text-secondary);font-size:var(--font-sm);line-height:1.6}.form-group{margin-bottom:var(--sp-5)}.form-label{display:block;font-size:var(--font-sm);font-weight:var(--fw-medium);margin-bottom:var(--sp-2)}.form-control{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-base);outline:none;padding:var(--sp-3) var(--sp-4);transition:border-color var(--duration-fast);width:100%}.form-control::-moz-placeholder{color:var(--color-text-muted)}.form-control::placeholder{color:var(--color-text-muted)}.form-control:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}textarea.form-control{min-height:100px;resize:vertical}.contact-section{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--sp-12)}@media(max-width:600px){.contact-section{padding:var(--sp-6)}}.footer{background:var(--color-bg-subtle);border-top:1px solid var(--color-border);margin-top:var(--sp-20);padding:var(--sp-16) 0 var(--sp-8)}.footer__grid{display:grid;gap:var(--sp-10);grid-template-columns:1.5fr 1fr 1.2fr;margin-bottom:var(--sp-12)}.footer__heading{font-size:var(--font-lg);font-weight:var(--fw-semibold);margin-bottom:var(--sp-4)}.footer__text{color:var(--color-text-secondary);font-size:var(--font-sm);line-height:1.8}.footer__text a{color:var(--color-accent)}.footer__bottom{border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-sm);padding-top:var(--sp-6);text-align:center}@media(max-width:768px){.footer__grid{gap:var(--sp-8);grid-template-columns:1fr}}.modal-overlay{align-items:center;animation:fadeIn var(--duration) var(--ease);background:var(--overlay-bg);display:flex;inset:0;justify-content:center;padding:var(--sp-5);position:fixed;z-index:200}.modal-panel{animation:scaleIn var(--duration) var(--ease);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 8px 30px #0000001f;max-width:380px;padding:var(--sp-8);width:100%}.modal-panel__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--sp-6)}.modal-panel__title{font-size:var(--font-xl);font-weight:var(--fw-semibold)}.radio-option{align-items:center;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--sp-3);margin-bottom:var(--sp-2);padding:var(--sp-3) var(--sp-4);transition:background var(--duration-fast)}.radio-option:hover{background:var(--color-bg-subtle)}.radio-option.is-active{background:var(--color-accent-soft);border-color:var(--color-accent)}.radio-option__dot{align-items:center;border:2px solid var(--color-border);border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:border-color var(--duration-fast);width:20px}.radio-option.is-active .radio-option__dot{border-color:var(--color-accent)}.radio-option.is-active .radio-option__dot:after{background:var(--color-accent);border-radius:50%;content:"";height:10px;width:10px}.radio-option__label{font-size:var(--font-base);font-weight:var(--fw-medium)}.portfolio-link{align-items:center;display:inline-flex;font-weight:var(--fw-medium);gap:var(--sp-2);margin-top:var(--sp-4)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.success-msg{align-items:center;color:#22c55e;display:flex;font-size:var(--font-sm);font-weight:var(--fw-medium);gap:var(--sp-2);margin-top:var(--sp-3)}