:root{--primary-color: #4c6ef5;--secondary-color: #748ef6;--dark-color: #0b1020;--light-color: #f8f9fa;--accent-color: #9eb0ff;--text-muted: rgba(248, 249, 250, .72);--text-soft: rgba(248, 249, 250, .54);--surface-color: rgba(13, 18, 33, .72);--surface-elevated: rgba(255, 255, 255, .07);--surface-subtle: rgba(255, 255, 255, .035);--border-color: rgba(158, 176, 255, .18);--border-strong: rgba(158, 176, 255, .34);--shadow-soft: 0 24px 80px rgba(0, 0, 0, .32);--shadow-glow: 0 24px 70px rgba(76, 110, 245, .2);--radius-sm: 14px;--radius-md: 22px;--radius-lg: 34px;--max-content-width: 1180px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background:var(--dark-color)}body{background-color:var(--dark-color);color:var(--light-color);overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,sans-serif;font-feature-settings:"kern";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit}::selection{background:#9eb0ff47;color:var(--light-color)}@keyframes grid-animation{0%{transform:perspective(500px) rotateX(60deg) translateY(0)}to{transform:perspective(500px) rotateX(60deg) translateY(40px)}}@keyframes float{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(24px,-34px,0) scale(1.05)}}@keyframes bounce{0%{top:10%;left:10%}25%{top:80%;left:25%}50%{top:30%;left:70%}75%{top:70%;left:85%}to{top:20%;left:55%}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes orb-drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(28px,-22px,0) scale(1.08)}}.background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.grid{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:linear-gradient(rgba(158,176,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(158,176,255,.035) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at center,black 0%,transparent 68%);mask-image:radial-gradient(circle at center,black 0%,transparent 68%);transform:perspective(500px) rotateX(60deg);animation:grid-animation 38s linear infinite;opacity:.55}.ambient-orb{position:absolute;border-radius:50%;filter:blur(8px);opacity:.72;pointer-events:none;animation:orb-drift 14s ease-in-out infinite}.ambient-orb:after{content:"";position:absolute;inset:18%;border-radius:inherit;border:1px solid rgba(255,255,255,.22);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.18),transparent 42%)}.orb-one{width:30rem;height:30rem;top:9%;right:8%;background:radial-gradient(circle,rgba(76,110,245,.22),transparent 66%)}.orb-two{width:22rem;height:22rem;bottom:7%;left:8%;background:radial-gradient(circle,rgba(158,176,255,.16),transparent 68%);animation-delay:-7s}.orb-three{width:16rem;height:16rem;top:42%;left:58%;background:radial-gradient(circle,rgba(116,142,246,.12),transparent 70%);animation-delay:-3s}.background-about .orb-three,.background-work .orb-three{opacity:.42}.noise{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' 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");opacity:.035;pointer-events:none}@media(prefers-reduced-motion:reduce){.grid,.ambient-orb{animation:none}}header{width:min(calc(100% - 32px),var(--max-content-width));margin:0 auto;padding:22px 0;position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{font-size:.98rem;font-weight:700;letter-spacing:-.02em;color:var(--light-color);text-decoration:none;padding:12px 18px;border:1px solid var(--border-color);border-radius:999px;background:#ffffff0e;-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);box-shadow:inset 0 1px #ffffff1a}.nav-links{display:flex;gap:4px;padding:6px;border:1px solid var(--border-color);border-radius:999px;background:#ffffff0e;-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);box-shadow:inset 0 1px #ffffff1a}.nav-link{color:var(--text-muted);text-decoration:none;font-size:.86rem;font-weight:600;letter-spacing:-.01em;position:relative;transition:all .3s ease;padding:9px 14px;border-radius:999px}.nav-link:hover{color:var(--light-color);background:#ffffff14}@media(max-width:600px){header{flex-direction:column;gap:12px;text-align:center;position:relative}.nav-links{width:100%;justify-content:center;flex-wrap:wrap;border-radius:24px}.nav-link{flex:1 1 auto}}.container{position:relative;min-height:100vh;isolation:isolate;background:radial-gradient(circle at 16% 18%,rgba(76,110,245,.2),transparent 34rem),radial-gradient(circle at 82% 12%,rgba(158,176,255,.12),transparent 30rem),linear-gradient(145deg,#090d19,#11182d 48%,#080b15)}.container.home{background:radial-gradient(circle at 52% 24%,rgba(116,142,246,.24),transparent 28rem),radial-gradient(circle at 12% 86%,rgba(76,110,245,.18),transparent 30rem),linear-gradient(150deg,#070b16,#10172a 52%,#090d18)}.container.about{background:radial-gradient(circle at 22% 22%,rgba(158,176,255,.16),transparent 30rem),radial-gradient(circle at 86% 72%,rgba(76,110,245,.16),transparent 34rem),linear-gradient(145deg,#090d19,#13172f 52%,#080b15)}.container.work{background:radial-gradient(circle at 76% 18%,rgba(76,110,245,.18),transparent 32rem),radial-gradient(circle at 12% 78%,rgba(158,176,255,.12),transparent 32rem),linear-gradient(155deg,#090d18,#111a33 48%,#070b15)}.home-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:72px 24px 48px;z-index:10;position:relative;text-align:center}.hero-shell{width:min(100%,1040px);padding:clamp(34px,6vw,72px);border:1px solid var(--border-color);border-radius:clamp(28px,6vw,56px);background:linear-gradient(145deg,#ffffff1a,#ffffff06),#0a0f1c80;box-shadow:var(--shadow-soft),inset 0 1px #ffffff1f;-webkit-backdrop-filter:blur(28px) saturate(130%);backdrop-filter:blur(28px) saturate(130%)}.hero-eyebrow{margin-bottom:22px;color:var(--accent-color);font-size:clamp(.78rem,1.4vw,.95rem);font-weight:600;letter-spacing:.22em;text-transform:uppercase}.glitch{max-width:960px;margin:0 auto 28px;padding-bottom:.08em;font-size:clamp(3.35rem,9vw,7.9rem);font-weight:650;line-height:1.05;letter-spacing:-.075em;position:relative;background:linear-gradient(180deg,#ffffff 0%,#dfe6ff 38%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.subtitle{max-width:720px;margin:0 auto 36px;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.65;text-align:center;color:var(--text-muted);font-weight:400;letter-spacing:-.015em;text-shadow:none}.button-container{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.button{min-height:48px;padding:14px 22px;background:#ffffff0e;color:var(--light-color);border:1px solid var(--border-color);cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;font-size:.92rem;font-weight:600;z-index:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-decoration:none;letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;border-radius:999px}.button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(76,110,245,.1),transparent);transition:all .4s ease;z-index:-1}.button:hover:before{left:100%}.button.primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;color:var(--light-color);box-shadow:0 18px 48px #4c6ef557}.button.primary:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.hero-meta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:30px;color:var(--text-soft);font-size:.78rem;font-weight:650;letter-spacing:.14em;text-transform:uppercase}.hero-meta span{display:inline-flex;align-items:center;gap:14px}.hero-meta span:not(:last-child):after{content:"";width:4px;height:4px;border-radius:50%;background:#9eb0ff61}.social-links{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap;justify-content:center}.social-link{min-width:84px;min-height:38px;border-radius:999px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(158,176,255,.12);transition:all .3s ease;color:var(--text-muted);font-size:.82rem;font-weight:600;text-decoration:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff09}.social-link:hover{transform:translateY(-3px);color:var(--light-color);box-shadow:0 12px 24px #4c6ef524;border-color:var(--border-strong)}@media(max-width:768px){.home-content{padding:32px 16px}.glitch{letter-spacing:-.055em}.hero-shell{padding:32px 20px}.button-container{flex-direction:column;width:100%;max-width:300px}.button{width:100%}}.content{max-width:var(--max-content-width);margin:0 auto;padding:clamp(42px,7vw,84px) 24px 110px;position:relative;z-index:10}.page-title{font-size:clamp(3.2rem,8vw,6.4rem);font-weight:650;line-height:.95;margin-bottom:24px;letter-spacing:-.07em;background:linear-gradient(180deg,#ffffff 0%,#dfe6ff 46%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.about-section{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,5vw,58px);margin-top:42px;align-items:start}.bio{line-height:1.8;padding:clamp(24px,4vw,38px);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:linear-gradient(145deg,#ffffff16,#ffffff06),var(--surface-color);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(24px) saturate(130%);backdrop-filter:blur(24px) saturate(130%)}.bio p{margin-bottom:25px;color:var(--text-muted)}.bio h2{font-size:1.35rem;font-weight:650;margin-bottom:18px;color:var(--accent-color);letter-spacing:-.035em}.bio ul{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 30px;list-style:none}.bio li{padding:8px 12px;border:1px solid rgba(158,176,255,.14);border-radius:999px;background:#ffffff0a;color:#f8f9fad1;font-size:.9rem}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.image-container{position:relative;overflow:hidden;border-radius:var(--radius-md);border:1px solid rgba(158,176,255,.14);box-shadow:var(--shadow-soft);aspect-ratio:1;background:var(--surface-subtle)}.image-container img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.image-container:hover img{transform:scale(1.05)}.image-overlay{position:absolute;bottom:0;left:0;right:0;padding:18px;background:linear-gradient(to top,rgba(8,12,23,.92),transparent);transition:all .3s ease;opacity:0}.image-container:hover .image-overlay{opacity:1}.image-title{font-size:.95rem;margin-bottom:5px;color:var(--light-color);letter-spacing:-.02em}.image-description{font-size:.8rem;color:var(--text-muted)}.button{display:inline-block;padding:13px 22px;background:#ffffff0e;color:var(--light-color);border:1px solid var(--border-color);cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;font-size:.9rem;font-weight:600;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-decoration:none;letter-spacing:-.01em;margin-top:40px;border-radius:999px}.button:hover{border-color:var(--border-strong);box-shadow:0 14px 34px #4c6ef52e;transform:translateY(-3px)}@media(max-width:900px){.about-section{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr);margin-bottom:30px}}@media(max-width:600px){.gallery{grid-template-columns:1fr}.content{padding:28px 16px 72px}}.page-subtitle{font-size:clamp(1rem,2vw,1.25rem);font-weight:400;margin-bottom:48px;color:var(--text-muted);max-width:720px;line-height:1.65;letter-spacing:-.015em}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:22px}.project-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(145deg,#ffffff16,#ffffff06),var(--surface-color);-webkit-backdrop-filter:blur(24px) saturate(130%);backdrop-filter:blur(24px) saturate(130%);border:1px solid var(--border-color);transition:all .3s ease;height:100%;display:flex;flex-direction:column;box-shadow:0 18px 56px #00000038}.project-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 0%,rgba(158,176,255,.12),transparent 34%);opacity:0;transition:opacity .3s ease;pointer-events:none}.project-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-soft),var(--shadow-glow);border-color:var(--border-strong)}.project-card:hover:before{opacity:1}.project-content{padding:28px;display:flex;flex-direction:column;flex-grow:1;position:relative;z-index:1}.project-date{font-size:.76rem;font-weight:700;color:var(--accent-color);margin-bottom:14px;letter-spacing:.16em;text-transform:uppercase}.project-title{font-size:clamp(1.4rem,2.4vw,1.85rem);font-weight:650;line-height:1.08;margin-bottom:16px;color:var(--light-color);letter-spacing:-.045em}.project-description{font-size:.95rem;line-height:1.65;color:var(--text-muted);margin-bottom:22px;flex-grow:1}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.project-tag{padding:7px 10px;background:#ffffff0b;border:1px solid rgba(158,176,255,.12);border-radius:999px;font-size:.75rem;color:var(--accent-color)}.view-project{align-self:flex-start;padding:11px 18px;background:#ffffff0e;color:var(--light-color);border:1px solid var(--border-color);border-radius:999px;text-decoration:none;font-size:.85rem;font-weight:650;letter-spacing:-.01em;transition:all .3s ease}.view-project:hover{background:#4c6ef52e;border-color:var(--border-strong);transform:translateY(-2px)}.project-details{margin-top:20px;padding-top:20px;border-top:1px solid rgba(158,176,255,.12)}.project-details h4{font-size:.78rem;font-weight:700;color:var(--accent-color);margin-bottom:10px;margin-top:15px;letter-spacing:.14em;text-transform:uppercase}.project-details h4:first-child{margin-top:0}.project-details ul{list-style:none;padding:0;margin:0 0 15px}.project-details li{font-size:.9rem;line-height:1.5;color:var(--text-muted);margin-bottom:7px;padding-left:15px;position:relative}.project-details li:before{content:"•";color:var(--primary-color);position:absolute;left:0;font-weight:700}@media(max-width:900px){.project-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}}@media(max-width:600px){.project-grid{grid-template-columns:1fr}.content{padding:28px 16px 72px}}#root{width:100%;margin:0;padding:0}