:root{--navy: #1e293b;--navy-dark: #0f172a;--navy-light: #334155;--steel: #64748b;--steel-light: #94a3b8;--pure-white: #ffffff;--off-white: #f8fafc;--cloud: #f1f5f9;--mist: #e2e8f0;--ink: #0f172a;--charcoal: #334155;--muted: #64748b;--success-green: #10b981;--danger-red: #ef4444;--warning-amber: #f59e0b;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Work Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--radius: 8px;--radius-sm: 6px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--off-white);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-sm);height:4rem}.nav-container{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:100%;max-width:1280px;margin:0 auto}.nav-logo{font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:#fff;letter-spacing:-.5px}.nav-links{list-style:none;display:flex;gap:1.5rem;align-items:center}.nav-links a{color:var(--steel-light);font-size:.875rem;font-weight:500;transition:color .2s;cursor:pointer}.nav-links a:hover{color:#fff}.nav-user{color:var(--steel-light);font-size:.875rem}.nav-btn{background:#fff;color:var(--navy);border:none;padding:.5rem 1.25rem;border-radius:var(--radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.nav-btn:hover{background:var(--off-white);box-shadow:var(--shadow-md)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between;gap:4rem;padding:8rem 3rem 4rem;max-width:1280px;margin:0 auto;background:var(--pure-white)}.hero-content{max-width:600px}.hero-greeting{display:inline-block;padding:.625rem 1.25rem;background:var(--success-green);color:#fff;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;border-radius:999px;border:none;box-shadow:0 2px 4px #10b98133}.hero-name{font-family:var(--font-display);font-size:clamp(2.75rem,6vw,4.5rem);font-weight:700;letter-spacing:-2px;line-height:1.1;color:var(--ink);margin-bottom:1rem}.hero-title{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.875rem);color:var(--charcoal);margin-bottom:1.5rem;font-weight:500;letter-spacing:-.5px}.hero-desc{color:var(--muted);margin-bottom:2.5rem;font-size:1.125rem;line-height:1.7;max-width:520px}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.hero-visual{flex-shrink:0}.hero-avatar{width:280px;height:280px;border-radius:var(--radius-lg);background:var(--navy);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:5rem;font-weight:700;color:#fff;letter-spacing:-3px;box-shadow:0 10px 30px #1e293b4d;border:4px solid var(--pure-white)}.btn{display:inline-block;padding:1rem 2rem;border-radius:var(--radius);font-family:var(--font-display);font-size:1rem;font-weight:600;transition:all .2s;cursor:pointer;border:none}.btn-primary{background:var(--navy);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--navy-dark);box-shadow:var(--shadow-md)}.btn-secondary{background:#fff;color:var(--navy);border:2px solid var(--mist)}.btn-secondary:hover{border-color:var(--steel);box-shadow:var(--shadow-sm)}.section{padding:6rem 3rem;max-width:1280px;margin:0 auto}.section-alt{background:var(--pure-white)}.section-title{font-family:var(--font-display);text-align:center;font-size:clamp(2.25rem,4vw,3.5rem);font-weight:700;margin-bottom:3rem;color:var(--ink);letter-spacing:-1.5px}.section-subtitle{text-align:center;color:var(--muted);max-width:640px;margin:0 auto 4rem;font-size:1.125rem;line-height:1.7}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1000px;margin:0 auto}.about-text p{color:var(--muted);font-size:1.125rem;line-height:1.8;margin-bottom:1.5rem}.skills h3{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--ink);letter-spacing:-.5px}.skills-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.skill-tag{padding:.75rem 1.25rem;background:#fff;color:var(--charcoal);border-radius:var(--radius);font-size:.9375rem;font-weight:600;border:1px solid var(--mist);text-align:center;transition:all .2s}.skill-tag:hover{border-color:var(--steel);box-shadow:var(--shadow-sm)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.project-card{background:#fff;border-radius:var(--radius-lg);padding:2rem;border:1px solid var(--mist);transition:all .2s;box-shadow:var(--shadow-sm)}.project-card:hover{border-color:var(--steel);box-shadow:var(--shadow-md)}.project-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.project-icon{color:var(--navy)}.project-link{color:var(--steel);transition:color .2s;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center}.project-link:hover{color:var(--navy)}.project-title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:var(--ink);letter-spacing:-.5px}.project-desc{color:var(--muted);line-height:1.7;margin-bottom:1.5rem}.project-tags{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.project-tags li,.tag{padding:.5rem 1rem;background:var(--cloud);color:var(--charcoal);border-radius:999px;font-size:.8125rem;font-weight:600;border:1px solid var(--mist)}.contact-inner{max-width:600px;margin:0 auto;text-align:center}.contact-inner p{color:var(--muted);font-size:1.125rem;line-height:1.7;margin-bottom:2.5rem}.contact-inner .btn{margin-bottom:2rem}.social-links{display:flex;justify-content:center;gap:2.5rem;margin-top:2rem}.social-links a{color:var(--charcoal);font-family:var(--font-display);font-size:1.125rem;font-weight:600;transition:color .2s;cursor:pointer}.social-links a:hover{color:var(--navy)}.contact-links{display:flex;justify-content:center;gap:2.5rem;margin-top:2.5rem}.contact-link{color:var(--charcoal);font-family:var(--font-display);font-size:1.125rem;font-weight:600;transition:color .2s}.contact-link:hover{color:var(--navy)}.footer{background:var(--navy);color:var(--steel-light);text-align:center;padding:2rem 3rem;font-size:.875rem}.auth-page{min-height:100vh;background:var(--off-white);display:flex;flex-direction:column}.auth-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card{background:#fff;padding:3rem;border-radius:var(--radius-lg);border:1px solid var(--mist);box-shadow:var(--shadow-md);max-width:440px;width:100%}.auth-title{font-family:var(--font-display);font-size:2rem;font-weight:700;margin-bottom:.75rem;color:var(--ink);letter-spacing:-.5px}.auth-subtitle{color:var(--muted);margin-bottom:2rem;font-size:1rem}.auth-tabs{display:flex;gap:1rem;border-bottom:2px solid var(--mist);margin-bottom:2rem}.auth-tab{padding:1rem 1.5rem;background:transparent;border:none;color:var(--muted);font-family:var(--font-display);font-weight:600;cursor:pointer;position:relative;transition:color .2s}.auth-tab.active{color:var(--navy)}.auth-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--navy)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--ink);font-size:.9375rem}.form-input{width:100%;padding:.875rem 1rem;border:2px solid var(--mist);border-radius:var(--radius);font-size:1rem;font-family:var(--font-body);transition:border-color .2s;background:#fff;color:var(--ink)}.form-input:focus{outline:none;border-color:var(--navy)}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--danger-red);padding:1rem;border-radius:var(--radius);margin-bottom:1.5rem;font-size:.9375rem}.auth-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--success-green);padding:1rem;border-radius:var(--radius);margin-bottom:1.5rem;font-size:.9375rem}.auth-email-icon{width:64px;height:64px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:#10b9811a;border-radius:50%;color:var(--success-green)}.auth-switch{text-align:center;margin-top:1.5rem;color:var(--muted);font-size:.9375rem}.auth-link{color:var(--navy);font-weight:600;cursor:pointer;margin-left:.25rem}.auth-link:hover{text-decoration:underline}@media (max-width: 768px){.nav{padding:1rem 1.5rem}.nav-links{gap:1.5rem}.hero{flex-direction:column-reverse;padding:6rem 1.5rem 3rem;text-align:center}.hero-content{max-width:100%}.hero-greeting{margin:0 auto 1.5rem}.hero-desc{margin:0 auto 2rem}.hero-buttons{justify-content:center}.hero-avatar{width:200px;height:200px;font-size:3.5rem}.section{padding:4rem 1.5rem}.about-grid{grid-template-columns:1fr;gap:3rem}.skills-list{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:1fr}}@media (max-width: 480px){.nav-links{gap:1rem;font-size:.8125rem}.hero-name{font-size:2.5rem}.hero-title{font-size:1.25rem}.btn{padding:.875rem 1.75rem;font-size:.9375rem}}