@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700;800&family=Inter:wght@300;400;700;900&display=swap";:root{--bg-color: #F1EEE6;--text-color: #0B0B0B;--accent-color: #0B0B0B;--accent-text: #F1EEE6;--border-color: rgba(11, 11, 11, .1);--glass-bg: rgba(241, 238, 230, .5);--font-mono: "JetBrains Mono", monospace;--font-sans: "Inter", sans-serif}[data-theme=dark]{--bg-color: #0B0B0B;--text-color: #F1EEE6;--accent-color: #F1EEE6;--accent-text: #0B0B0B;--border-color: rgba(241, 238, 230, .1);--glass-bg: rgba(11, 11, 11, .5)}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .4s ease,color .4s ease,border-color .4s ease}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.name-highlight{display:inline-block;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;z-index:20}.name-highlight:hover{color:var(--bg-color);-webkit-text-stroke:0;text-shadow:-2px -2px 0 var(--text-color),0 -2px 0 var(--text-color),2px -2px 0 var(--text-color),2px 0 0 var(--text-color),2px 2px 0 var(--text-color),0 2px 0 var(--text-color),-2px 2px 0 var(--text-color),-2px 0 0 var(--text-color)}.app-container{display:flex;flex-direction:column;align-items:center;padding:8rem 2rem;gap:clamp(3rem,8vw,6rem);width:100%;max-width:1000px;margin:0 auto}.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.card-stack{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:800px}.spatial-card{background:linear-gradient(145deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:1.5rem;padding:3rem;transition:all .5s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative;text-align:center;display:flex;flex-direction:column;gap:1rem;box-shadow:0 8px 32px #0003,inset 0 1px 1px #ffffff14;overflow:hidden}.spatial-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);opacity:.5}.card-stack:has(.spatial-card:hover) .spatial-card:not(:hover){opacity:.6;filter:blur(2px);transform:scale(.98)}.spatial-card:hover{transform:translateY(-4px) scale(1.01);border-color:#fff3;box-shadow:0 16px 48px #0006,inset 0 1px 1px #ffffff26;z-index:10}.title{font-size:clamp(3rem,8vw,8rem);font-weight:900;letter-spacing:-.05em;line-height:1;margin-bottom:1.5rem;text-align:center;position:relative;z-index:10}.subtitle-container{display:flex;align-items:center;gap:.5rem;margin-bottom:3rem;font-family:var(--font-mono);font-size:clamp(.75rem,2vw,1rem);text-transform:uppercase;letter-spacing:.1em;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.75rem 1.5rem;border-radius:2rem;border:1px solid var(--border-color)}.blinking-cursor{display:inline-block;width:8px;height:1.2em;background-color:var(--text-color);animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.social-links{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:2rem;font-family:var(--font-sans);font-weight:700;font-size:.9rem;text-decoration:none;color:var(--text-color);border:2px solid var(--text-color);background:transparent;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;z-index:1}.btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--text-color);z-index:-1;transform:scaleY(0);transform-origin:bottom;transition:transform .3s cubic-bezier(.7,0,.3,1)}.btn:hover{color:var(--bg-color)}.btn:hover:before{transform:scaleY(1);transform-origin:bottom}.noise{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.gallery-scroll-container{display:flex;flex-direction:column;gap:1rem;height:200%}.gallery-scroll-container img{display:block;width:100%}.gallery-scroll-up{animation:gallery-scroll-up 30s linear infinite}.gallery-scroll-down{animation:gallery-scroll-down 30s linear infinite}@keyframes gallery-scroll-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes gallery-scroll-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.gallery-column{transition:filter .25s ease,opacity .25s ease,box-shadow .25s ease}.gallery-column:hover .gallery-scroll-container{animation-play-state:paused}.gallery-grid:hover .gallery-column:not(:hover){filter:brightness(.92) saturate(.98);opacity:.94}.gallery-column:hover{z-index:20;box-shadow:0 16px 48px #00000059,inset 0 1px 1px #ffffff1f}.dock-container{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem;padding:.75rem 1rem;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:2rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100;box-shadow:0 10px 40px #0000004d}.dock-item{color:var(--text-color);opacity:.7;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#ffffff08;cursor:pointer;border:none;outline:none}.dock-item:hover{opacity:1;transform:scale(1.15) translateY(-8px);background:#ffffff1a;color:var(--text-color)}@media(max-width:768px){.app-container{padding:4rem 1.5rem 8rem;gap:2.5rem}.title{font-size:clamp(3.5rem,15vw,5rem);margin-bottom:.5rem}.spatial-card{padding:1.5rem}.subtitle-container{padding:.75rem 1.25rem!important;text-align:center}.dock-container{padding:.5rem;gap:.5rem;width:90%;max-width:400px;justify-content:space-around}.dock-item{width:40px;height:40px}.card-stack:has(.spatial-card:hover) .spatial-card:not(:hover){opacity:1!important;filter:none!important;transform:none!important}.spatial-card:hover{transform:none!important;box-shadow:0 8px 32px #0003,inset 0 1px 1px #ffffff14!important;border-color:#ffffff14!important}}