:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--color-bg-primary: #0d1117;--color-bg-secondary: #161b22;--color-bg-tertiary: #21262d;--color-border: #30363d;--color-text-primary: #f0f6fc;--color-text-secondary: #8b949e;--color-text-tertiary: #6e7681;--color-accent: #58a6ff;--color-accent-hover: #1f6feb;--color-success: #3fb950;--color-warning: #d29922;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif}.welcome-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d1117,#161b22,#21262d);opacity:1;transition:opacity 1s ease-out}.welcome-screen.fade-out{opacity:0}.welcome-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.shine-overlay{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(88,166,255,.1) 50%,transparent 70%);animation:shine 3s ease-in-out infinite}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}50%{transform:translate(0) translateY(0) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.particles{position:absolute;width:100%;height:100%}.particle{position:absolute;width:4px;height:4px;background:var(--color-accent);border-radius:50%;opacity:0;animation:float 6s ease-in-out infinite}.particle:nth-child(odd){background:var(--color-success)}.particle:nth-child(3n){background:var(--color-warning)}.particle-0{top:20%;left:10%;animation-delay:0s}.particle-1{top:80%;left:20%;animation-delay:.5s}.particle-2{top:40%;left:90%;animation-delay:1s}.particle-3{top:60%;left:70%;animation-delay:1.5s}.particle-4{top:10%;left:60%;animation-delay:2s}.particle-5{top:90%;left:40%;animation-delay:2.5s}.particle-6{top:30%;left:30%;animation-delay:3s}.particle-7{top:70%;left:80%;animation-delay:.2s}.particle-8{top:50%;left:10%;animation-delay:.8s}.particle-9{top:15%;left:85%;animation-delay:1.3s}.particle-10{top:85%;left:15%;animation-delay:1.8s}.particle-11{top:25%;left:50%;animation-delay:2.3s}.particle-12{top:75%;left:60%;animation-delay:2.8s}.particle-13{top:45%;left:25%;animation-delay:.3s}.particle-14{top:65%;left:75%;animation-delay:.9s}.particle-15{top:35%;left:65%;animation-delay:1.4s}.particle-16{top:55%;left:35%;animation-delay:1.9s}.particle-17{top:5%;left:45%;animation-delay:2.4s}.particle-18{top:95%;left:55%;animation-delay:2.9s}.particle-19{top:25%;left:75%;animation-delay:.7s}@keyframes float{0%,to{opacity:0;transform:translateY(0) scale(0)}50%{opacity:1;transform:translateY(-20px) scale(1)}}.welcome-content{position:relative;z-index:10;text-align:center;max-width:800px;padding:0 20px}.welcome-text{animation:welcomeSlideUp 1s ease-out}@keyframes welcomeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.welcome-greeting{font-size:clamp(2.5rem,8vw,4rem);font-weight:300;color:var(--color-text-secondary);margin:0 0 1rem;animation:fadeInUp 1s ease-out .5s both}.welcome-name{font-size:clamp(1.5rem,6vw,2.5rem);font-weight:400;margin:0 0 2rem;line-height:1.2}.text-reveal{display:block;color:var(--color-text-secondary);font-weight:300;animation:fadeInUp 1s ease-out 1s both}.name-highlight{display:block;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-success) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:clamp(2rem,8vw,4rem);margin-top:.5rem;animation:fadeInScale 1s ease-out 1.5s both}.welcome-subtitle{font-size:clamp(1rem,3vw,1.25rem);color:var(--color-text-tertiary);font-weight:400}.typewriter{display:inline-block;border-right:2px solid var(--color-accent);padding-right:4px;animation:typewriter 2s steps(30) 2s both,blink 1s step-end 4s infinite;white-space:nowrap;overflow:hidden;width:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes typewriter{to{width:100%}}@keyframes blink{0%,50%{border-color:var(--color-accent)}51%,to{border-color:transparent}}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column;width:100%}.container{max-width:1200px;margin:0 auto;padding:0 16px}.header{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:16px 0;position:sticky;top:0;z-index:100;width:100%}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding:0 24px;width:100%}.profile-section{display:flex;align-items:center;gap:12px}.avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;overflow:hidden}.avatar-logo{width:100%;height:100%;object-fit:cover}.profile-info .name{font-size:20px;font-weight:600;margin:0}.profile-info .username{color:var(--color-text-secondary);margin:0;font-size:14px}.nav{display:flex;gap:24px}.nav-link{color:var(--color-text-primary);text-decoration:none;padding:8px 12px;border-radius:6px;transition:background-color .2s ease}.nav-link:hover{background-color:var(--color-bg-tertiary)}.main{flex:1;padding:40px 24px;width:100%}.main .container{max-width:1800px;margin:0 auto;width:100%}.section{margin-bottom:48px}.section-header{margin-bottom:24px}.section-title{font-size:24px;font-weight:600;color:var(--color-text-primary);margin:0;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.about-content{margin-top:20px;display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}.bio-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:24px}.lanyard-container{height:400px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}@keyframes gentle-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.bio{font-size:16px;color:var(--color-text-secondary);margin-bottom:24px;line-height:1.7}.stats{display:flex;gap:32px;flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-number{font-size:24px;font-weight:700;color:var(--color-accent)}.stat-label{font-size:12px;color:var(--color-text-tertiary);text-transform:uppercase;font-weight:500}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:20px}.skill-category{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:20px}.skill-category-title{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--color-text-primary)}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;border:1px solid var(--color-border)}.experience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-top:20px}.experience-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:24px;transition:all .3s ease}.experience-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003;border-color:var(--color-accent)}.experience-header{margin-bottom:16px}.experience-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.experience-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.experience-company{color:var(--color-accent);font-weight:500;font-size:14px}.experience-date{color:var(--color-text-tertiary);font-size:12px;background-color:var(--color-bg-tertiary);padding:2px 8px;border-radius:4px}.experience-description{color:var(--color-text-secondary);font-size:14px;line-height:1.6;margin-bottom:16px}.experience-tech{display:flex;flex-wrap:wrap;gap:6px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-top:20px}.project-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:20px;position:relative;overflow:hidden;transition:all .3s ease}.project-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--color-accent),var(--color-success),var(--color-warning),#ff6b6b,#4ecdc4,var(--color-accent));background-size:400% 400%;border-radius:8px;opacity:0;z-index:-1;animation:gradientRotate 3s ease infinite;transition:opacity .3s ease}.project-card:after{content:"";position:absolute;inset:0;background-color:var(--color-bg-secondary);border-radius:6px;z-index:-1}.project-card:hover:before{opacity:1}.project-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}@keyframes gradientRotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.project-title{font-size:16px;font-weight:600;color:var(--color-accent);margin:0}.project-status{background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary);padding:2px 8px;border-radius:12px;font-size:10px;text-transform:uppercase;font-weight:500}.project-description{color:var(--color-text-secondary);font-size:14px;margin-bottom:16px;line-height:1.6}.project-tech{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.tech-tag{background-color:var(--color-bg-primary);color:var(--color-text-secondary);padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500}.project-links{display:flex;gap:12px}.project-link{color:var(--color-accent);text-decoration:none;font-size:14px;font-weight:500;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.project-link:hover{background-color:var(--color-bg-tertiary)}.footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:24px 0;margin-top:auto;width:100%}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;max-width:1200px;margin:0 auto;padding:0 24px;width:100%}.footer-content p{color:var(--color-text-tertiary);font-size:14px;margin:0}.social-links{display:flex;gap:16px}.social-link{color:var(--color-text-secondary);text-decoration:none;font-size:14px;transition:color .2s ease}.social-link:hover{color:var(--color-accent)}@media (max-width: 768px){.header-content{flex-direction:column;text-align:center}.nav{justify-content:center}.about-content{grid-template-columns:1fr;gap:16px}.lanyard-container{height:300px}.stats{justify-content:center}.projects-grid,.skills-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}}@media (max-width: 480px){.container{padding:0 12px}.main{padding:24px 0}.section{margin-bottom:32px}.project-card,.bio-card,.skill-category{padding:16px}}