@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-dark: #09090b;--bg-subtle: #18181b;--text-primary: #fafafa;--text-secondary: #a1a1aa;--glass-bg: rgba(24, 24, 27, .6);--glass-border: rgba(255, 255, 255, .08);--glass-hover-bg: rgba(39, 39, 42, .7);--glass-hover-border: rgba(255, 255, 255, .15);--accent: #a78bfa;--accent-glow: rgba(167, 139, 250, .15);--accent-hover: #c4b5fd;--transition-smooth: all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6;min-height:100vh;background-image:radial-gradient(circle at 15% 50%,rgba(167,139,250,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(79,70,229,.05),transparent 25%);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:1000px;margin:0 auto;padding:4rem 2rem;display:flex;flex-direction:column;gap:4rem}h1,h2,h3{font-weight:700;line-height:1.2;letter-spacing:-.02em}p{color:var(--text-secondary);font-size:1.1rem}a{color:var(--accent);text-decoration:none;transition:var(--transition-smooth)}a:hover{color:var(--accent-hover)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;transition:var(--transition-smooth)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.hero-section{display:flex;align-items:center;justify-content:flex-start;padding:4rem 0 2rem;animation:fadeIn 1s ease-out forwards}.hero-content{display:flex;align-items:center;gap:2.5rem}.avatar-container{width:140px;height:140px;border-radius:16px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-subtle) 0%,#27272a 100%);border:2px solid var(--glass-border);box-shadow:0 10px 30px #0006}.avatar-image{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth)}.avatar-container:hover .avatar-image{transform:scale(1.05)}.hero-text{max-width:600px}.hero-title{font-size:3.5rem;margin-bottom:.5rem;background:linear-gradient(to right,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;color:transparent;animation:softGlow 4s infinite alternate}.hero-bio{font-size:1.5rem;color:var(--text-secondary);line-height:1.5;font-weight:300}@keyframes softGlow{0%{text-shadow:0 0 20px rgba(167,139,250,0)}to{text-shadow:0 0 20px rgba(167,139,250,.2)}}@media(max-width:768px){.hero-content{flex-direction:column;text-align:center;gap:1.5rem}.hero-section{padding:2rem 0}.hero-title{font-size:2.5rem}.hero-bio{font-size:1.25rem}}.project-card-link{display:block;text-decoration:none;border-radius:16px}.project-card{height:100%;padding:2rem;position:relative;overflow:hidden;display:flex;flex-direction:column}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, -20%),var(--accent-glow),transparent 40%);opacity:0;transition:opacity .5s;pointer-events:none}.project-card:hover{background:var(--glass-hover-bg);border-color:var(--glass-hover-border);transform:translateY(-4px);box-shadow:0 15px 35px #0006}.project-card:hover:before{opacity:1}.project-card-content{display:flex;flex-direction:column;height:100%;position:relative;z-index:1}.project-title{font-size:1.5rem;color:var(--text-primary);margin-bottom:1rem;transition:var(--transition-smooth)}.project-card:hover .project-title{color:var(--accent-hover)}.project-description{flex-grow:1;margin-bottom:2rem;font-size:1.05rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.project-tag{font-size:.8rem;font-weight:500;padding:.25rem .75rem;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);transition:var(--transition-smooth)}.project-card:hover .project-tag{background:#a78bfa1a;border-color:#a78bfa33;color:#e4e4e7}.project-hover-arrow{position:absolute;bottom:2rem;right:2rem;color:var(--accent);opacity:0;transform:translate(-10px);transition:var(--transition-smooth)}.project-card:hover .project-hover-arrow{opacity:1;transform:translate(0)}.project-section{padding:2rem 0;animation:fadeIn 1.2s ease-out forwards}.section-title{font-size:2rem;margin-bottom:2rem;color:#e4e4e7}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}@media(max-width:600px){.project-grid{grid-template-columns:1fr}}