:root{--bg-primary: #09090b;--bg-secondary: #0f0f12;--bg-card: #131316;--bg-input: #0c0c0f;--border: rgba(39, 39, 42, .55);--border-hover: rgba(63, 63, 70, .7);--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #52525b;--violet: #8b5cf6;--cyan: #06b6d4;--emerald: #10b981;--fuchsia: #d946ef;--amber: #f59e0b;--font-sans: "Plus Jakarta Sans", "Inter", -apple-system, sans-serif;--font-display: "Outfit", sans-serif;--font-mono: "Fira Code", "Courier New", monospace;--mouse-x: 50%;--mouse-y: 50%;--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}input,select,textarea{font-family:inherit}img{max-width:100%;display:block}::selection{background:#8b5cf64d;color:#e4e4e7}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#27272a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3f3f46}.container{max-width:76rem;margin:0 auto;padding:0 1.5rem}.hidden{display:none!important}.bg-ambient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.bg-video-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.bg-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;pointer-events:none;opacity:.35;filter:saturate(1.4) contrast(1.05) brightness(1.6);will-change:transform}.bg-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#09090b33,#09090bb8 65%,#09090beb),linear-gradient(180deg,rgba(9,9,11,.6) 0%,transparent 18%,transparent 80%,rgba(9,9,11,.75) 100%)}@media (max-width: 640px){.bg-video{opacity:.22}}@media (prefers-reduced-motion: reduce){.bg-video{display:none}}.bg-blob{position:absolute;border-radius:50%;filter:blur(120px)}.bg-blob--violet{top:-10%;left:-10%;width:50%;height:50%;background:#8b5cf614}.bg-blob--cyan{bottom:-10%;right:-10%;width:50%;height:50%;background:#06b6d414}.interactive-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;mix-blend-mode:screen;background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(139,92,246,.06),rgba(6,182,212,.04) 40%,transparent 80%);transition:opacity .3s}.header{position:fixed;top:0;left:0;width:100%;z-index:100;border-bottom:1px solid rgba(39,39,42,.4);background:#09090bb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .35s var(--ease-out-expo)}.header__inner{max-width:76rem;margin:0 auto;padding:0 1.5rem;height:80px;display:flex;align-items:center;justify-content:space-between;transition:height .35s var(--ease-out-expo)}.header-scrolled{background:#09090be0;border-color:#ffffff0a}.header-scrolled .header__inner{height:64px}.logo{font-family:var(--font-display);font-weight:700;font-size:1.2rem;letter-spacing:-.02em;color:#fff;transition:color .2s}.logo--sm{font-size:1.05rem}.logo__bracket{color:var(--violet);transition:transform .3s;display:inline-block}.logo:hover .logo__bracket:first-child{transform:rotate(12deg)}.logo:hover .logo__bracket:last-child{transform:rotate(-12deg)}.logo__accent{color:#22d3ee}.nav-desktop{display:none;align-items:center;gap:2rem}.nav-link{font-size:.875rem;font-weight:500;color:var(--text-secondary);position:relative;transition:color .2s}.nav-link:after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:2px;background:var(--violet);transition:width .25s var(--ease-out-expo)}.nav-link:hover{color:#fff}.nav-link:hover:after{width:100%}.nav-ctas{display:none;align-items:center;gap:.75rem}.mobile-toggle{display:flex;padding:.5rem;color:var(--text-secondary);transition:color .2s}.mobile-toggle:hover{color:#fff}.mobile-menu{border-top:1px solid rgba(39,39,42,.4);background:#09090bf5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem}.mobile-menu__nav{display:flex;flex-direction:column;gap:.25rem}.mobile-menu__nav a{display:block;padding:.75rem 0;font-size:1rem;font-weight:500;color:var(--text-secondary);transition:color .2s}.mobile-menu__nav a:hover{color:#fff}.mobile-menu__ctas{display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(39,39,42,.4)}@media (min-width: 768px){.nav-desktop{display:flex}.mobile-toggle{display:none}}@media (min-width: 1024px){.nav-ctas{display:flex}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;border-radius:.625rem;transition:all .25s var(--ease-out-expo);white-space:nowrap;text-align:center;font-size:.9375rem;padding:.75rem 1.5rem}.btn--nav{font-size:.875rem;padding:.625rem 1.25rem}.btn--lg{font-size:1rem;padding:1rem 2rem}.btn--xl{font-size:1.0625rem;padding:1.125rem 2rem}.btn--sm{font-size:.8125rem;padding:.5rem 1.25rem}.btn--block{width:100%}.btn--primary{background:linear-gradient(135deg,var(--violet),var(--cyan));color:#fff;border:none;box-shadow:0 4px 20px -4px #8b5cf659}.btn--primary:hover{box-shadow:0 6px 28px -4px #06b6d473;transform:translateY(-1px)}.btn--outline{background:#18181b80;color:var(--text-secondary);border:1px solid var(--border)}.btn--outline:hover{border-color:var(--border-hover);color:#fff;background:#18181bb3}.btn--outline svg{color:var(--violet)}.btn--white{background:#fff;color:#09090b;border:none;box-shadow:0 4px 15px -3px #ffffff1a}.btn--white:hover{background:#e4e4e7;transform:translateY(-1px)}.hero{position:relative;z-index:10;min-height:100vh;display:flex;align-items:center;padding:8rem 1.5rem 5rem}.hero__grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}.hero__content{display:flex;flex-direction:column;gap:1.5rem}.hero__title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.25rem,5vw,3.75rem);line-height:1.15;letter-spacing:-.03em;color:#fff}.gradient-text{background:linear-gradient(90deg,#a78bfa,#d946ef,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__subtitle{font-size:1.0625rem;color:var(--text-secondary);font-weight:300;line-height:1.7;max-width:34rem}.hero__ctas{display:flex;flex-wrap:wrap;gap:1rem;padding-top:.25rem}.hero__indicators{display:flex;flex-wrap:wrap;gap:1.5rem;padding-top:.5rem;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.indicator{display:flex;align-items:center;gap:.4rem}.indicator__dot{width:6px;height:6px;border-radius:50%}.indicator__dot--green{background:var(--emerald)}.indicator__dot--cyan{background:var(--cyan)}.indicator__dot--violet{background:var(--violet)}.hero__terminal{width:100%}@media (min-width: 1024px){.hero__grid{grid-template-columns:7fr 5fr}}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1px solid rgba(139,92,246,.3);background:#4c1d9526;color:#c4b5fd}.badge__dot{width:8px;height:8px;border-radius:50%;background:#a78bfa;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{0%{opacity:1;transform:scale(1)}75%,to{opacity:0;transform:scale(2)}}.terminal{background:#131316a6;border:1px solid var(--border);border-radius:.75rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative}.terminal:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(135deg,#8b5cf626,#06b6d426);border-radius:.75rem;opacity:0;transition:opacity .3s;z-index:-1;filter:blur(4px)}.terminal:hover:before{opacity:1}.terminal__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#09090bcc;border-bottom:1px solid rgba(39,39,42,.3)}.terminal__dots{display:flex;gap:6px}.terminal__dot{width:12px;height:12px;border-radius:50%}.terminal__dot--red{background:#f43f5e73}.terminal__dot--yellow{background:#eab30873}.terminal__dot--green{background:#10b98173}.terminal__title{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.terminal__icon{color:var(--text-muted)}.terminal__body{padding:1.25rem;font-family:var(--font-mono);font-size:.8125rem;color:#d4d4d8;line-height:1.65;height:340px;overflow-y:auto}.terminal__line{margin-bottom:.5rem}.terminal__line--muted{color:var(--text-muted)}.terminal__line--violet{color:#a78bfa}.terminal__line--green{color:#34d399}.terminal__line--cyan{color:#22d3ee}.terminal-line{display:block;margin-bottom:8px;line-height:1.5;animation:termLineIn .2s ease-out forwards}@keyframes termLineIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cursor-blink{display:inline-block;width:6px;height:14px;background:var(--cyan);margin-left:4px;vertical-align:middle;animation:blink .8s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}#terminal-body::-webkit-scrollbar{width:5px}#terminal-body::-webkit-scrollbar-thumb{background:#1f1f23;border-radius:3px}.text-zinc-500{color:var(--text-muted)}.text-zinc-400{color:var(--text-secondary)}.text-emerald-400{color:#34d399}.text-cyan-400{color:#22d3ee}.text-violet-400{color:#a78bfa}.font-semibold{font-weight:600}.section{position:relative;z-index:10;padding:6rem 1.5rem}.section--alt{background:#09090b66;border-top:1px solid rgba(39,39,42,.35)}.section__header{text-align:center;max-width:38rem;margin:0 auto 3.5rem}.section__header--left{text-align:left;max-width:none;display:flex;flex-direction:column;gap:1rem;margin-bottom:3.5rem}.section__tag{display:inline-block;font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--violet);margin-bottom:.5rem}.section__tag--cyan{color:#22d3ee}.section__title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.75rem,3.5vw,2.5rem);letter-spacing:-.025em;color:#fff;line-height:1.2}.section__desc{color:var(--text-secondary);font-size:.9375rem;font-weight:300;line-height:1.65;margin-top:.75rem}.section__desc--side{max-width:24rem}@media (min-width: 768px){.section__header--left{flex-direction:row;align-items:flex-end;justify-content:space-between}}.services-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 768px){.services-grid{grid-template-columns:repeat(2,1fr)}}.service-card{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;padding:1.75rem;border-radius:.875rem;background:var(--bg-card);border:1px solid var(--border);transition:all .4s var(--ease-out-expo);overflow:hidden}.service-card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:.875rem;background:radial-gradient(200px circle at var(--card-mouse-x, 50%) var(--card-mouse-y, 50%),var(--card-glow-color, rgba(139,92,246,.12)),transparent 80%);z-index:-1;opacity:0;transition:opacity .3s}.service-card:hover{transform:translateY(-3px)}.service-card:hover:after{opacity:1}.service-card[data-glow-color=violet]:hover{border-color:#8b5cf659;box-shadow:0 8px 30px -12px #8b5cf633}.service-card[data-glow-color=cyan]:hover{border-color:#06b6d459;box-shadow:0 8px 30px -12px #06b6d433}.service-card[data-glow-color=emerald]:hover{border-color:#10b98159;box-shadow:0 8px 30px -12px #10b98133}.service-card[data-glow-color=fuchsia]:hover{border-color:#d946ef59;box-shadow:0 8px 30px -12px #d946ef33}.service-card__inner{position:relative}.service-card__icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;transition:transform .3s var(--ease-out-expo);border:1px solid}.service-card:hover .service-card__icon{transform:scale(1.08)}.service-card__icon--violet{background:#8b5cf61a;border-color:#8b5cf633;color:#a78bfa}.service-card__icon--cyan{background:#06b6d41a;border-color:#06b6d433;color:#22d3ee}.service-card__icon--emerald{background:#10b9811a;border-color:#10b98133;color:#34d399}.service-card__icon--fuchsia{background:#d946ef1a;border-color:#d946ef33;color:#e879f9}.service-card__title{font-family:var(--font-display);font-weight:700;font-size:1.1875rem;color:#fff;margin-bottom:.6rem}.service-card__desc{font-size:.875rem;color:var(--text-secondary);font-weight:300;line-height:1.65}.service-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(39,39,42,.3);font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:#a78bfa}.service-card__footer svg{transition:transform .2s}.service-card:hover .service-card__footer svg{transform:translate(3px)}.service-card__footer--cyan{color:#22d3ee}.service-card__footer--emerald{color:#34d399}.service-card__footer--fuchsia{color:#e879f9}.projects{display:flex;flex-direction:column;gap:4rem}.project{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center}@media (min-width: 1024px){.project{grid-template-columns:1fr 1fr}.project--reversed .project__visual{order:-1}}.project__meta{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;color:#a78bfa;margin-bottom:.75rem}.project__meta--cyan{color:#22d3ee}.project__meta--emerald{color:#34d399}.project__meta--fuchsia{color:#e879f9}.project__title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.375rem,2.5vw,1.75rem);color:#fff;line-height:1.25;margin-bottom:1rem}.project__desc{font-size:.9375rem;color:var(--text-secondary);font-weight:300;line-height:1.7;margin-bottom:1.25rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{padding:.375rem .75rem;border-radius:6px;background:#18181bb3;border:1px solid var(--border);font-family:var(--font-mono);font-size:.75rem;color:#d4d4d8}.code-window{background:#1313168c;border:1px solid var(--border);border-radius:.75rem;overflow:hidden;box-shadow:0 20px 40px -12px #0006;position:relative}.code-window:before{content:"";position:absolute;top:0;right:0;width:120px;height:120px;background:#8b5cf60d;border-radius:50%;filter:blur(40px);transition:background .3s}.code-window:hover:before{background:#8b5cf61a}.code-window--cyan:before{background:#06b6d40d}.code-window--cyan:hover:before{background:#06b6d41a}.code-window--emerald:before{background:#10b9810d}.code-window--emerald:hover:before{background:#10b9811a}.code-window--fuchsia:before{background:#d946ef0d}.code-window--fuchsia:hover:before{background:#d946ef1a}.code-window__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgba(39,39,42,.3)}.code-window__dots{display:flex;gap:6px}.code-window__dots span{width:10px;height:10px;border-radius:50%;background:#3f3f46}.code-window__filename{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.code-window__body{padding:1.25rem;font-family:var(--font-mono);font-size:.8125rem;color:var(--text-secondary);line-height:1.7;overflow-x:auto}.code-window__body>div{margin-bottom:.2rem}.code-indent{padding-left:1.5rem}.code-indent-2{padding-left:3rem}.code-comment{color:var(--text-muted)}.code-violet{color:#a78bfa}.code-cyan{color:#22d3ee}.code-amber{color:#fbbf24}.skills-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1024px){.skills-layout{grid-template-columns:7fr 5fr}}.skills-grid{display:flex;flex-direction:column;gap:1.75rem}.skill-category__title{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.75rem}.skill-category__items{display:grid;grid-template-columns:1fr;gap:.625rem}@media (min-width: 480px){.skill-category__items{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.skill-category__items{grid-template-columns:repeat(3,1fr)}}.skill-pill{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;text-align:left;transition:all .25s var(--ease-out-expo);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.skill-pill:hover{border-color:var(--border-hover);background:#18181bcc;transform:translateY(-1px)}.skill-pill.active{background:#8b5cf614;border-color:#8b5cf666;box-shadow:0 0 20px -5px #8b5cf633}.skill-pill__icon{width:42px;height:42px;min-width:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid;transition:transform .2s}.skill-pill:hover .skill-pill__icon{transform:scale(1.05)}.skill-pill__text{display:flex;flex-direction:column;gap:.125rem}.skill-pill__name{font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:#e4e4e7}.skill-pill__sub{font-size:.6875rem;color:var(--text-muted);font-weight:400}.skills-console{display:flex}.skills-console__inner{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden}.skills-console__bar{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--violet),transparent 50%,var(--cyan))}.skills-console__header{display:flex;align-items:center;gap:.5rem;padding-bottom:.875rem;border-bottom:1px solid rgba(39,39,42,.3);margin-bottom:1.25rem}.skills-console__dot{width:10px;height:10px;border-radius:50%;background:#8b5cf680;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.skills-console__title{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary)}.skills-console__body{font-family:var(--font-mono);font-size:.9375rem;line-height:1.7;color:var(--text-secondary);flex:1}.skills-console__footer{margin-top:1.5rem;padding-top:1rem;text-align:right;border-top:1px solid rgba(39,39,42,.2);font-family:var(--font-mono);font-size:.625rem;color:var(--text-muted)}.timeline-layout{display:grid;grid-template-columns:1fr;gap:2.5rem}@media (min-width: 1024px){.timeline-layout{grid-template-columns:4fr 8fr;gap:3rem}}.timeline-header{text-align:left}.timeline{display:flex;flex-direction:column;gap:2.5rem;position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:#27272a80}.timeline__item{display:block;position:relative}.timeline__bullet{position:absolute;left:-2rem;top:6px;width:16px;height:16px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.timeline__bullet:after{content:"";width:6px;height:6px;border-radius:50%}.timeline__bullet--violet{border-color:#8b5cf666}.timeline__bullet--violet:after{background:var(--violet)}.timeline__bullet--cyan{border-color:#06b6d466}.timeline__bullet--cyan:after{background:var(--cyan)}.timeline__bullet--emerald{border-color:#10b98166}.timeline__bullet--emerald:after{background:var(--emerald)}.timeline__bullet--fuchsia{border-color:#d946ef66}.timeline__bullet--fuchsia:after{background:var(--fuchsia)}.timeline__bullet--muted{border-color:#3f3f4680}.timeline__bullet--muted:after{background:#52525b}.timeline__date{display:block;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.timeline__title{display:block;font-weight:700;font-size:1.125rem;color:#fff;margin-top:.25rem}.timeline__org{display:block;font-family:var(--font-mono);font-size:.75rem;color:#22d3ee;margin-top:.125rem}.timeline__desc{display:block;font-size:.875rem;color:var(--text-secondary);font-weight:300;line-height:1.65;margin-top:.5rem}.timeline__cert{display:inline-flex;align-items:center;gap:.4rem;margin-top:.75rem;padding:.5rem 1rem;border-radius:.5rem;background:#10b98114;border:1px solid rgba(16,185,129,.25);font-family:var(--font-mono);font-size:.8125rem;font-weight:600;color:#34d399;transition:all .25s var(--ease-out-expo)}.timeline__cert:hover{background:#10b98126;border-color:#10b98173;transform:translateY(-1px);box-shadow:0 4px 15px -4px #10b9814d}.contact-layout{display:grid;grid-template-columns:1fr;gap:3rem;align-items:stretch}@media (min-width: 1024px){.contact-layout{grid-template-columns:5fr 7fr}}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-vectors{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.contact-vector{display:flex;align-items:center;gap:1rem;font-family:var(--font-mono);font-size:.9375rem;color:var(--text-secondary);transition:color .2s}.contact-vector:hover{color:#fff}.contact-vector__icon{width:48px;height:48px;min-width:48px;border-radius:12px;background:#18181b99;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .25s}.contact-vector:hover .contact-vector__icon{color:var(--violet);border-color:#8b5cf64d}.contact-form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:.875rem;padding:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden}@media (min-width: 640px){.contact-form-card{padding:2.5rem}}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 640px){.form-row{grid-template-columns:1fr 1fr}}.form-group{display:flex;flex-direction:column}.form-label{font-family:var(--font-mono);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.625rem}.form-input{width:100%;padding:.9375rem 1.125rem;background:var(--bg-input);border:1px solid var(--border);border-radius:.625rem;color:#fff;font-size:1rem;font-weight:500;outline:none;transition:all .2s}.form-input::placeholder{color:#3f3f46}.form-input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #8b5cf626;background:#09090bf2}.form-textarea{resize:vertical;min-height:130px;line-height:1.6}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-select option{background:#131316}.form-select-wrap{position:relative}.form-select-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.form-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#09090beb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;opacity:0;pointer-events:none;transition:opacity .3s}.form-overlay.active{opacity:1;pointer-events:auto}.form-overlay__icon{width:64px;height:64px;border-radius:50%;background:#10b9811a;border:1px solid rgba(16,185,129,.25);display:flex;align-items:center;justify-content:center;color:#34d399;margin-bottom:1.25rem;transform:scale(.8);transition:transform .3s}.form-overlay.active .form-overlay__icon{transform:scale(1)}.form-overlay__title{font-weight:700;font-size:1.25rem;color:#fff;margin-bottom:.5rem}.form-overlay__msg{color:var(--text-secondary);font-size:.9375rem;max-width:320px;line-height:1.6;margin-bottom:1.5rem}.footer{border-top:1px solid rgba(39,39,42,.35);background:var(--bg-primary);padding:3rem 1.5rem;position:relative;z-index:10}.footer__inner{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}@media (min-width: 640px){.footer__inner{flex-direction:row;justify-content:space-between;text-align:left}}.footer__brand{display:flex;flex-direction:column;gap:.375rem}.footer__copy{font-size:.75rem;color:var(--text-muted);font-weight:300}.footer__socials{display:flex;gap:.625rem}.social-link{width:40px;height:40px;border-radius:10px;background:#18181b99;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .25s}.social-link:hover{color:#fff;border-color:var(--border-hover)}.fade-in-up{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}.fade-in-up.active{opacity:1;transform:translateY(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.space-y-6>*+*{margin-top:1.5rem}.project__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.25rem 0;padding:.875rem 1rem;background:#121216a6;border:1px solid rgba(255,255,255,.07);border-radius:.75rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (max-width: 640px){.project__metrics{grid-template-columns:1fr;gap:.625rem}}.metric-item{display:flex;flex-direction:column;gap:.2rem}.metric-value{font-family:var(--font-display);font-size:1.15rem;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.15}.metric-value--violet{color:#c4b5fd}.metric-value--cyan{color:#67e8f9}.metric-value--emerald{color:#6ee7b7}.metric-value--fuchsia{color:#f0abfc}.metric-label{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.project__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem}.code-window__tabs{display:flex;align-items:center;gap:.35rem;overflow-x:auto}.code-tab{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px solid transparent;border-radius:.375rem;padding:.25rem .6rem;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);cursor:pointer;transition:all .2s ease;white-space:nowrap}.code-tab:hover{color:#fff;background:#ffffff0d}.code-tab.active{color:#fff;background:#ffffff14;border-color:#ffffff26;font-weight:600}.code-tab svg{flex-shrink:0;color:currentColor}.arch-diagram{display:flex;flex-direction:column;gap:.5rem;padding:.25rem 0}.arch-node{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .875rem;border-radius:.5rem;background:#18181bbf;border:1px solid rgba(255,255,255,.07);transition:all .2s ease}.arch-node:hover{border-color:#a78bfa66;background:#1e1b2dcc;transform:translate(2px)}.arch-node__left{display:flex;align-items:center;gap:.625rem;min-width:0}.arch-node__icon{font-size:.95rem;flex-shrink:0}.arch-node__info{display:flex;flex-direction:column;min-width:0}.arch-node__title{font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:#f4f4f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arch-node__subtitle{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arch-node__badge{font-family:var(--font-mono);font-size:.65rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;background:#8b5cf626;color:#c4b5fd;border:1px solid rgba(139,92,246,.3);white-space:nowrap;flex-shrink:0}.arch-node__badge--cyan{background:#06b6d426;color:#67e8f9;border-color:#06b6d44d}.arch-node__badge--emerald{background:#10b98126;color:#6ee7b7;border-color:#10b9814d}.arch-node__badge--amber{background:#f59e0b26;color:#fcd34d;border-color:#f59e0b4d}.arch-node__badge--fuchsia{background:#d946ef26;color:#f0abfc;border-color:#d946ef4d}.arch-arrow{display:flex;align-items:center;justify-content:center;gap:.35rem;color:var(--text-muted);font-family:var(--font-mono);font-size:.65rem;padding:.05rem 0}.arch-arrow svg{color:var(--violet);flex-shrink:0}.arch-arrow--cyan svg{color:#22d3ee}.arch-arrow--emerald svg{color:#10b981}.arch-arrow--fuchsia svg{color:#e879f9}