:root{--bg:#130c11;--bg-section:#130c11;--bg-alt:#180f15;--surface:#20141d;--border:#ffffff0d;--text:#f5f5f7;--muted:#8a8187;--accent:#7c5cfc;--accent-rgb:124, 92, 252;--accent-sec:#fff;--accent3:#5cf4fc}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Mono,monospace;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:99990;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.02'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Syne,sans-serif}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}section{border-bottom:none;position:relative}section+section:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);height:1px;display:block;position:absolute;top:0;left:10%;right:10%}main{background:var(--bg)}.section-label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-family:DM Mono,monospace;font-size:.75rem}.section-title{letter-spacing:-.03em;margin-bottom:60px;font-family:Syne,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.1}.section-title em{color:var(--accent);font-family:Instrument Serif,serif;font-style:italic;font-weight:400}.wrap{max-width:1100px;margin:0 auto;padding:120px 48px}@media (width<=768px){.wrap{padding:80px 24px}}.app-container{opacity:0;filter:blur(25px);will-change:transform, opacity, filter;transition:opacity 1.1s cubic-bezier(.16,1,.3,1),filter 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.app-container.app-loading{pointer-events:none;height:100vh;overflow:hidden}.app-container.app-ready{opacity:1;filter:blur();pointer-events:all;transform:translateY(0)}.navbar,.left-sidebar,.hero-dock,.hero-bg-image,.hero-particles{will-change:transform;backface-visibility:hidden;transform:translate(0,0)}.page-loader{z-index:99999;pointer-events:none;filter:blur();background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.32s cubic-bezier(.76,0,.24,1) 1s forwards exitLoader;display:flex;position:fixed;top:0;left:0;transform:translateY(0)}.loader-content{flex-direction:column;align-items:center;display:flex}.loader-text{color:#fff;letter-spacing:-.03em;opacity:0;padding-bottom:12px;font-family:Syne,sans-serif;font-size:3.4rem;font-weight:800;animation:.2s cubic-bezier(.16,1,.3,1) forwards textFadeIn;display:inline-block;position:relative}.loader-underline{background-color:#ffffffd9;width:0%;height:1.5px;animation:.8s cubic-bezier(.25,1,.5,1) .2s forwards drawUnderline;position:absolute;bottom:0;left:0;box-shadow:0 0 10px #ffffff80}@keyframes textFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes drawUnderline{0%{width:0%}to{width:100%}}@keyframes exitLoader{0%{filter:blur();opacity:1;transform:translateY(0)}to{filter:blur(20px);opacity:0;transform:translateY(-100%)}}.cursor-wrapper{z-index:99999;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}@media (width>=768px){html.cursor-hide,html.cursor-hide body,html.cursor-hide a,html.cursor-hide button,html.cursor-hide input,html.cursor-hide textarea,html.cursor-hide select,html.cursor-hide [role=button]{cursor:none!important}}html.cursor-hide .cursor-selector-btn,html.cursor-hide .cursor-selector-btn *{cursor:pointer!important}.cursor-dot{background-color:var(--accent);pointer-events:none;will-change:transform;z-index:3;border-radius:50%;width:6px;height:6px;margin-top:-3px;margin-left:-3px;transition:width .25s cubic-bezier(.16,1,.3,1),height .25s cubic-bezier(.16,1,.3,1),margin .25s cubic-bezier(.16,1,.3,1),background-color .25s;position:absolute}.cursor-dot.hovering{background-color:var(--accent3);width:8px;height:8px;margin-top:-4px;margin-left:-4px}.cursor-ring{pointer-events:none;will-change:transform;z-index:2;border:1.5px solid #fff3;border-radius:50%;width:24px;height:24px;margin-top:-12px;margin-left:-12px;transition:width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1),margin .3s cubic-bezier(.16,1,.3,1),border-color .3s,background-color .3s;position:absolute}.cursor-ring.hovering{background-color:#5cf4fc0d;border-color:#5cf4fc59;width:44px;height:44px;margin-top:-22px;margin-left:-22px}.cursor-ring.clicking{background-color:#ffffff1f;border-color:#fff9;width:16px;height:16px;margin-top:-8px;margin-left:-8px}.cursor-wrapper.golden-mode .cursor-dot{box-shadow:0 0 10px gold,0 0 20px #ffd70099;background-color:gold!important}.cursor-wrapper.golden-mode .cursor-ring{background-color:#ffd7000d;box-shadow:inset 0 0 8px #ffd7001a;border-color:#ffd70073!important}.cursor-wrapper.golden-mode .cursor-ring.hovering{background-color:#ffd70026;box-shadow:0 0 20px #ffd7004d,inset 0 0 12px #ffd70033;border-color:#ffd700f2!important}.cursor-selector-btn{-webkit-backdrop-filter:blur(16px);color:#fffc;pointer-events:auto;z-index:999999;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff05 50%,#ffffff0f 100%),#0d0c12b3;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 8px 24px #00000059,inset 0 1px #ffffff26,inset 0 -1px #0003}.cursor-selector-btn:hover{color:#fff;background:linear-gradient(135deg,#ffffff24 0%,#ffffff08 50%,#ffffff14 100%),#0d0c12d9;border-color:#ffffff38;border-radius:18px;width:115px;box-shadow:0 12px 32px #00000073,inset 0 1px #fff3,inset 0 -1px #0003}.cursor-selector-btn svg{flex-shrink:0;width:14px;height:14px;transition:transform .3s}.cursor-selector-btn:hover svg{transform:translate(-3px)}.cursor-badge{letter-spacing:.05em;text-transform:uppercase;opacity:0;white-space:nowrap;margin-left:5px;font-family:DM Mono,monospace;font-size:.62rem;transition:all .3s cubic-bezier(.16,1,.3,1);transform:translate(10px)}.cursor-selector-btn:hover .cursor-badge{opacity:.85;transform:translate(0)}@media (width<=767px){.cursor-wrapper{display:none!important}}.navbar{z-index:1000;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:70px;padding:0 48px;transition:width .45s cubic-bezier(.16,1,.3,1),top .45s cubic-bezier(.16,1,.3,1),padding .45s cubic-bezier(.16,1,.3,1),height .45s cubic-bezier(.16,1,.3,1),background-color .35s,border-color .35s,border-radius .45s cubic-bezier(.16,1,.3,1),box-shadow .35s;display:flex;position:fixed;top:20px;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(24px);background-color:#20141d80;border:1px solid #ffffff0d;border-radius:100px;width:90%;max-width:980px;height:58px;margin:0 auto;padding:0 28px;top:36px;box-shadow:0 16px 36px #00000080,inset 0 1px #ffffff0d}.navbar-logo{letter-spacing:-.01em;color:var(--text);-webkit-user-select:none;user-select:none;font-family:Syne,sans-serif;font-size:1.15rem;font-weight:800;transition:transform .3s}.navbar.scrolled .navbar-logo{transform:scale(.95)}.navbar-logo span{color:var(--accent)}.navbar-links{background:#ffffff05;border:1px solid #ffffff0a;border-radius:100px;align-items:center;gap:4px;padding:4px;list-style:none;transition:background-color .35s,border-color .35s;display:flex;box-shadow:inset 0 1px #ffffff03,0 4px 15px #0000001a}.navbar.scrolled .navbar-links{background:#ffffff03;border-color:#ffffff08}.navbar-links a{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid #0000;border-radius:100px;padding:7px 18px;font-family:DM Mono,monospace;font-size:.68rem;font-weight:500;text-decoration:none;transition:color .25s,background-color .25s,border-color .25s,box-shadow .25s,transform .2s;display:block}.navbar-links a:hover{color:#fff;background-color:#ffffff0e;border-color:#ffffff0a;transform:translateY(-.5px);box-shadow:0 4px 10px #00000026,inset 0 1px #ffffff0a}.navbar-links a:active{transform:translateY(.5px)scale(.98)}@media (width<=768px){.navbar{height:60px;padding:0 24px}.navbar.scrolled{width:92%;height:52px;padding:0 20px;top:10px}.navbar-links{display:none}}.hero{background-color:var(--bg,#050508);border-bottom:none;justify-content:center;align-items:center;width:100%;height:100vh;min-height:600px;display:flex;position:relative;overflow:hidden}.hero-bg-wrapper{z-index:0;perspective:1000px;position:absolute;inset:0;overflow:hidden}.hero-bg-image{will-change:transform;filter:brightness(.44)contrast(1.18)saturate(.55)grayscale(.2);transform-origin:50%;background-image:url(/images/hero-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:124%;height:124%;position:absolute;top:-12%;left:-12%}.hero-overlay-gradient{z-index:1;background:radial-gradient(circle at center, #0e0e1100 35%, var(--bg,#0e0e11) 96%), linear-gradient(to bottom, #0e0e1100 0%, #0e0e1133 60%, var(--bg,#0e0e11) 100%);pointer-events:none;position:absolute;inset:0}.hero-overlay-tint{z-index:2;pointer-events:none;background-color:#5e5ce608;position:absolute;inset:0}.hero-particles{z-index:3;pointer-events:none;will-change:transform;position:absolute;inset:0}.hero-particle{will-change:transform;animation:particle-drift var(--drift-duration,25s) ease-in-out infinite alternate;animation-delay:var(--drift-delay,0s);border-radius:50%;position:absolute}@keyframes particle-drift{0%{transform:translate(0)}25%{transform:translate(calc(var(--drift-x,15px) * .6), calc(var(--drift-y,-20px) * .4))}50%{transform:translate(calc(var(--drift-x,15px) * -.3), calc(var(--drift-y,-20px) * 1))}75%{transform:translate(calc(var(--drift-x,15px) * 1), calc(var(--drift-y,-20px) * -.5))}to{transform:translate(calc(var(--drift-x,15px) * -.7), calc(var(--drift-y,-20px) * .8))}}.hero-content{z-index:4;text-align:left;flex-direction:column;align-items:flex-start;gap:20px;max-width:580px;margin-right:120px;padding:0 24px;display:flex;position:relative;transform:translate(calc(10vw + 100px))}.hero-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent3,#5cf4fc);opacity:.95;border-bottom:1px solid #5cf4fc33;margin-bottom:4px;padding-bottom:4px;font-family:DM Mono,monospace;font-size:.8rem;display:inline-block}.hero-name{background:linear-gradient(135deg,#fff 0%,#c4b5fd 45%,#7c5cfc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Syne,sans-serif;font-size:clamp(3rem,7.5vw,6.2rem);font-weight:800;line-height:1.05}.hero-description{color:var(--muted,#6b6880);will-change:transform;margin:0;font-family:DM Mono,monospace;font-size:.92rem;line-height:1.75}.hero-dock{-webkit-backdrop-filter:blur(14px);z-index:10;background:#0a0a0c73;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:24px 10px;display:flex;position:absolute;top:50%;right:48px;transform:translateY(calc(25px - 50%))}.dock-item{justify-content:center;align-items:center;display:flex;position:relative}.dock-link{width:44px;height:44px;color:var(--text,#f0eeff);transform-origin:100%;will-change:transform;background:#ffffff05;border:1px solid #ffffff08;border-radius:10px;justify-content:center;align-items:center;text-decoration:none;transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s,box-shadow .3s,border-color .3s;display:flex}.dock-link svg{fill:currentColor;width:20px;height:20px;transition:fill .3s}.dock-link .dock-text-icon{letter-spacing:-.02em;font-family:Syne,sans-serif;font-size:12px;font-weight:700;transition:color .3s}.dock-link:hover{box-shadow:0 4px 15px #ffffff0a;color:#fff!important;background:#ffffff14!important;border-color:#ffffff26!important}.dock-tooltip{color:var(--text,#f0eeff);white-space:nowrap;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0d14e6;border:1px solid #ffffff1a;border-radius:6px;padding:4px 10px;font-family:DM Mono,monospace;font-size:.7rem;transition:opacity .2s,transform .2s;position:absolute;top:50%;right:calc(100% + 14px);transform:translate(-8px)translateY(-50%)}.dock-tooltip:after{content:"";border:4px solid #0000;border-left-color:#ffffff1a;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.dock-item:hover .dock-tooltip{opacity:1;transform:translate(0)translateY(-50%)}.hero-cta-row{align-items:center;gap:12px;margin-top:8px;display:flex}.hero-cta-btn{letter-spacing:.08em;text-transform:uppercase;cursor:pointer;will-change:transform;border-radius:8px;align-items:center;gap:7px;padding:9px 20px;font-family:DM Mono,monospace;font-size:.72rem;text-decoration:none;transition:background .3s,border-color .3s,color .3s,transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s;display:inline-flex}.hero-cta-resume{color:#ffffffb3;-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1f}.hero-cta-resume:hover{color:#fff;background:#ffffff1a;border-color:#ffffff38;transform:translateY(-2px);box-shadow:0 6px 20px #ffffff0d}.hero-cta-contact{color:#ffffffbf;-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1c}.hero-cta-contact:hover{color:#fff;background:#ffffff1a;border-color:#ffffff38;transform:translateY(-2px);box-shadow:0 6px 20px #ffffff0d}@media (width<=900px){.hero-content{text-align:center;align-items:center;max-width:600px;margin:0 auto;transform:none}.hero-name,.hero-description{transform:none}.hero-dock{background:#0a0a0c73;border:1px solid #ffffff0d;border-radius:14px;flex-flow:wrap;justify-content:center;gap:8px;margin-top:48px;padding:10px 14px;position:relative;top:auto;right:auto;transform:none}.dock-link{transform-origin:bottom;width:40px;height:40px}.dock-tooltip{inset:auto auto calc(100% + 10px) 50%;transform:translate(-50%)translateY(6px)}.dock-tooltip:after{border-top-color:#ffffff1a;border-left-color:#0000;top:100%;left:50%;transform:translate(-50%)}.dock-item:hover .dock-tooltip{transform:translate(-50%)translateY(0)}}@media (width<=767px){.hero-content{padding:0 16px}.hero-description{font-size:.85rem}}.tag-sphere-container{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:radial-gradient(circle,#7c5cfc05 0%,#0000 65%);justify-content:center;align-items:center;width:100%;height:600px;display:flex;position:relative;overflow:hidden}.tag-sphere-container:active{cursor:grabbing}.tag-sphere{width:0;height:0;position:relative}.tag-sphere-item{-webkit-backdrop-filter:blur(4px);color:#f0eeffb3;white-space:nowrap;transform-origin:50%;will-change:transform, opacity, filter;background:#20141d66;border:1px solid #ffffff09;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-family:DM Mono,monospace;font-size:.72rem;transition:opacity .25s,filter .25s,border-color .2s,background-color .2s,box-shadow .2s,color .2s;display:inline-flex;position:absolute}.tag-sphere-item.highlight{background:rgba(var(--tag-accent-rgb), .12);border-color:var(--tag-accent-color);color:#fff;box-shadow:0 0 16px rgba(var(--tag-accent-rgb), .25), 0 4px 12px #00000059;opacity:1!important;filter:none!important}.tag-sphere-item.dimmed{opacity:.06!important;filter:blur(6px)!important}.tag-sphere-item__emoji{flex-shrink:0;font-size:.9rem;line-height:1;transition:transform .25s cubic-bezier(.175,.885,.32,1.275);display:inline-block}.tag-sphere-item:hover .tag-sphere-item__emoji{transform:scale(1.25)rotate(6deg)}.tag-sphere-item__name{letter-spacing:.02em;font-weight:400}.tag-sphere-hub-node{background:rgba(var(--hub-accent-rgb), .14);border:1.5px solid var(--hub-accent-color);-webkit-backdrop-filter:blur(12px);color:#fff;letter-spacing:.06em;white-space:nowrap;transform-origin:50%;box-shadow:0 0 20px rgba(var(--hub-accent-rgb), .25), 0 8px 24px #0006;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-family:Syne,sans-serif;font-size:.76rem;font-weight:700;display:inline-flex;position:absolute}.hub-dot{background-color:var(--hub-accent-color);width:6px;height:6px;box-shadow:0 0 8px var(--hub-accent-color);border-radius:50%;flex-shrink:0;animation:1s infinite alternate hub-pulse}@keyframes hub-pulse{0%{opacity:.6;transform:scale(.85)}to{opacity:1;transform:scale(1.2)}}.hub-label{line-height:1}.tag-sphere-instruction{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;opacity:.6;font-family:DM Mono,monospace;font-size:.62rem;position:absolute;bottom:20px}@media (width<=600px){.tag-sphere-container{height:400px}}#techstack{background:radial-gradient(circle at 85% 15%, #7c5cfc0a 0%, transparent 60%), radial-gradient(circle at 15% 85%, #7c5cfc08 0%, transparent 60%), var(--bg);padding:100px 0;position:relative;overflow:hidden}.ts-header{justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:64px;display:flex}.ts-header__left{flex:1}.ts-header .section-title{margin-bottom:0}.ts-header__badge{-webkit-backdrop-filter:blur(12px);background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;flex-shrink:0;align-self:flex-end;align-items:center;gap:12px;margin-bottom:6px;padding:14px 20px;display:flex}.ts-header__badge-text{color:var(--muted);flex-direction:column;font-family:DM Mono,monospace;font-size:.72rem;line-height:1.45;display:flex}.ts-header__badge-text span:first-child{color:var(--text)}.glowing-dot{background-color:var(--accent,#7c5cfc);width:7px;height:7px;box-shadow:0 0 10px var(--accent);border-radius:50%;flex-shrink:0;animation:2s infinite alternate dot-pulse}@keyframes dot-pulse{0%{opacity:.7;transform:scale(.9);box-shadow:0 0 3px #7c5cfc80}to{opacity:1;transform:scale(1.1);box-shadow:0 0 14px #7c5cfcf2}}.ts-layout{grid-template-columns:1fr 1.5fr;align-items:center;gap:48px;display:grid}.ts-categories-panel{flex-direction:column;gap:12px;display:flex}.ts-category-row{cursor:pointer;z-index:1;-webkit-backdrop-filter:blur(20px);opacity:0;transition:border-color .35s cubic-bezier(.16,1,.3,1),background-color .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);transition-delay:var(--card-delay,0s);background:#ffffff04;border:1px solid #ffffff0a;border-radius:14px;align-items:center;gap:18px;padding:18px 24px;display:flex;position:relative;overflow:hidden;transform:translate(-20px);box-shadow:inset 0 1px #ffffff0d}.ts-visible .ts-category-row{opacity:1;transition:opacity .5s ease var(--card-delay,0s), transform .5s cubic-bezier(.16, 1, .3, 1) var(--card-delay,0s), border-color .35s ease, background-color .35s ease, box-shadow .35s ease;transform:translate(0)}.ts-category-row:hover,.ts-category-row.active{background:#fff1;border-color:#ffffff29;transform:translate(6px);box-shadow:0 16px 36px #0006,0 0 20px #7c5cfc1f,inset 0 1px #ffffff1f}.ts-category-icon-box{background:#ffffff06;border:1px solid #ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background-color .3s,border-color .3s,box-shadow .3s;display:flex;box-shadow:inset 0 1px #ffffff0d}.ts-category-row:hover .ts-category-icon-box,.ts-category-row.active .ts-category-icon-box{background-color:#ffffff14;border-color:#ffffff38;transform:scale(1.08)rotate(-4deg);box-shadow:inset 0 1px #ffffff26,0 0 10px #ffffff0d}.ts-category-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ts-category-title{color:var(--text);letter-spacing:.04em;font-family:DM Mono,monospace;font-size:.8rem;font-weight:600}.ts-category-peek{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;opacity:.85;font-family:DM Mono,monospace;font-size:.72rem;overflow:hidden}.ts-category-count-badge{color:var(--muted);background:#ffffff05;border:1px solid #ffffff0d;border-radius:100px;padding:3px 9px;font-family:DM Mono,monospace;font-size:.65rem;transition:color .25s,border-color .25s,background-color .25s}.ts-category-row:hover .ts-category-count-badge,.ts-category-row.active .ts-category-count-badge{color:#fff;background-color:#ffffff0f;border-color:#ffffff29}.ts-sphere-panel{justify-content:center;align-items:center;display:flex;position:relative}@media (width<=850px){.ts-layout{grid-template-columns:1fr;gap:32px}.ts-sphere-panel{order:-1}}@media (width<=600px){.ts-header{flex-direction:column;gap:24px;margin-bottom:40px}.ts-header__badge{align-self:flex-start}.ts-category-row{padding:16px 20px}}#projects{background:var(--bg);z-index:1;padding:100px 0;position:relative;overflow:hidden}.projects-container{flex-direction:column;gap:40px;width:100%;display:flex}.projects-heading{text-transform:lowercase;letter-spacing:-.01em;color:#fff;text-align:left;opacity:0;filter:blur(8px);will-change:transform, opacity, filter;align-self:flex-start;width:100%;margin-bottom:-16px;font-family:Instrument Serif,serif;font-size:clamp(3rem,7.2vw,4.8rem);font-style:italic;font-weight:400;transition:opacity 1s cubic-bezier(.16,1,.3,1),filter 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:translateY(25px)}.projects-container.visible .projects-heading{opacity:.95;filter:blur();transform:translateY(0)}.project-case-study-visual{z-index:10;background:linear-gradient(#1f0f1c 0%,#0d060c 100%);border:1px solid #ffffff0b;border-radius:24px;flex-direction:column;justify-content:space-between;width:100%;height:520px;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px #0000008c,inset 0 1px #ffffff0a}.proj-visual-header-bar{z-index:15;justify-content:center;align-items:center;gap:16px;display:flex}.proj-visual-plate{letter-spacing:.18em;color:var(--accent);font-family:DM Mono,monospace;font-size:.58rem;font-weight:700}.proj-visual-id{letter-spacing:.18em;color:#fff;font-family:DM Mono,monospace;font-size:.58rem;font-weight:700}.proj-visual-separator{background:#ffffff1f;width:24px;height:1px}.proj-visual-tagline{letter-spacing:.1em;color:var(--muted);opacity:.85;font-family:DM Mono,monospace;font-size:.58rem}.proj-visual-viewport{z-index:12;flex:1;justify-content:center;align-items:center;width:100%;padding:16px 0;display:flex;overflow:hidden}.proj-pane-browser{justify-content:center;align-items:center;width:100%;max-width:660px;height:100%;display:flex}.proj-browser-window{background:#08080b;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;width:100%;height:100%;max-height:320px;display:flex;overflow:hidden;box-shadow:0 20px 50px #0009}.proj-browser-header{background:#ffffff05;border-bottom:1px solid #ffffff0a;flex-shrink:0;align-items:center;gap:6px;height:36px;padding:0 16px;display:flex}.proj-browser-header .dot{border-radius:50%;width:6px;height:6px}.proj-browser-header .dot.red{background:#ff5f56}.proj-browser-header .dot.yellow{background:#ffbd2e}.proj-browser-header .dot.green{background:#27c93f}.proj-browser-url{color:var(--muted);margin:0 auto;padding-right:18px;font-family:DM Mono,monospace;font-size:.58rem}.proj-browser-body{background:#08080b;flex:1;justify-content:center;align-items:flex-start;display:flex;overflow-y:auto}.proj-browser-body img{width:100%;height:auto;display:block}.proj-pane-phones{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.phone-fan-layout{justify-content:center;align-items:flex-end;gap:20px;height:100%;max-height:350px;display:flex;position:relative}.phone-mockup{background:#000;border:4px solid #000;border-radius:22px;width:125px;height:250px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 20px 45px #0009,0 0 1px #fff3}.phone-screen{background:#0a0a0d;border-radius:17px;width:100%;height:100%;overflow:hidden}.phone-screen img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.phone-left{z-index:1;transform:translateY(24px)rotate(-10deg)}.phone-center{z-index:3;width:130px;height:260px;transform:translateY(-8px)scale(1.08)}.phone-right{z-index:2;transform:translateY(24px)rotate(10deg)}.proj-pane-simulated{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.sim-chat-window{z-index:10;background:#0a050866;border:1px solid #ffffff0d;border-radius:14px;flex-direction:column;gap:12px;width:290px;padding:16px;display:flex;box-shadow:0 16px 40px #00000073}.sim-chat-bubble{border-radius:10px;max-width:85%;padding:8px 12px;font-family:DM Mono,monospace;font-size:.62rem;line-height:1.4}.sim-chat-bubble.bot{color:var(--text);background:#ffffff08;border-bottom-left-radius:2px;align-self:flex-start}.sim-chat-bubble.user{color:#fff;background:#7c5cfc1a;border-bottom-right-radius:2px;align-self:flex-end}.pulse-ai-glow{background:radial-gradient(circle, rgba(var(--accent-rgb), .12) 0%, transparent 70%);filter:blur(24px);z-index:1;border-radius:50%;width:140px;height:140px;animation:2.5s infinite alternate pulse-glow;position:absolute}@keyframes pulse-glow{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.sim-audio-wave{justify-content:center;align-items:center;gap:4px;height:14px;margin-top:6px;display:flex}.sim-audio-wave span{background:#ffffff26;border-radius:1px;width:3px;height:100%;animation:1s infinite alternate sim-wave}@keyframes sim-wave{0%{transform:scaleY(.5)}to{transform:scaleY(1.4)}}.sim-audio-wave span:first-child{animation-delay:.1s}.sim-audio-wave span:nth-child(2){animation-delay:.3s}.sim-audio-wave span:nth-child(3){animation-delay:.5s}.sim-audio-wave span:nth-child(4){animation-delay:.2s}.sim-audio-wave span:nth-child(5){animation-delay:.4s}.sim-mesh-wrapper{align-items:center;gap:24px;display:flex}.video-feed{background:#0000004d;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:140px;height:95px;display:flex;position:relative;box-shadow:0 10px 30px #00000073}.feed-tag{color:var(--muted);font-family:DM Mono,monospace;font-size:.58rem;position:absolute;bottom:8px;left:8px}.webrtc-stream-line{background:#ffffff1a;width:60px;height:1px;position:relative}.stream-flow-dot{border-radius:50%;width:4px;height:4px;animation:2s linear infinite flow-signal;position:absolute;top:-2px}@keyframes flow-signal{0%{opacity:.2;left:0}50%{opacity:1}to{opacity:.2;left:100%}}.sim-analytics-grid{background:#00000040;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:16px;width:230px;padding:18px;display:flex;box-shadow:0 12px 32px #0006}.sim-metric-card{flex-direction:column;gap:4px;display:flex}.sim-metric-value{font-size:1.6rem;font-weight:700}.sim-metric-label{color:var(--muted);font-family:DM Mono,monospace;font-size:.6rem}.sim-bar-graph{align-items:flex-end;gap:8px;height:48px;display:flex}.sim-bar-graph span{background:#ffffff14;border-radius:2px 2px 0 0;flex:1;animation:1s ease-out forwards bar-grow}@keyframes bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.proj-visual-gradient-underline{background:linear-gradient(90deg, transparent, var(--project-color), transparent);z-index:15;width:16vw;max-width:140px;height:2px;margin:14px auto}.proj-visual-footer-bar{z-index:15;justify-content:center;align-items:center;gap:10px;display:flex}.proj-visual-footer-title{color:#fff;letter-spacing:.1em;font-family:DM Mono,monospace;font-size:.64rem;font-weight:700}.proj-visual-footer-sep{color:var(--muted);opacity:.5}.proj-visual-footer-status{color:var(--muted);letter-spacing:.08em;align-items:center;font-family:DM Mono,monospace;font-size:.62rem;display:inline-flex}.proj-status-dot-active{border-radius:50%;width:6px;height:6px;margin-right:8px;animation:1.5s infinite alternate pulse-dot;box-shadow:0 0 6px}@keyframes pulse-dot{0%{opacity:.4}to{opacity:1}}.projects-feed{flex-direction:column;gap:80px;width:100%;display:flex}.project-card-v{opacity:0;transform-origin:bottom;filter:blur(16px);will-change:transform, opacity, filter;background:linear-gradient(135deg,#20141d73 0%,#140c12a6 100%);border:1px solid #ffffff09;border-radius:28px;padding:40px;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),filter 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);transform:translateY(80px)rotateX(-5deg)scale(.98);box-shadow:0 24px 60px #00000059,inset 0 1px #ffffff08}.project-card-v.visible{opacity:1;filter:blur();transition:opacity 1.2s cubic-bezier(.16,1,.3,1),filter 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1),border-color .4s,background-color .4s,box-shadow .4s;transform:translateY(0)rotateX(0)scale(1)}.project-card-v:hover{background:linear-gradient(135deg,#20141d85 0%,#140c12b8 100%);border-color:#ffffff17;transform:translateY(-6px)rotateX(0)scale(1.005);box-shadow:0 32px 75px #00000073,0 0 25px #7c5cfc0d,inset 0 1px #ffffff0f}.proj-card-v-header{justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 4px;display:flex}.proj-card-v-title{color:#fff;letter-spacing:-.02em;text-transform:uppercase;font-family:Syne,sans-serif;font-size:2.2rem;font-weight:800}.proj-card-v-actions{align-items:center;gap:16px;display:flex}.proj-card-v-open-btn{color:#fff;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:8px;padding:10px 20px;font-family:DM Mono,monospace;font-size:.68rem;font-weight:700;text-decoration:none;transition:background-color .25s,border-color .25s,transform .25s,box-shadow .25s;display:inline-flex;box-shadow:inset 0 1px #ffffff0d}.proj-card-v-open-btn:hover{background-color:#ffffff14;border-color:#ffffff29;transform:translateY(-1.5px);box-shadow:0 6px 15px #00000040,0 0 12px #7c5cfc26,inset 0 1px #ffffff1a}.proj-card-v-open-btn:active{transform:translateY(.5px)}.proj-card-v-git-btn{width:38px;height:38px;color:var(--muted);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex}.proj-card-v-git-btn svg{width:18px;height:18px}.proj-card-v-git-btn:hover{color:#fff;background:#ffffff14;border-color:#fff3;transform:translateY(-1.5px)rotate(8deg);box-shadow:0 4px 12px #0003,inset 0 1px #ffffff1a}.proj-card-v-visual{z-index:2;background:linear-gradient(#1f0f1c 0%,#0d060c 100%);border:1px solid #ffffff0b;border-radius:20px;flex-direction:column;justify-content:space-between;width:100%;height:520px;margin-bottom:32px;padding:28px;display:flex;position:relative;overflow:hidden}.proj-card-v-details{border-top:1px solid #ffffff0a;grid-template-columns:1fr 1.2fr;gap:64px;padding-top:36px;display:grid}.proj-card-v-details-left{flex-direction:column;gap:16px;display:flex}.proj-specs-list{flex-direction:column;gap:14px;margin:16px 0;display:flex}.proj-spec-row{cursor:default;border:1px solid #0000;border-radius:8px;flex-direction:column;gap:4px;margin-left:-12px;padding:6px 12px;transition:transform .3s,border-color .3s,background-color .3s;display:flex}.proj-spec-row:hover{background:#ffffff04;border-color:#ffffff09;transform:translate(4px);box-shadow:inset 0 1px #ffffff05}.proj-spec-key{color:var(--muted);letter-spacing:.1em;font-family:DM Mono,monospace;font-size:.58rem}.proj-spec-val{color:#ffffffd9;letter-spacing:.02em;font-family:DM Mono,monospace;font-size:.74rem}.proj-card-v-details-right{flex-direction:column;gap:24px;display:flex}.proj-pitch-header{color:#fff;border-left:2px solid var(--accent);letter-spacing:.01em;padding-left:16px;font-family:Instrument Serif,serif;font-size:1.48rem;font-style:italic;font-weight:400;line-height:1.35}.proj-pitch-description{color:var(--muted);font-family:DM Mono,monospace;font-size:.8rem;line-height:1.75}.proj-tech-capsules{flex-wrap:wrap;gap:8px;display:flex}.proj-tech-pill{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);background:#ffffff05;border:1px solid #ffffff0a;border-radius:100px;padding:5px 12px;font-family:DM Mono,monospace;font-size:.62rem;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),background-color .25s,border-color .25s,color .25s}.proj-tech-pill:hover{color:#fff;background-color:#ffffff0d;border-color:#7c5cfc40;transform:scale(1.08)translateY(-1.5px);box-shadow:0 4px 10px #7c5cfc0d}@media (width<=900px){.proj-card-v-details{grid-template-columns:1fr;gap:32px;padding-top:28px}}@media (width<=768px){.project-card-v{border-radius:20px;padding:24px}.proj-card-v-title{font-size:1.6rem}.proj-card-v-visual{height:400px;margin-bottom:24px;padding:20px}.proj-slide-btn{width:38px;height:38px}.btn-prev{left:12px}.btn-next{right:12px}.phone-fan-layout{max-height:260px}.phone-mockup{width:95px;height:190px}.phone-center{width:100px;height:200px}.proj-browser-window{max-height:240px}}@media (width<=480px){.project-case-study-visual{height:340px;padding:16px}.proj-visual-header-bar{gap:10px}.proj-visual-tagline{display:none}.phone-fan-layout{gap:10px}.phone-left{transform:translateY(18px)rotate(-6deg)}.phone-center{transform:translateY(0)scale(1.05)}.phone-right{transform:translateY(18px)rotate(6deg)}.proj-actions-capsules{flex-direction:column;gap:10px}.proj-glass-btn{text-align:center;width:100%}.proj-visual-glossy-open-btn{padding:6px 12px;font-size:.55rem;top:16px;right:16px}}.proj-visual-glossy-open-btn{z-index:30;color:#fff;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(12px)saturate(180%);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-family:DM Mono,monospace;font-size:.62rem;font-weight:700;text-decoration:none;transition:background-color .25s,border-color .25s,transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;display:inline-flex;position:absolute;top:48px;right:24px;box-shadow:0 4px 15px #00000059,inset 0 1px #ffffff26}.proj-visual-glossy-open-btn:hover{box-shadow:0 8px 24px #00000073, 0 0 12px rgba(var(--accent-rgb), .15), inset 0 1px 0 #ffffff40;background-color:#ffffff14;border-color:#ffffff40;transform:translateY(-1.5px)scale(1.02)}.proj-visual-glossy-open-btn:active{transform:translateY(.5px)scale(.98)}.proj-visual-glossy-open-btn svg{transition:transform .25s}.proj-visual-glossy-open-btn:hover svg{transform:translate(1.5px,-1.5px)}.four-devices .phone-pos-1{z-index:1;transform:translateY(28px)translate(-32px)rotate(-14deg)scale(.94)}.four-devices .phone-pos-2{z-index:3;transform:translateY(6px)translate(-10px)rotate(-5deg)scale(1.02)}.four-devices .phone-pos-3{z-index:4;transform:translateY(6px)translate(10px)rotate(5deg)scale(1.02)}.four-devices .phone-pos-4{z-index:2;transform:translateY(28px)translate(32px)rotate(14deg)scale(.94)}@media (width<=768px){.four-devices .phone-pos-1{transform:translateY(20px)translate(-20px)rotate(-10deg)scale(.92)}.four-devices .phone-pos-2{transform:translateY(4px)translate(-6px)rotate(-4deg)scale(.98)}.four-devices .phone-pos-3{transform:translateY(4px)translate(6px)rotate(4deg)scale(.98)}.four-devices .phone-pos-4{transform:translateY(20px)translate(20px)rotate(10deg)scale(.92)}}.webrtc-call-box{z-index:10;background:#09080c;border:3.5px solid #000;border-radius:20px;flex-direction:column;justify-content:space-between;width:175px;height:270px;padding:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 50px #000000a6,0 0 1px #fff3}.webrtc-live-badge{color:#fff;letter-spacing:.04em;z-index:15;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:5px;padding:4px 8px;font-family:DM Mono,monospace;font-size:.46rem;font-weight:700;display:inline-flex;position:absolute;top:12px;left:12px}.webrtc-live-badge .live-dot{background:#27c93f;border-radius:50%;width:5px;height:5px;animation:1s infinite alternate webrtc-pulse-live;box-shadow:0 0 6px #27c93f}@keyframes webrtc-pulse-live{0%{opacity:.3;transform:scale(.85)}to{opacity:1;transform:scale(1.15)}}.webrtc-pip-feed{z-index:15;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0f;border:1px solid #ffffff40;border-radius:8px;justify-content:center;align-items:center;width:46px;height:62px;display:flex;position:absolute;top:12px;right:12px;overflow:hidden;box-shadow:0 6px 15px #0006}.webrtc-pip-feed .pip-avatar{color:#fff;opacity:.85;font-family:DM Mono,monospace;font-size:.36rem;font-weight:700}.webrtc-guest-viewport{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.webrtc-face-scanner{border:1.5px dashed #ffffff29;border-radius:50%;justify-content:center;align-items:center;width:90px;height:115px;display:flex;position:relative;box-shadow:inset 0 0 15px #ffffff05}.webrtc-face-scanner .scanner-line{width:100%;height:2px;animation:2.4s linear infinite webrtc-scan;position:absolute;left:0;box-shadow:0 0 8px}@keyframes webrtc-scan{0%{opacity:.3;top:0%}50%{opacity:1;top:100%}to{opacity:.3;top:0%}}.guest-info{color:var(--muted);letter-spacing:.02em;margin-top:12px;font-family:DM Mono,monospace;font-size:.5rem}.webrtc-control-bar{z-index:15;justify-content:center;gap:8px;width:100%;padding-top:6px;display:flex}.webrtc-control-bar .ctrl-btn{cursor:pointer;background:#ffffff14;border:1px solid #ffffff0d;border-radius:50%;width:22px;height:22px;display:inline-block}.webrtc-control-bar .ctrl-btn.mute{background:#ffffff1f}.webrtc-control-bar .ctrl-btn.end-call{background:#ff5f56;border-color:#ff5f5633}.webrtc-control-bar .ctrl-btn.next-match{border-color:#0000}.webrtc-reaction-bubbles{pointer-events:none;z-index:20;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:48px;right:12px}.webrtc-reaction-bubbles .react-bubble{opacity:0;font-size:.72rem;animation:3s linear infinite webrtc-float}@keyframes webrtc-float{0%{opacity:0;transform:translateY(24px)scale(.6)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(-75px)scale(1.15)}}.webrtc-reaction-bubbles .bubble-1{animation-delay:0s}.webrtc-reaction-bubbles .bubble-2{animation-delay:.8s}.webrtc-reaction-bubbles .bubble-3{animation-delay:1.6s}.webrtc-reaction-bubbles .bubble-4{animation-delay:2.4s}.projects-divider{justify-content:center;align-items:center;gap:16px;width:100%;margin:100px 0 80px;display:flex}.projects-divider-line{background:linear-gradient(90deg,#0000,#ffffff14,#0000);flex:1;height:1px}.projects-divider-dot{background:var(--accent);width:5px;height:5px;box-shadow:0 0 12px var(--accent);border-radius:50%}.projects-subheading{text-transform:lowercase;color:var(--text);letter-spacing:-.01em;opacity:0;filter:blur(12px);will-change:transform, opacity, filter;margin-bottom:48px;font-family:Instrument Serif,serif;font-size:clamp(2.5rem,6vw,4rem);font-style:italic;font-weight:400;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),filter 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);transform:translateY(35px)}.projects-subheading.visible{opacity:.95;filter:blur();transform:translateY(0)}.projects-subheading-line{background:#ffffff0a;width:100%;height:1px;margin:-24px 0 48px}.other-projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;width:100%;margin-bottom:60px;display:grid}.other-project-card.hard-card.visual-epic{-webkit-backdrop-filter:blur(14px);cursor:pointer;z-index:1;height:100%;transform-style:preserve-3d;perspective:1000px;--accent:var(--cat-accent,#7c5cfc);--accent-rgb:var(--cat-accent-rgb,124, 92, 252);opacity:0;transform-origin:bottom;filter:blur(16px);will-change:transform, opacity, filter;background:linear-gradient(135deg,#20141d73 0%,#140c12a6 100%);border:1px solid #ffffff09;border-radius:28px;flex-direction:column;padding:40px 32px;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),filter 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:translateY(80px)rotateX(-5deg)scale(.98);box-shadow:0 24px 60px #00000059,inset 0 1px #ffffff08}.other-projects-grid.visible .other-project-card.hard-card{opacity:1;filter:blur();transition:opacity 1.2s cubic-bezier(.16,1,.3,1),filter 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1),border-color .4s,background-color .4s,box-shadow .4s;transform:translateY(0)rotateX(0)scale(1)}.other-projects-grid.visible>div:first-child{transition-delay:.1s}.other-projects-grid.visible>div:nth-child(2){transition-delay:.25s}.other-projects-grid.visible>div:nth-child(3){transition-delay:.4s}.card-bloom{display:none}.card-glass-noise{pointer-events:none;opacity:.75;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.02'/%3E%3C/svg%3E");position:absolute;inset:0}.card-glass-grid{opacity:.55;pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0}.card-scanlines{display:none}@keyframes other-card-scanline{0%{background-position:0 0}to{background-position:0 100%}}.other-card-spotlight{display:none}.card-holo-container{height:120px;transform-style:preserve-3d;z-index:2;perspective:600px;justify-content:center;align-items:center;margin:15px 0 25px;display:flex;position:relative}.holo-object{justify-content:center;align-items:center;display:flex;position:relative}.cube-3d-spinner{width:48px;height:48px;transform-style:preserve-3d;animation:12s linear infinite cube-rotation;position:relative}.cube-face{background:rgba(var(--accent-rgb), .06);border:1px solid rgba(var(--accent-rgb), .42);width:48px;height:48px;box-shadow:inset 0 0 12px rgba(var(--accent-rgb), .15);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:4px;justify-content:center;align-items:center;font-size:1.15rem;display:flex;position:absolute}.cube-front{transform:rotateY(0)translateZ(24px)}.cube-back{transform:rotateY(180deg)translateZ(24px)}.cube-left{transform:rotateY(-90deg)translateZ(24px)}.cube-right{transform:rotateY(90deg)translateZ(24px)}.cube-top{transform:rotateX(90deg)translateZ(24px)}.cube-bottom{transform:rotateX(-90deg)translateZ(24px)}.holo-ring{border:1px dashed rgba(var(--accent-rgb), .3);border-radius:50%;width:78px;height:78px;animation:3s ease-in-out infinite alternate holo-ring-pulsate;position:absolute;transform:rotateX(75deg)translateZ(-35px)}@keyframes cube-rotation{0%{transform:rotateX(0)rotateY(0)rotate(0)}to{transform:rotateX(360deg)rotateY(360deg)rotate(360deg)}}@keyframes holo-ring-pulsate{0%{opacity:.3;transform:rotateX(75deg)translateZ(-35px)scale(.9)}to{opacity:.8;transform:rotateX(75deg)translateZ(-35px)scale(1.15)}}.ai-core{width:80px;height:80px}.core-center{background:radial-gradient(circle, #fff 10%, var(--accent) 75%);z-index:2;border-radius:50%;width:22px;height:22px;animation:2.2s ease-in-out infinite alternate core-pulse}.core-ring{border:1px solid rgba(var(--accent-rgb), .35);pointer-events:none;border-radius:50%;position:absolute}.ring-x{width:58px;height:58px;animation:8s linear infinite spin-ring-x;transform:rotateX(70deg)}.ring-y{width:50px;height:50px;animation:9s linear infinite spin-ring-y;transform:rotateY(70deg)}.ring-z{width:44px;height:44px;animation:10s linear infinite spin-ring-z;transform:rotate(45deg)}.core-pulse-glow{display:none}@keyframes core-pulse{0%{transform:scale(.85)}to{transform:scale(1.15)}}@keyframes spin-ring-x{0%{transform:rotateX(70deg)rotateY(0)}to{transform:rotateX(70deg)rotateY(360deg)}}@keyframes spin-ring-y{0%{transform:rotateY(70deg)rotate(0)}to{transform:rotateY(70deg)rotate(360deg)}}@keyframes spin-ring-z{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes core-radial-expand{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(1.3)}}.prism-spinner{width:50px;height:50px;transform-style:preserve-3d;animation:10s linear infinite prism-rotate;position:relative}.prism-face{border:1px solid var(--accent);background:rgba(var(--accent-rgb), .02);width:40px;height:40px;box-shadow:inset 0 0 8px rgba(var(--accent-rgb), .1);transform-style:preserve-3d;position:absolute}.face-1{transform:rotateX(45deg)rotateY(45deg)}.face-2{transform:rotateX(45deg)rotateY(-45deg)}.face-3{transform:rotateY(90deg)rotateX(45deg)}.face-4{transform:rotateY(-90deg)rotateX(45deg)}.holo-radar-scan{background:var(--accent);width:60px;height:1.5px;animation:2.8s ease-in-out infinite alternate radar-sweep;position:absolute;transform:translateY(0)}@keyframes prism-rotate{0%{transform:rotateX(30deg)rotateY(0)}to{transform:rotateX(30deg)rotateY(360deg)}}@keyframes radar-sweep{0%{opacity:.1;transform:translateY(-40px)}50%{opacity:.95}to{opacity:.1;transform:translateY(40px)}}.other-project-card.hard-card:hover{background:linear-gradient(135deg,#20141d85 0%,#140c12b8 100%);border-color:#ffffff17;transform:translateY(-6px)scale(1.005);box-shadow:0 32px 75px #00000073,inset 0 1px #ffffff0f}.other-project-card.hard-card:hover .cube-3d-spinner{animation-duration:6s}.other-project-card.hard-card:hover .prism-spinner{animation-duration:5s}.other-project-card.hard-card:hover .core-ring{border-color:rgba(var(--accent-rgb), .65)}.other-card-header{z-index:1;justify-content:space-between;align-items:center;width:100%;margin-bottom:22px;display:flex;position:relative}.other-card-icon-emoji{font-size:1.35rem}.other-card-actions{align-items:center;gap:12px;display:flex}.other-card-git-link{width:30px;height:30px;color:var(--muted);cursor:pointer;z-index:5;background:#ffffff08;border:1px solid #ffffff0a;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.other-card-git-link:hover{color:#fff;background:rgba(var(--accent-rgb), .15);border-color:rgba(var(--accent-rgb), .35);box-shadow:0 4px 12px rgba(var(--accent-rgb), .12);transform:translateY(-2px)}.other-card-count{color:var(--accent);letter-spacing:.05em;font-family:DM Mono,monospace;font-size:.72rem}.other-card-title{color:#fff;letter-spacing:-.02em;text-transform:uppercase;z-index:1;margin-bottom:12px;font-family:Syne,sans-serif;font-size:1.6rem;font-weight:800;position:relative}.other-card-desc{color:var(--muted);z-index:1;margin-bottom:14px;font-family:DM Mono,monospace;font-size:.8rem;line-height:1.55;position:relative}.other-card-tags{z-index:1;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:24px;display:flex;position:relative}.other-card-tag{color:var(--muted);letter-spacing:.02em;text-transform:lowercase;font-family:DM Mono,monospace;font-size:.72rem;font-weight:500}.tag-sep{color:rgba(var(--accent-rgb), .3);margin:0 6px;font-weight:800}.other-card-action{color:var(--text);opacity:.65;z-index:1;align-items:center;gap:8px;margin-top:auto;font-family:DM Mono,monospace;font-size:.72rem;transition:opacity .3s,transform .3s;display:flex;position:relative}.other-card-action svg{transition:transform .3s}.other-project-card.hard-card:hover .other-card-action{opacity:1;color:var(--accent)}.other-project-card.hard-card:hover .other-card-action svg{transform:translate(4px)}.category-modal-overlay{-webkit-backdrop-filter:blur(20px);z-index:10000;background:#050508bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.category-modal-content{will-change:transform, opacity;background:#0d0c12;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:580px;max-height:80vh;padding:36px;animation:.4s cubic-bezier(.16,1,.3,1) category-modal-reveal;position:relative;overflow-y:auto;box-shadow:0 40px 90px #000000a6,inset 0 1px #ffffff08}@keyframes category-modal-reveal{0%{opacity:0;transform:scale(.95)translateY(15px)}to{opacity:1;transform:scale(1)translateY(0)}}.category-modal-close{width:36px;height:36px;color:var(--muted);cursor:pointer;z-index:5;background:#ffffff08;border:1px solid #ffffff0a;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex;position:absolute;top:24px;right:24px}.category-modal-close:hover{color:#fff;background:#ffffff14;border-color:#ffffff1f;transform:rotate(90deg)}.category-modal-header{align-items:center;gap:14px;margin-bottom:14px;padding-right:40px;display:flex}.category-modal-icon{font-size:1.6rem}.category-modal-title{color:#fff;letter-spacing:-.01em;font-family:Syne,sans-serif;font-size:1.45rem;font-weight:800}.category-modal-desc{color:var(--muted);margin-bottom:32px;font-family:DM Mono,monospace;font-size:.8rem;line-height:1.55}.category-modal-list{flex-direction:column;gap:12px;display:flex}.category-modal-item{cursor:pointer;will-change:transform, border-color, background-color;background:#ffffff03;border:1px solid #ffffff09;border-radius:14px;align-items:center;gap:18px;padding:16px 20px;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.category-modal-item:hover{background:#7c5cfc08;border-color:#7c5cfc59;transform:translate(4px)}.item-index{color:var(--accent);font-family:DM Mono,monospace;font-size:.72rem;font-weight:600}.item-info{flex-direction:column;flex-grow:1;gap:4px;display:flex}.item-title{color:#fff;letter-spacing:-.01em;font-family:Syne,sans-serif;font-size:.95rem;font-weight:700}.item-desc{color:var(--muted);font-family:DM Mono,monospace;font-size:.72rem;line-height:1.4}.item-arrow{color:var(--muted);opacity:.3;flex-shrink:0;transition:all .25s;transform:translate(-4px)}.category-modal-item:hover .item-arrow{opacity:1;color:var(--accent);transform:translate(0)}.contact-new-section{background:var(--bg);box-sizing:border-box;z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 0;display:flex;position:relative;overflow:hidden}.contact-new-section:before{content:"";opacity:.8;pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-position:50%;background-size:60px 60px;position:absolute;inset:0}.contact-new-blob{pointer-events:none;filter:blur(140px);opacity:0;z-index:0;border-radius:50%;transition:opacity 1.5s;position:absolute}.contact-new-section.visible .contact-new-blob{opacity:1}.contact-new-blob--a{background:radial-gradient(circle,#7c5cfc14,#0000 70%);width:600px;height:600px;top:-150px;right:-50px}.contact-new-blob--b{background:radial-gradient(circle,#7c5cfc0d,#0000 70%);width:500px;height:500px;bottom:-100px;left:-50px}.contact-giant-text-container{pointer-events:none;z-index:1;flex-direction:column;justify-content:space-between;padding:12vh 0;display:flex;position:absolute;inset:0}.contact-giant-text{text-align:center;color:#ffffff0a;letter-spacing:-.04em;-webkit-user-select:none;user-select:none;margin:0;font-family:Syne,sans-serif;font-size:14vw;font-weight:900;line-height:.9;transition:transform 1.5s cubic-bezier(.16,1,.3,1),opacity 1.5s}.contact-new-section.visible .contact-giant-text{color:#ffffff1f}.contact-new-section.visible .top-text{transform:translateY(-20px)}.contact-new-section.visible .bottom-text{transform:translateY(20px)}.contact-splash-panel{z-index:10;cursor:pointer;will-change:height, transform, left, width;background:#dbdbdf;justify-content:center;align-items:center;width:120%;height:60px;transition:height .85s cubic-bezier(.25,1,.2,1),transform .85s cubic-bezier(.25,1,.2,1),width .85s cubic-bezier(.25,1,.2,1),left .85s cubic-bezier(.25,1,.2,1);display:flex;position:relative;left:-10%;overflow:hidden;transform:rotate(-4deg);box-shadow:0 15px 50px #00000080,0 0 30px #ffffff0a}.contact-splash-panel.expanded{cursor:default;width:100%;height:60vh;max-height:520px;left:0;transform:rotate(0);box-shadow:0 30px 80px #0009}.panel-marquee-border{z-index:12;opacity:0;pointer-events:none;background:#dbdbdf;align-items:center;width:100%;height:28px;transition:opacity .5s;display:flex;position:absolute;left:0;overflow:hidden}.contact-splash-panel.expanded .panel-marquee-border{opacity:.85}.top-marquee{border-bottom:1px solid #00000014;top:0}.bottom-marquee{border-top:1px solid #00000014;bottom:0}.collapsed-ribbon-content{opacity:1;pointer-events:none;justify-content:space-between;align-items:center;padding:0 40px;transition:opacity .5s;display:flex;position:absolute;inset:0}.contact-splash-panel.expanded .collapsed-ribbon-content{opacity:0;pointer-events:none}.ribbon-arrow-btn{color:#fff;z-index:15;background:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 10px #00000026}.marquee-inner{white-space:nowrap;animation:30s linear infinite ribbon-marquee-scroll;display:flex}.marquee-inner span{text-transform:uppercase;color:#000;letter-spacing:.05em;padding-right:28px;font-family:DM Mono,monospace;font-size:.72rem;font-weight:700}@keyframes ribbon-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.expanded-form-content{opacity:0;z-index:11;pointer-events:none;box-sizing:border-box;width:90%;max-width:500px;transition:opacity .8s cubic-bezier(.16,1,.3,1) .4s,transform .8s cubic-bezier(.16,1,.3,1) .4s;transform:translateY(20px)}.contact-splash-panel.expanded .expanded-form-content{opacity:1;pointer-events:all;transform:translateY(0)}.contact-form-dark{flex-direction:column;gap:16px;width:100%;display:flex}.form-header-group{text-align:center;margin-bottom:12px}.form-header-group h3{color:#0d0d14;letter-spacing:-.02em;margin:0 0 4px;font-family:Syne,sans-serif;font-size:1.8rem;font-weight:800}.form-header-group p{color:#6b6880;margin:0;font-family:DM Mono,monospace;font-size:.75rem}.form-fields-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=520px){.form-fields-grid{grid-template-columns:1fr}}.form-field-group input,.form-field-group textarea{box-sizing:border-box;color:#0d0d14;background:#00000005;border:1px dashed #00000026;border-radius:12px;width:100%;padding:14px 18px;font-family:DM Mono,monospace;font-size:.85rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.form-field-group input::placeholder,.form-field-group textarea::placeholder{color:#00000059}.form-field-group input:hover,.form-field-group textarea:hover{background:#00000008;border-color:#0000004d}.form-field-group input:focus,.form-field-group textarea:focus{background:#fff;border-style:solid;border-color:#000;outline:none;box-shadow:0 10px 30px #0000000d,inset 0 1px #ffffff1a}.contact-submit-dark{color:#fff;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;background:#0d0c12;border:1px solid #0d0c12;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:6px;padding:15px 30px;font-family:DM Mono,monospace;font-size:.8rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.contact-submit-dark:hover{background:#000;border-color:#000;transform:translateY(-2px);box-shadow:0 10px 25px #00000026}.contact-submit-dark:disabled{opacity:.9;cursor:not-allowed}.contact-spinner-dark{border:2px solid #0003;border-top-color:#000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spinner-spin}@keyframes spinner-spin{to{transform:rotate(360deg)}}.footer{border-top:1px solid var(--border);flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:48px 24px;display:flex}.footer-text{color:var(--muted);letter-spacing:.03em;font-family:DM Mono,monospace;font-size:.62rem}.footer-meta{border-bottom:1px solid #ffffff0a;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;max-width:900px;margin-bottom:40px;padding-bottom:32px;display:grid}.footer-meta-col{flex-direction:column;gap:8px;display:flex}.meta-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-family:DM Mono,monospace;font-size:.68rem}.meta-val{color:var(--text);font-family:DM Mono,monospace;font-size:.8rem;font-weight:500}.footer-meta-socials{gap:16px;display:flex}.footer-meta-socials a{color:var(--text);text-underline-offset:4px;font-family:DM Mono,monospace;font-size:.8rem;-webkit-text-decoration:underline #ffffff26;text-decoration:underline #ffffff26;transition:all .25s}.footer-meta-socials a:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.footer-bottom{justify-content:space-between;align-items:center;width:100%;max-width:900px;display:flex}@media (width<=768px){.footer-meta{text-align:center;grid-template-columns:1fr;gap:28px}.footer-meta-col{align-items:center}.footer-meta-socials{justify-content:center}.footer-bottom{text-align:center;flex-direction:column;gap:12px}}
