@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg:#0b0e14;--bg-elevated:#10141d;--surface:#151a25;--surface-hover:#1a2030;--border:#232a3a;--border-bright:#38435c;--text:#e9ebf1;--text-muted:#8b93a7;--text-dim:#565f73;--accent:#5b8cff;--accent-soft:#5b8cff1f;--accent-dim:#3a5bc7;--amber:#ffb454;--amber-soft:#ffb4541f;--success:#6fcf97;--danger:#ff6b6b;--font-display:"Space Grotesk", "Inter", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--container:1180px;--nav-height:76px;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:32px}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.06;background-size:64px 64px;position:fixed;inset:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}::selection{background:var(--accent);color:#050709}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;font-weight:600;line-height:1.15}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 28px}.eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);border-radius:2px;flex-shrink:0;width:7px;height:7px;transform:rotate(45deg)}.bracket-frame{position:relative}.bracket-frame:before,.bracket-frame:after{content:"";border-color:var(--border-bright);opacity:.9;border-style:solid;border-width:0;width:16px;height:16px;transition:border-color .25s;position:absolute}.bracket-frame:before{border-top-width:2px;border-left-width:2px;top:-1px;left:-1px}.bracket-frame:after{border-bottom-width:2px;border-right-width:2px;bottom:-1px;right:-1px}.bracket-frame:hover:before,.bracket-frame:hover:after{border-color:var(--accent)}.section{z-index:1;padding:120px 0;position:relative}@media (width<=720px){.section{padding:88px 0}.container{padding:0 20px}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.bottom-nav{z-index:100;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__list{border:1px solid var(--border-bright);-webkit-backdrop-filter:blur(18px)saturate(140%);pointer-events:auto;background:#10141db8;border-radius:999px;align-items:center;gap:2px;padding:6px;list-style:none;display:flex;box-shadow:0 12px 32px -8px #0000008c,inset 0 0 0 1px #00000026}.bottom-nav__item{display:flex}.bottom-nav__link{color:var(--text-dim);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:10px 14px;font-size:13px;font-weight:500;transition:color .2s,background .2s;display:flex;position:relative}.bottom-nav__link:hover{color:var(--text-muted)}.bottom-nav__icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.bottom-nav__label{opacity:0;max-width:0;transition:max-width .28s,opacity .2s;overflow:hidden}.bottom-nav__link.is-active{color:#050709;background:var(--accent)}.bottom-nav__link.is-active .bottom-nav__label{opacity:1;max-width:120px}.bottom-nav__link.is-active .bottom-nav__icon svg{filter:drop-shadow(0 0 #0000)}@media (width<=480px){.bottom-nav__link{padding:10px 12px}.bottom-nav__link.is-active .bottom-nav__label{max-width:90px}}.footer{border-top:1px solid var(--border);z-index:1;padding:28px 0 140px;position:relative}.footer__inner{color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:.82rem;display:flex}.footer__made{font-family:var(--font-mono);letter-spacing:.03em}.hero{align-items:center;min-height:100svh;padding:140px 0 160px;display:flex;position:relative;overflow:hidden}.hero__grid{z-index:0;background:radial-gradient(ellipse 60% 50% at 78% 30%, var(--accent-soft), transparent 60%), radial-gradient(ellipse 40% 40% at 10% 85%, #ffb4540f, transparent 60%);pointer-events:none;position:absolute;inset:-10%}.hero__container{z-index:1;grid-template-columns:1.15fr .85fr;align-items:center;gap:64px;display:grid;position:relative}.hero__content{flex-direction:column;gap:22px;display:flex}.hero__headline{flex-direction:column;font-size:clamp(2.4rem,5vw,4.1rem);font-weight:700;display:flex}.hero__line:first-child{color:var(--text)}.hero__line:last-child{color:var(--accent)}.hero__sub{max-width:480px;color:var(--text-muted);font-size:1.05rem;line-height:1.7}.hero__actions{flex-wrap:wrap;gap:14px;margin-top:12px;display:flex}.btn{border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;gap:8px;padding:13px 24px;font-size:.95rem;font-weight:600;transition:transform .18s,background .18s,border-color .18s,color .18s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--accent);color:#050709}.btn--primary:hover{background:#7aa1ff}.btn--ghost{border-color:var(--border-bright);color:var(--text);background:0 0}.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.hero__panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px 26px 22px}.hero__panel-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:20px;padding-bottom:16px;display:flex}.hero__dot{background:var(--success);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #6fcf9726}.hero__panel-label{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.04em;font-size:12px}.hero__panel-body{flex-direction:column;gap:4px;margin-bottom:22px;display:flex}.hero__id{border-radius:var(--radius-sm);background:var(--accent-soft);width:52px;height:52px;color:var(--accent);font-family:var(--font-display);justify-content:center;align-items:center;margin-bottom:12px;font-size:1.1rem;font-weight:700;display:flex}.hero__name{font-family:var(--font-display);color:var(--text);font-size:1.15rem;font-weight:600}.hero__role{color:var(--text-muted);font-size:.92rem}.hero__available{font-family:var(--font-mono);color:var(--success);align-items:center;gap:8px;margin-top:12px;font-size:12px;display:flex}.hero__available-dot{background:var(--success);border-radius:50%;width:6px;height:6px}.hero__stats{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:14px;padding-top:20px;display:grid}.hero__stat{flex-direction:column;gap:4px;display:flex}.hero__stat-value{font-family:var(--font-display);color:var(--text);font-size:1rem;font-weight:700}.hero__stat-label{color:var(--text-dim);font-size:11px;line-height:1.3}@media (width<=900px){.hero{padding:120px 0 100px}.hero__container{grid-template-columns:1fr;gap:48px}.hero__panel{max-width:420px}}@media (width<=480px){.hero__stats{grid-template-columns:1fr 1fr}.hero__stat:last-child{grid-column:span 2}}.about__grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:72px;display:grid}.about__intro{flex-direction:column;gap:18px;display:flex}.about__heading{color:var(--text);max-width:480px;font-size:clamp(1.7rem,3vw,2.3rem)}.about__paragraph{color:var(--text-muted);max-width:500px;font-size:1rem;line-height:1.75}.about__skills{flex-direction:column;gap:16px;display:flex}.skill-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 22px}.skill-card__title{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:14px;font-size:12px}.skill-card__list{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.skill-card__tag{font-family:var(--font-mono);color:var(--text);background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:13px}@media (width<=860px){.about__grid{grid-template-columns:1fr;gap:40px}}.lightbox{z-index:300;padding:32px;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(6px);background:#06080ddb;flex-direction:column;justify-content:center;align-items:center;animation:.18s lightbox-fade;display:flex;position:fixed;inset:0}@keyframes lightbox-fade{0%{opacity:0}to{opacity:1}}.lightbox__frame{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);max-width:min(1100px,90vw);max-height:76vh;animation:.2s lightbox-pop;display:flex;position:relative;overflow:hidden}@keyframes lightbox-pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.lightbox__frame img{object-fit:contain;width:auto;max-width:min(1100px,90vw);height:auto;max-height:76vh;display:block}.lightbox__close{z-index:2;width:42px;height:42px;color:var(--text);background:var(--surface);border:1px solid var(--border-bright);border-radius:50%;justify-content:center;align-items:center;transition:color .18s,border-color .18s,transform .18s;display:flex;position:absolute;top:20px;right:20px}.lightbox__close:hover{color:var(--accent);border-color:var(--accent);transform:rotate(90deg)}.lightbox__nav{z-index:2;width:48px;height:48px;color:var(--text);background:var(--surface);border:1px solid var(--border-bright);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0 18px;transition:color .18s,border-color .18s,background .18s;display:flex;position:relative}.lightbox__nav:hover{color:#050709;background:var(--accent);border-color:var(--accent)}.lightbox__footer{color:var(--text-muted);align-items:center;gap:12px;margin-top:20px;font-size:.85rem;display:flex}.lightbox__title{font-family:var(--font-display);color:var(--text)}.lightbox__counter{font-family:var(--font-mono);color:var(--text-dim);border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:12px}@media (width<=720px){.lightbox{padding:20px;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.lightbox__nav{margin:0;position:fixed;top:50%;transform:translateY(-50%)}.lightbox__nav--prev{left:10px}.lightbox__nav--next{right:10px}.lightbox__close{top:14px;right:14px}}.section-head{flex-direction:column;gap:14px;max-width:620px;margin-bottom:56px;display:flex}.section-head__title{color:var(--text);font-size:clamp(1.7rem,3vw,2.3rem)}.section-head__sub{color:var(--text-muted);font-size:1rem;line-height:1.7}.section-head--center{text-align:center;align-items:center;margin-left:auto;margin-right:auto}.projects__grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.project-card:hover{border-color:var(--border-bright);transform:translateY(-4px)}.project-card__media{aspect-ratio:16/10;background:var(--bg-elevated);border-bottom:1px solid var(--border);background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:22px 22px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.project-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.project-card__media--clickable{cursor:zoom-in;font:inherit;border:none;padding:0}.project-card__media--clickable:hover img{transform:scale(1.04)}.project-card__zoom-hint{color:var(--text);opacity:0;background:#0b0e1459;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.project-card__zoom-hint svg{border:1px solid var(--border-bright);background:#0b0e14b3;border-radius:50%;width:34px;height:34px;padding:8px}.project-card__media--clickable:hover .project-card__zoom-hint,.project-card__media--clickable:focus-visible .project-card__zoom-hint{opacity:1}.project-card__count{font-family:var(--font-mono);color:var(--text);border:1px solid var(--border-bright);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b0e14b8;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:11.5px;display:inline-flex;position:absolute;bottom:10px;right:10px}.project-card__placeholder{font-family:var(--font-display);color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:56px;height:56px;font-size:1.6rem;font-weight:700;display:flex}.project-card__body{flex-direction:column;flex:1;gap:12px;padding:22px 22px 24px;display:flex}.project-card__title{color:var(--text);font-size:1.1rem}.project-card__desc{color:var(--text-muted);flex:1;font-size:.92rem;line-height:1.65}.project-card__tags{flex-wrap:wrap;gap:7px;margin-top:4px;list-style:none;display:flex}.project-card__tags li{font-family:var(--font-mono);color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:4px 10px;font-size:11.5px}.project-card__links{border-top:1px solid var(--border);gap:16px;margin-top:8px;padding-top:14px;display:flex}.project-card__links a{color:var(--text-muted);align-items:center;gap:6px;font-size:.85rem;transition:color .18s;display:inline-flex}.project-card__links a:hover{color:var(--accent)}.offer__grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.offer-card{background:var(--surface);border:1px solid var(--border);border-radius:0 13px;flex-direction:column;padding:30px 28px;display:flex;position:relative}.offer-card.is-highlighted{border-color:var(--accent);background:linear-gradient(180deg, var(--accent-soft), var(--surface) 45%)}.offer-card__ribbon{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:#050709;background:var(--accent);border-radius:999px;padding:5px 10px;font-size:11px;position:absolute;top:20px;right:20px}.offer-card__badge{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:12px;font-size:12px}.offer-card__title{color:var(--text);margin-bottom:10px;font-size:1.35rem}.offer-card__desc{color:var(--text-muted);margin-bottom:22px;font-size:.93rem;line-height:1.65}.offer-card__price{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:22px;padding-bottom:22px;display:flex}.offer-card__price-value{font-family:var(--font-display);color:var(--text);font-size:2rem;font-weight:700}.offer-card__price-note{color:var(--text-dim);font-size:.85rem}.offer-card__features{flex-direction:column;flex:1;gap:12px;margin-bottom:26px;list-style:none;display:flex}.offer-card__features li{color:var(--text-muted);align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.5;display:flex}.offer-card__features li svg{color:var(--accent);flex-shrink:0;margin-top:2px}.offer-card__cta{text-align:center;justify-content:center}.offer__note{text-align:center;color:var(--text-dim);max-width:560px;margin-top:32px;margin-left:auto;margin-right:auto;font-size:.9rem}.contact{padding-bottom:180px}.contact__grid{grid-template-columns:.85fr 1.15fr;gap:64px;display:grid}.contact__intro{flex-direction:column;gap:14px;display:flex}.contact__details{flex-direction:column;gap:14px;margin-top:18px;list-style:none;display:flex}.contact__details li{color:var(--text-muted);align-items:center;gap:12px;font-size:.95rem;display:flex}.contact__details li svg{color:var(--accent);flex-shrink:0}.contact__details a:hover{color:var(--accent)}.contact__socials{gap:18px;margin-top:12px;display:flex}.contact__socials a{font-family:var(--font-mono);color:var(--text-dim);border-bottom:1px solid var(--border-bright);padding-bottom:2px;font-size:13px;transition:color .18s,border-color .18s}.contact__socials a:hover{color:var(--accent);border-color:var(--accent)}.contact-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:18px;padding:32px;display:flex}.contact-form__row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.contact-form__field{flex-direction:column;gap:8px;display:flex}.contact-form__field label{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-dim);font-size:12px}.contact-form__field input,.contact-form__field textarea{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);resize:vertical;padding:12px 14px;transition:border-color .18s}.contact-form__field input::placeholder,.contact-form__field textarea::placeholder{color:var(--text-dim)}.contact-form__field input:focus,.contact-form__field textarea:focus{border-color:var(--accent);outline:none}.contact-form__honeypot{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.contact-form__submit{justify-content:center;margin-top:4px}.contact-form__submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.contact-form__status{border-radius:var(--radius-sm);align-items:center;gap:8px;padding:12px 14px;font-size:.9rem;display:flex}.contact-form__status.is-success{color:var(--success);background:#6fcf971a}.contact-form__status.is-error{color:var(--danger);background:#ff6b6b1a}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=860px){.contact__grid{grid-template-columns:1fr;gap:40px}}@media (width<=520px){.contact-form__row{grid-template-columns:1fr}.contact-form{padding:24px 20px}}