:root{--bg-base: #09090b;--bg-surface: #111114;--bg-elevated: #18181c;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #52525b;--text-faint: #3f3f46;--accent-1: #818cf8;--accent-2: #c084fc;--accent-3: #f472b6;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .18);--border-accent: rgba(129, 140, 248, .3);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "Fira Code", "Cascadia Code", monospace;--max-width: 720px;--ease-out: cubic-bezier(.16, 1, .3, 1);--transition-fast: .15s var(--ease-out);--transition-normal: .3s var(--ease-out);--transition-slow: .5s var(--ease-out)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-mono);background-color:var(--bg-base);color:var(--text-primary);line-height:1.7;font-size:14px;min-height:100vh;overflow-x:hidden;position:relative}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle,var(--text-faint) .5px,transparent .5px);background-size:32px 32px;opacity:.15;pointer-events:none;z-index:0}.noise-overlay{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px}.app-container{position:relative;z-index:1;max-width:var(--max-width);margin:0 auto;padding:80px 28px}.profile-header{display:flex;align-items:flex-start;gap:24px;margin-bottom:48px}.profile-avatar-wrapper{position:relative;flex-shrink:0}.profile-avatar{width:80px;height:80px;border-radius:20px;object-fit:cover;border:2px solid var(--border-subtle);transition:all var(--transition-normal)}.profile-avatar:hover{border-color:var(--border-hover);transform:scale(1.03);box-shadow:0 0 30px #818cf81f}.profile-info{display:flex;flex-direction:column;gap:6px;padding-top:4px}.profile-name{font-family:var(--font-sans);font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-1) 50%,var(--accent-2) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 6s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.profile-title{font-family:var(--font-mono);font-size:13px;font-weight:400;color:var(--text-secondary)}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.section-label{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.section-line{flex:1;height:1px;background:linear-gradient(to right,var(--border-subtle),transparent)}.section{margin-bottom:48px}.about-text{font-size:15px;line-height:1.8;color:var(--text-secondary);max-width:560px}.tech-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.tech-tag{display:inline-flex;align-items:center;padding:5px 12px;font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:100px;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.tech-tag:hover{color:var(--text-primary);border-color:var(--border-accent);background:#818cf80f;transform:translateY(-1px)}.social-links{display:flex;gap:10px}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-muted);transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#818cf81a,#c084fc1a);opacity:0;transition:opacity var(--transition-normal);border-radius:inherit}.social-link:hover{color:var(--text-primary);border-color:var(--border-accent);transform:translateY(-2px)}.social-link:hover:before{opacity:1}.social-link svg{width:18px;height:18px;position:relative;z-index:1}.project-grid{display:flex;flex-direction:column;gap:12px}.project-card{display:block;padding:18px 20px;border-radius:14px;border:1px solid var(--border-subtle);background:var(--bg-card);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--transition-normal);cursor:pointer;text-decoration:none;color:inherit;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(129,140,248,.3),transparent);opacity:0;transition:opacity var(--transition-normal)}.project-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d}.project-card:hover:before{opacity:1}.project-card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.project-emoji{font-size:20px;line-height:1;flex-shrink:0}.project-name{font-family:var(--font-sans);font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.project-arrow{margin-left:auto;color:var(--text-faint);transition:all var(--transition-normal);flex-shrink:0}.project-card:hover .project-arrow{color:var(--accent-1);transform:translate(3px)}.project-arrow svg{width:16px;height:16px}.project-description{font-size:13px;color:var(--text-secondary);line-height:1.6;padding-left:30px}.oss-list{display:flex;flex-direction:column;gap:4px}.oss-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;transition:all var(--transition-normal);cursor:pointer;text-decoration:none;color:inherit}.oss-item:hover{background:var(--bg-card-hover)}.oss-emoji{font-size:18px;line-height:1.4;flex-shrink:0}.oss-content{flex:1;min-width:0}.oss-name{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.oss-description{font-size:13px;color:var(--text-secondary);line-height:1.5}.oss-arrow{color:var(--text-faint);transition:all var(--transition-normal);flex-shrink:0;margin-top:2px}.oss-item:hover .oss-arrow{color:var(--accent-1);transform:translate(3px)}.oss-arrow svg{width:14px;height:14px}.footer{text-align:center;padding:20px 0 0;font-size:12px;color:var(--text-faint)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-in{animation:fadeInUp .6s var(--ease-out) forwards;opacity:0}.animate-fade{animation:fadeIn .8s ease forwards;opacity:0}.delay-1{animation-delay:.05s}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.delay-6{animation-delay:.3s}.delay-7{animation-delay:.35s}.delay-8{animation-delay:.4s}.delay-9{animation-delay:.45s}.delay-10{animation-delay:.5s}.delay-11{animation-delay:.55s}.delay-12{animation-delay:.6s}@media(max-width:640px){.app-container{padding:48px 20px 140px}.profile-header{flex-direction:column;gap:20px}.profile-name{font-size:24px}.profile-avatar{width:68px;height:68px}.project-card{padding:16px}.project-description{padding-left:0}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--border-default)}::selection{background:#818cf840;color:var(--text-primary)}