@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mx:0px;--my:0px;--bg:#07090f;--bg-soft:#0d1020;--panel:#a9b7ff12;--panel-strong:#b393ff1f;--line:#b19aff47;--text:#eef2ff;--muted:#aeb5d3;--accent:#8f6bff;--accent-2:#ff5fd2;--radius-xl:28px;--radius-lg:18px;--radius-pill:999px;--shell:min(1160px, calc(100vw - 48px))}*{box-sizing:border-box}html{overflow-x:clip}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(900px 420px at 20% -8%, #936aff33, transparent 60%), radial-gradient(900px 460px at 85% -10%, #ff57cd24, transparent 60%), linear-gradient(165deg, var(--bg) 0%, #090b14 42%, var(--bg-soft) 100%);margin:0;font-family:Manrope,sans-serif;overflow-x:clip}body:before{content:"";z-index:-1;pointer-events:none;opacity:.18;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:100px 100px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 32%,#0000 86%);mask-image:radial-gradient(circle,#000 32%,#0000 86%)}.mouse-glow{pointer-events:none;z-index:-1;width:600px;height:600px;transform:translate(calc(var(--mouse-x,-600px) - 300px), calc(var(--mouse-y,-600px) - 300px));will-change:transform;background:radial-gradient(circle,#8f6bff1f 0%,#8f6bff00 50%);border-radius:50%;position:fixed;top:0;left:0}a{color:inherit;text-decoration:none}img{width:100%;display:block}.container{width:var(--shell);margin:0 auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07080db3;border-bottom:1px solid #9d84ff33;position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.brand{letter-spacing:.01em;align-items:center;gap:10px;font-weight:700;display:inline-flex}.brand-dot{background:linear-gradient(135deg,#52ff38f2,#52ff3899);border-radius:50%;width:10px;height:10px;box-shadow:0 0 24px #52ff38f2}.nav{align-items:center;gap:8px;display:inline-flex}.nav a{color:var(--muted);border-radius:var(--radius-pill);padding:.45rem .78rem;font-size:.92rem;font-weight:600;transition:color .25s,background-color .25s}.nav a:hover{color:var(--text);background:#9d84ff29}.intro,.projects{padding:78px 0}.intro{min-height:100svh;padding-top:24px;position:relative}.intro-stage{padding-top:10px;position:relative}.hero-3d{width:clamp(290px,36vw,500px);transform:translate(calc(-50% + var(--mx)), calc(-50% + var(--my)));filter:drop-shadow(0 32px 64px #0000009e);pointer-events:none;z-index:4;transition:transform .12s ease-out;position:absolute;top:85%;left:50%}.hero-panel{z-index:2;min-height:440px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:clamp(18px,3vw,28px) 0 0;position:relative}.hero-mini-nav{text-transform:uppercase;letter-spacing:.12em;color:#b6bfdc;gap:18px;font-size:.68rem;font-weight:700;display:inline-flex}.hero-big-title{letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;text-align:center;background:linear-gradient(#6c7a86 0%,#b0bacc 100%);-webkit-text-fill-color:transparent;color:#0000;pointer-events:none;-webkit-background-clip:text;background-clip:text;width:100vw;margin:18px 0 0;font-family:Bebas Neue,sans-serif;font-size:clamp(2rem,15vw,16rem);font-weight:400;line-height:.88;display:block;position:relative;left:50%;transform:translate(-50%)}.hero-bottom-row{justify-content:space-between;align-items:flex-start;gap:18px;margin-top:22px;display:flex}.hero-about{max-width:44ch}.hero-role{color:#d6ddf5;margin:0;font-weight:700}.hero-copy{max-width:54ch;color:var(--muted);margin:10px 0 0;line-height:1.65}.cta-row{z-index:10;flex-wrap:wrap;gap:10px;margin-top:4px;display:flex;position:relative}.button{border-radius:var(--radius-pill);border:1px solid #0000;justify-content:center;align-items:center;padding:.74rem 1.08rem;font-size:.9rem;font-weight:700;transition:transform .25s,box-shadow .25s,border-color .25s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:0 16px 32px #855dff52}.button-ghost{border-color:var(--line);color:var(--text);background:#ffffff08}.projects{padding-top:24px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#cfbeff;margin:0;font-size:.72rem;font-weight:700}.section-head{margin-bottom:24px}.section-head h2{margin-top:10px;font-size:clamp(1.7rem,4.2vw,2.4rem)}.projects-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:4px 0 10px;display:grid}.project-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(160deg,#9d84ff17,#ffffff05);width:100%;transition:border-color .28s,transform .28s;overflow:hidden}.project-card:hover{border-color:#c4b3ff7a;transform:translateY(-2px)}.project-head{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:128px minmax(0,1fr) 38px;align-items:center;gap:12px;padding:10px;display:grid}.project-preview{border:1px solid #c4b3ff40;border-radius:11px;width:128px;height:72px;display:block;overflow:hidden}.project-preview img{object-fit:cover;width:100%;height:100%}.project-title{font-family:Space Grotesk,sans-serif;font-size:clamp(.98rem,2vw,1.12rem);font-weight:600}.project-toggle{color:#ddd1ff;border:1px solid #c4b3ff59;border-radius:50%;place-items:center;width:30px;height:30px;font-size:1.08rem;line-height:1;display:grid}.project-details{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.project-details.is-open{grid-template-rows:1fr}.project-body{padding:0 14px;overflow:hidden}.project-details.is-open .project-body{border-top:1px solid #c4b3ff33;padding-bottom:16px}.project-description{color:#d6d9ea;margin:12px 0 0;line-height:1.6}.project-meta{border-top:1px solid #c4b3ff29;margin-top:12px;padding-top:12px}.project-meta p{color:var(--muted);margin:0;line-height:1.62}.project-meta span{color:#cfbeff;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px;font-size:.7rem;font-weight:700;display:block}.stack-list{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.stack-list li{border-radius:var(--radius-pill);color:#c6cce6;background:#ffffff08;border:1px solid #c4b3ff47;padding:.33rem .56rem;font-size:.78rem;font-weight:600}.link-row{flex-direction:column;gap:10px;margin-top:20px;display:flex}.link-button{color:#d8cbff;border-radius:var(--radius-pill);border:1px solid var(--line);background:#ffffff0a;justify-content:center;align-items:center;width:100%;padding:.55rem .8rem;font-size:.88rem;font-weight:700;transition:transform .25s,border-color .25s,color .25s;display:inline-flex}a.link-button:hover{color:#fff;border-color:#c4b3ff7a;transform:translateY(-1px)}span.link-button.private{color:#aeb5d380;cursor:default;background:0 0;border-color:#c4b3ff14}.site-footer{padding:30px 0 36px}.footer-wrap{border-top:1px solid #c4b3ff33;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;display:flex}.footer-wrap p{color:var(--muted);margin:0}.footer-wrap span{color:#d4c3ff}.footer-links{gap:10px;display:inline-flex}.footer-links a{color:var(--muted);font-size:.92rem;font-weight:600}.footer-links a:hover{color:#dfd3ff}.emoji-packs{padding:48px 0 78px}.emoji-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding-top:10px;display:grid}.emoji-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#9d84ff4d,#ff57cd1a);padding:1px;transition:transform .3s,box-shadow .3s,background .3s;display:block;position:relative;overflow:hidden}.emoji-card:hover{background:linear-gradient(135deg,#9d84ff99,#ff57cd4d);transform:translateY(-4px);box-shadow:0 16px 32px #855dff26}.emoji-card-glass{background:var(--bg-soft);border-radius:calc(var(--radius-lg) - 1px);flex-direction:column;height:100%;padding:24px;display:flex}.emoji-card-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.emoji-image{background:#ffffff0d;border-radius:12px;flex-shrink:0;width:48px;height:48px;overflow:hidden}.emoji-image img{object-fit:cover;width:100%;height:100%}.emoji-name{background:linear-gradient(to bottom right,#fff,#d8cbff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700}.emoji-stats{flex-wrap:wrap;gap:18px;margin-top:auto;display:flex}.stat-box{flex-direction:column;gap:6px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.72rem;font-weight:700}.stat-value{letter-spacing:.02em;color:#fff;text-shadow:0 0 16px #9d84ff80;font-family:Bebas Neue,sans-serif;font-size:1.6rem}.design-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:32px;display:grid}.design-card{border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--line);aspect-ratio:16/9;justify-content:center;align-items:center;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.design-card:hover{border-color:#c4b3ff7a;transform:translateY(-4px);box-shadow:0 16px 32px #0006}.design-media{object-fit:cover;width:100%;height:100%;display:block}.design-overlay{opacity:0;pointer-events:none;background:linear-gradient(#07090f00 40%,#07090fe6 100%);align-items:flex-end;padding:24px;transition:opacity .3s;display:flex;position:absolute;inset:0}.design-card:hover .design-overlay{opacity:1}.design-title{color:#fff;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700;transition:transform .3s;transform:translateY(10px)}.design-card:hover .design-title{transform:translateY(0)}.contact{padding:100px 0}.contact-text{color:#fff6;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,3.5vw,3.5rem);font-weight:700;line-height:1.4}.contact-divider{color:#ffffff4d;font-family:Noto Sans,sans-serif;font-style:italic;font-weight:400}.contact-link{color:#0000;background:linear-gradient(to bottom right,#fff,#d8cbff);-webkit-background-clip:text;background-clip:text;text-decoration:none;transition:opacity .3s;display:inline-block;position:relative}.contact-link:after{content:"";transform-origin:100%;background:linear-gradient(90deg,#9d84ffcc,#ff57cd80);width:100%;height:3px;transition:transform .4s cubic-bezier(.86,0,.07,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.contact-link:hover{opacity:.9}.contact-link:hover:after{transform-origin:0;transform:scaleX(1)}.contact-link-email{white-space:nowrap;perspective:400px;text-decoration:none;display:inline-block;position:relative}.contact-link-email a{text-decoration:none}.email-part{transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s;display:inline-block;position:relative}.email-part:before{content:attr(data-tooltip);-webkit-backdrop-filter:blur(12px);color:#fff;letter-spacing:.02em;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:10;background:#9d84ff33;-webkit-background-clip:border-box;background-clip:border-box;border:1px solid #c4b3ff40;border-radius:8px;padding:6px 14px;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(0);box-shadow:0 4px 16px #00000040}.email-part:hover:before{opacity:1;visibility:visible;transform:translate(-50%)translateY(-10px)}.contact-link-email .muted{color:#ffffff59;font-weight:500}.contact-link-email .highlight{background:linear-gradient(to bottom right,#fff,#d8cbff);color:#0000;z-index:2;-webkit-background-clip:text;background-clip:text;font-weight:700;display:inline-block;position:relative}.contact-link-email .highlight:after{content:"";transform-origin:100%;background:linear-gradient(90deg,#9d84ffcc,#ff57cd80);width:100%;height:3px;transition:transform .4s cubic-bezier(.86,0,.07,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}@media (hover:hover) and (pointer:fine){.contact-link-email:has(.highlight-wrap:hover) .muted:first-child{opacity:.3;transform:translate3d(-10px,-2px,-10px)rotate(-4deg)}.contact-link-email:has(.highlight-wrap:hover) .muted:last-child{opacity:.3;transform:translate3d(10px,2px,-10px)rotate(4deg)}.contact-link-email:has(.highlight-wrap:hover) .highlight-wrap{transform:scale(1.08)translateZ(10px)}.contact-link-email:has(.highlight-wrap:hover) .highlight:after{transform-origin:0;transform:scaleX(1)}.contact-link-email:hover:not(:has(.highlight-wrap:hover)):after{transform-origin:0;transform:scaleX(1)}:is(.contact-link-email:hover:not(:has(.highlight-wrap:hover)) .muted,.contact-link-email:hover:not(:has(.highlight-wrap:hover)) .highlight){color:#fff;-webkit-text-fill-color:#fff;background:0 0;transition:color .3s}}.mobile-contact-toggle{display:none}@media (width<=860px){.design-overlay{opacity:1}.design-title{transform:translateY(0)}.mobile-contact-toggle{justify-content:center;gap:12px;margin-bottom:64px;display:flex}.mobile-contact-toggle button{color:#ffffff80;border-radius:var(--radius-pill);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;padding:10px 24px;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:600;transition:all .25s}.mobile-contact-toggle button.active{color:#fff;background:#9d84ff33;border-color:#c4b3ff66}.contact-link-email.mobile-mode-telegram .muted:first-child{opacity:.3;transform:translate3d(-10px,-2px,-10px)rotate(-4deg)}.contact-link-email.mobile-mode-telegram .muted:last-child{opacity:.3;transform:translate3d(10px,2px,-10px)rotate(4deg)}.contact-link-email.mobile-mode-telegram .highlight-wrap{transform:scale(1.08)translateZ(10px)}.contact-link-email.mobile-mode-telegram .highlight:after{transform-origin:0;transform:scaleX(1)}.contact-link-email.mobile-mode-telegram .highlight-wrap:before{opacity:1;visibility:visible;transform:translate(-50%)translateY(-10px)}.contact-link-email.mobile-mode-email .muted,.contact-link-email.mobile-mode-email .highlight{color:#fff;-webkit-text-fill-color:#fff;background:0 0}.contact-link-email.mobile-mode-email:after{transform-origin:0;transform:scaleX(1)}:root{--shell:min(100vw - 26px, 1160px)}.intro,.projects,.emoji-packs,.contact{padding:58px 0}.intro{min-height:auto;padding-top:10px}.hero-3d{opacity:.95;width:clamp(180px,52vw,280px);animation:4s ease-in-out infinite heroFloat;top:88%;left:72%;transform:translate(-50%,-50%)}.hero-panel{min-height:390px;padding:10px 0 0}.hero-mini-nav{gap:12px;font-size:.62rem}.hero-big-title{line-height:.92}.hero-bottom-row{flex-direction:column;align-items:flex-start;margin-top:14px}.hero-copy{max-width:32ch;font-size:.95rem}.project-head{grid-template-columns:96px minmax(0,1fr) 32px;gap:10px;padding:10px}.project-preview{border-radius:8px;width:96px;height:54px}.project-toggle{width:26px;height:26px}.footer-wrap{flex-direction:column;align-items:flex-start}}@media (width<=1280px){.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=980px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.projects-grid{grid-template-columns:1fr}}@keyframes heroFloat{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 12px))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.hero-3d{transform:translate(-50%,-50%)}}