:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{width:100%;margin:0;padding:0;overflow-x:hidden}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary-color:#8b5cf6;--accent-color:#f59e0b;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:#94a3b81a;--card-bg:#1e293b80;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--gradient-1:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-3:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)}*{box-sizing:border-box;margin:0;padding:0}html{width:100%;overflow-x:hidden}body{background:var(--bg-primary);color:var(--text-primary);width:100%;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;overflow-x:hidden}.app{width:100%;min-height:100vh}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}@media (width<=1440px){.container{max-width:1200px}}.navbar{z-index:1000;background:0 0;padding:1.5rem 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);background:#0f172acc;padding:1rem 0}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0 2rem;display:flex}@media (width<=1440px){.nav-container{max-width:1200px}}.logo{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700}.nav-menu{gap:2rem;list-style:none;display:flex}.nav-menu button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.5rem 0;font-size:1rem;font-weight:500;transition:color .3s;position:relative}.nav-menu button:after{content:"";background:var(--primary-color);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-menu button:hover,.nav-menu button.active{color:var(--text-primary)}.nav-menu button:hover:after,.nav-menu button.active:after{width:100%}.hero-section{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:8rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.hero-background{z-index:0;position:absolute;inset:0;overflow:hidden}.gradient-orb{filter:blur(60px);opacity:.3;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.orb-1{background:var(--gradient-1);width:500px;height:500px;animation-delay:0s;top:-200px;left:-200px}.orb-2{background:var(--gradient-2);width:400px;height:400px;animation-delay:7s;bottom:-150px;right:-150px}.orb-3{background:var(--gradient-3);width:300px;height:300px;animation-delay:14s;top:50%;right:10%}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,30px)scale(.9)}}.hero-content{z-index:1;width:100%;max-width:1400px;padding:0 2rem;position:relative}@media (width<=1440px){.hero-content{max-width:1200px}}.hero-text{max-width:800px}.hero-greeting{color:var(--primary-light);margin-bottom:1rem;font-size:1.25rem;animation:.6s fadeInUp;display:inline-block}.hero-title{margin-bottom:1rem;font-size:4rem;font-weight:800;line-height:1.1;animation:.6s .1s backwards fadeInUp}.gradient-text{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.5rem;animation:.6s .2s backwards fadeInUp}.hero-description{color:var(--text-muted);max-width:600px;margin-bottom:2rem;font-size:1.125rem;animation:.6s .3s backwards fadeInUp}.hero-buttons{flex-wrap:wrap;gap:1rem;margin-bottom:3rem;animation:.6s .4s backwards fadeInUp;display:flex}.social-links{gap:1rem;animation:.6s .5s backwards fadeInUp;display:flex}.social-link{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #6366f14d;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;box-shadow:0 8px 16px #6366f166}.social-link:hover{background:linear-gradient(135deg, var(--primary-light) 0%, var(--primary-color) 100%);color:#fff;border-color:var(--primary-light);transform:translateY(-5px)scale(1.05);box-shadow:0 12px 25px #6366f199}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 4px 15px #6366f14d}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.btn-secondary{color:var(--text-primary);border:2px solid var(--border-color);background:0 0}.btn-secondary:hover{border-color:var(--primary-color);background:#6366f11a}.btn-full{justify-content:center;width:100%}section{width:100%;padding:6rem 0}.section-header{text-align:center;margin-bottom:4rem}.section-tag{color:var(--primary-light);background:#6366f11a;border:1px solid #6366f133;border-radius:50px;margin-bottom:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.section-title{color:var(--text-primary);font-size:3rem;font-weight:800}.about-section{background:var(--bg-secondary)}.about-content{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;display:grid}.about-text p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.125rem}.about-stats{gap:1.5rem;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;transition:all .3s}.stat-card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-color);transform:translateY(-5px)}.stat-number{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:800}.stat-label{color:var(--text-secondary);font-size:1rem}.skills-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.skill-category{background:var(--card-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem;transition:all .3s}.skill-category:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-color);transform:translateY(-5px)}.skill-category-title{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.5rem}.skill-items{flex-wrap:wrap;gap:.75rem;display:flex}.skill-tag{color:var(--primary-light);background:#6366f11a;border:1px solid #6366f133;border-radius:50px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .3s}.skill-tag:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.projects-section{background:var(--bg-secondary)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;display:grid}.project-card{background:var(--card-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;flex-direction:column;justify-content:space-between;padding:2rem;transition:all .3s;display:flex}.project-card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-color);transform:translateY(-10px)}.project-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.project-description{color:var(--text-secondary);flex-grow:1;margin-bottom:1.5rem}.project-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.project-tag{color:var(--primary-light);background:#6366f11a;border:1px solid #6366f133;border-radius:50px;padding:.375rem .875rem;font-size:.75rem}.project-links{gap:1rem;display:flex}.project-link{border:2px solid var(--border-color);color:var(--text-secondary);background:0 0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.project-link:hover{border-color:var(--primary-color);color:var(--primary-light)}.project-link-primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.project-link-primary:hover{background:var(--primary-dark);transform:scale(1.05)}.contact-content{grid-template-columns:1fr 1fr;gap:4rem;display:grid}.contact-info h3{margin-bottom:1rem;font-size:2rem}.contact-info p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.125rem}.contact-details{flex-direction:column;gap:1.5rem;display:flex}.contact-item{color:var(--text-secondary);align-items:center;gap:1rem;display:flex}.contact-item svg{color:var(--primary-color)}.contact-form{background:var(--card-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);margin-bottom:.5rem;font-weight:500;display:block}.form-group input,.form-group textarea{background:var(--bg-primary);border:2px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:10px;padding:.875rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #6366f11a}.form-group textarea{resize:vertical;min-height:120px}.footer{background:var(--bg-secondary);text-align:center;border-top:1px solid var(--border-color);width:100%;padding:2rem 0}.footer p{color:var(--text-muted)}@media (width<=1024px){.hero-title{font-size:3rem}.section-title{font-size:2.5rem}.about-content,.contact-content{grid-template-columns:1fr;gap:2rem}.skills-grid,.projects-grid{grid-template-columns:1fr}.nav-menu{display:none}}@media (width<=768px){.container,.nav-container,.hero-content{padding:0 1.5rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.hero-description{font-size:1rem}.section-title{font-size:2rem}section{padding:4rem 0}.hero-section{padding:6rem 1.5rem 3rem}.hero-buttons{flex-direction:column}.btn{justify-content:center;width:100%}}