:root{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-accent: #38bdf8;--color-accent-hover: #7dd3fc;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-primary);min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(120px);opacity:.4;z-index:-1;pointer-events:none}body:before{width:400px;height:400px;background:linear-gradient(135deg,#6366f1,#8b5cf6);top:-100px;right:-100px}body:after{width:350px;height:350px;background:linear-gradient(135deg,#0ea5e9,#06b6d4);bottom:-50px;left:-100px}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}.main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center}.hero{max-width:600px;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.avatar{width:100px;height:100px;margin:0 auto var(--space-lg);background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);font-weight:700;color:var(--color-accent);border:2px solid var(--color-bg-tertiary);box-shadow:0 0 40px #38bdf826;animation:fadeInUp .6s ease-out .1s both}.name{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-sm);background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .6s ease-out .2s both}.tagline{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-sm);animation:fadeInUp .6s ease-out .3s both}.location{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-xl);animation:fadeInUp .6s ease-out .35s both}.tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-xl);animation:fadeInUp .6s ease-out .4s both}.tag{padding:var(--space-xs) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-base)}.tag:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-accent)}.tag{position:relative;cursor:default}.tag[data-tooltip]{cursor:pointer}.tag .tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(4px);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-accent);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:10;box-shadow:0 4px 20px #0000004d}.tag .tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-accent)}.tag:hover .tooltip,.tag.tooltip-active .tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.social-links{display:flex;gap:var(--space-md);justify-content:center;animation:fadeInUp .6s ease-out .5s both}.social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-lg);color:var(--color-text-secondary);transition:all var(--transition-base)}.social-link:hover{background:var(--color-bg-tertiary);color:var(--color-accent);border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 20px #38bdf833}.social-link svg{width:24px;height:24px}.projects-link{display:inline-block;margin-top:var(--space-lg);font-size:var(--font-size-sm);color:var(--color-text-muted);transition:color var(--transition-fast);animation:fadeInUp .6s ease-out .6s both}.projects-link:hover{color:var(--color-accent)}.footer{padding:var(--space-lg);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}@media(min-width:640px){.avatar{width:120px;height:120px;font-size:var(--font-size-4xl)}.name{font-size:var(--font-size-4xl)}.tagline{font-size:var(--font-size-xl)}}@media(min-width:1024px){.main{padding:var(--space-3xl)}.avatar{width:140px;height:140px}.social-link{width:56px;height:56px}.social-link svg{width:28px;height:28px}}.projects-main{flex:1;display:flex;flex-direction:column;padding:var(--space-xl);max-width:900px;margin:0 auto;width:100%}.projects-header{text-align:center;margin-bottom:var(--space-2xl);animation:fadeInUp .6s ease-out}.back-link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-xl);transition:color var(--transition-fast)}.back-link:hover{color:var(--color-accent)}.back-link svg{transition:transform var(--transition-fast)}.back-link:hover svg{transform:translate(-4px)}.projects-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-sm);background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.projects-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.project-card{background:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);transition:all var(--transition-base);animation:fadeInUp .6s ease-out both}.project-card:nth-child(1){animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}.project-card:nth-child(4){animation-delay:.4s}.project-card:hover{border-color:var(--color-accent);box-shadow:0 8px 32px #38bdf826;transform:translateY(-2px)}.project-content{flex:1}.project-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.project-description{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--space-sm)}.project-problem{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.project-problem strong{color:var(--color-text-secondary)}.tech-stack{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tech-badge{padding:var(--space-xs) var(--space-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:.75rem;color:var(--color-text-secondary);font-weight:500}.project-actions{display:flex;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--color-bg-tertiary)}.project-link{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-accent);color:var(--color-bg-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-base)}.project-link:hover{background:var(--color-accent-hover);color:var(--color-bg-primary)}.github-link{display:inline-flex;align-items:center;padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-base)}.github-link:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}@media(min-width:640px){.projects-grid{grid-template-columns:repeat(2,1fr)}.projects-title{font-size:var(--font-size-4xl)}}@media(min-width:1024px){.projects-main{padding:var(--space-3xl)}}