.hero{background:linear-gradient(to bottom,#1f2937,#111827);color:#f9fafb;padding:8rem 1rem;display:flex;align-items:center;justify-content:center;text-align:center}.hero .container{max-width:5xl;margin:0 auto;padding:0 1rem}.hero h1{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(to right,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.25rem;color:#cbd5e1;margin-bottom:2.5rem}.hero .ctas{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.hero .btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .3s ease;border:1px solid transparent}.hero .btn.primary{background:linear-gradient(to right,#3b82f6,#60a5fa);color:#fff}.hero .btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 12px #3b82f666}.hero .btn:not(.primary){background:transparent;color:#3b82f6;border:1px solid #3b82f6}.hero .btn:not(.primary):hover{background:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px #3b82f64d}.about-section{background:linear-gradient(to bottom,#1f2937,#111827);color:#f9fafb;padding:6rem 1rem}.about-inner{max-width:80rem;margin:0 auto;padding:0 1rem}.about-header{text-align:center;margin-bottom:3rem}.about-title{font-size:3rem;font-weight:800;background:linear-gradient(to right,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-tagline{color:#94a3b8;font-size:1rem;margin-top:.5rem;letter-spacing:.05em}.about-intro,.about-body{margin-bottom:1.5rem;line-height:1.7;color:#e2e8f0}.about-intro .accent,.about-body .accent{color:#3b82f6;font-weight:600}.about-links{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:1rem}.about-links-text{color:#e2e8f0;font-weight:500}.accent-link{color:#3b82f6;font-weight:600;text-decoration:underline}.accent-link:hover{color:#60a5fa}.separator{color:#94a3b8}.about-cards{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:3rem}.about-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:1rem;width:18rem;text-align:center;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 15px #2563eb33;transition:all .3s ease}.about-card:hover{transform:translateY(-6px);box-shadow:0 10px 25px #2563eb4d}.about-icon{width:2.5rem;height:2.5rem;margin-bottom:1rem;color:#3b82f6}.about-card h4{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:#f9fafb}.about-card p.muted{font-size:.875rem;color:#94a3b8;line-height:1.5}#experience{background:linear-gradient(to bottom,#1f2937,#111827);color:#f9fafb;padding:6rem 1rem}.experience-header{text-align:center;margin-bottom:4rem}.experience-header h2{font-size:3rem;font-weight:800;background:linear-gradient(to right,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.experience-header p{color:#cbd5e1;margin-top:.75rem;font-size:1.125rem}.experience-timeline{position:relative;border-left:4px solid rgba(37,99,235,.7);padding-left:2rem}.timeline-dot{position:absolute;left:-14px;top:.75rem;width:28px;height:28px;border-radius:50%;background:linear-gradient(to right,#2563eb,#1e40af);border:4px solid #1f2937;box-shadow:0 0 10px #2563eb66}.experience-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.75rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 15px #2563eb33;transition:all .3s ease;margin-bottom:20px}.experience-card:hover{box-shadow:0 10px 25px #2563eb4d;transform:translateY(-5px)}.experience-card h3{font-size:1.5rem;font-weight:700}.experience-card h3 span{background:linear-gradient(to right,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.experience-card .meta{font-size:.875rem;color:#94a3b8;margin-top:.25rem}.experience-card p{margin-top:.75rem;line-height:1.6;color:#e2e8f0}.experience-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.experience-badges span{padding:.375rem .75rem;font-size:.75rem;font-weight:600;border-radius:9999px;box-shadow:0 2px 6px #0003;color:#fff}.reactjs{background:linear-gradient(to right,#60a5fa,#2563eb)}.reactnative{background:linear-gradient(to right,#3b82f6,#1e40af)}.nextjs{background:linear-gradient(to right,#374151,#1f2937)}.tailwind{background:linear-gradient(to right,#0ea5e9,#0369a1)}.javascript{background:linear-gradient(to right,#facc15,#eab308);color:#000}.typescript{background:linear-gradient(to right,#3b82f6,#1e40af)}#projects{background:linear-gradient(to bottom,#1f2937,#111827);color:#f9fafb;padding:6rem 1rem;transition:all .3s ease}#projects .section-header{text-align:center;margin-bottom:3rem}#projects .section-header h2{font-size:3rem;font-weight:800;background:linear-gradient(to right,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#projects .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}#projects .project{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 15px #2563eb33;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between}#projects .project:hover{transform:translateY(-8px);box-shadow:0 15px 25px #2563eb59}#projects .project h3{margin-top:0;margin-bottom:.5rem;font-size:1.5rem;font-weight:700;color:#f9fafb}#projects .project p{color:#e2e8f0;font-size:.95rem;flex-grow:1;margin-bottom:1rem}#projects .stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}#projects .stack span{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:9999px;color:#fff;background:linear-gradient(to right,#3b82f6,#60a5fa)}#projects .links{display:flex;gap:1rem}#projects .link{flex:1;text-align:center;padding:.5rem 0;border-radius:.5rem;text-decoration:none;font-weight:600;transition:all .3s ease;border:1px solid rgba(255,255,255,.3);color:#f9fafb;background:#ffffff0d}#projects .link:hover{background:linear-gradient(to right,#3b82f6,#60a5fa);color:#fff;box-shadow:0 6px 12px #3b82f64d}#skills{background:linear-gradient(to bottom,#1f2937,#111827);color:#f9fafb;padding:6rem 1rem;transition:all .3s ease}#skills .section-header{text-align:center;margin-bottom:3rem}#skills .section-header h2{font-size:3rem;font-weight:800;background:linear-gradient(to right,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#skills .skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;justify-items:center}#skills .skill{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1rem 1.25rem;width:100%;text-align:center;font-weight:600;color:#f9fafb;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 12px #2563eb26;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;cursor:default}#skills .skill:hover{transform:translateY(-6px);box-shadow:0 12px 20px #2563eb59;background:#3b82f61a}#skills .skill p{margin:0;font-size:1rem;transition:all .3s ease}#skills .skill:hover p{background:linear-gradient(to right,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#contact{background:linear-gradient(to bottom,#1f2937,#111827);color:#f9fafb;padding:6rem 1rem;display:flex;justify-content:center;transition:all .3s ease}#contact .section-header{text-align:center;margin-bottom:3rem}#contact .section-header h2{font-size:3rem;font-weight:800;background:linear-gradient(to right,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#contact .form{width:100%;max-width:500px;display:flex;flex-direction:column;gap:1rem}#contact .input,#contact .textarea{padding:.75rem 1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#f9fafb;font-size:1rem;outline:none;transition:all .3s ease;resize:none}#contact .input:focus,#contact .textarea:focus{border:1px solid #3b82f6;box-shadow:0 4px 12px #3b82f64d;background:#3b82f60d}#contact .input::placeholder,#contact .textarea::placeholder{color:#94a3b8}#contact .submit{padding:.75rem 1rem;border-radius:.75rem;font-weight:600;border:none;cursor:pointer;background:linear-gradient(to right,#3b82f6,#60a5fa);color:#fff;transition:all .3s ease}#contact .submit:hover{transform:translateY(-2px);box-shadow:0 6px 12px #3b82f666}@media (max-width: 600px){#contact .form{width:90%}}footer{background:linear-gradient(to right,#1f2937,#111827);color:#94a3b8;text-align:center;padding:2rem 1rem;font-size:.875rem;border-top:1px solid rgba(255,255,255,.1);transition:all .3s ease}footer span{background:linear-gradient(to right,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}footer a{margin-left:.5rem;margin-right:.5rem;color:#94a3b8;text-decoration:none;transition:all .3s ease}footer a:hover{color:#3b82f6;text-shadow:0 2px 6px rgba(59,130,246,.5)}@media (max-width: 600px){footer{font-size:.8rem}}:root{--bg: #0b0c0f;--bg-soft: #121319;--text: #e8e8ef;--muted: #a6a6be;--card: #161823;--border: #262939;--brand: #4ea1ff;--brand-2: #7c5cff}:root.light{--bg: #ffffff;--bg-soft: #f7f8fb;--text: #111319;--muted: #5e6170;--card: #ffffff;--border: #e6e8ef;--brand: #2266ff;--brand-2: #7c5cff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}#root{min-height:100dvh}.container{width:min(1100px,92%);margin:0 auto}.navbar{position:sticky;top:0;z-index:50;background:linear-gradient(90deg,#111827,#1f2937);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);transition:background .3s ease,border-color .3s ease}.navbar-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.brand{font-weight:800;font-size:1.5rem;background:linear-gradient(90deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer;transition:all .3s ease}.brand:hover{transform:translateY(-2px);text-shadow:0 4px 8px rgba(59,130,246,.4)}.nav-links{display:flex;gap:28px;align-items:center;position:relative}.nav-links a{color:#94a3b8;text-decoration:none;font-weight:600;padding:6px 10px;border-radius:8px;position:relative;transition:all .3s ease}.nav-links a:after{content:"";position:absolute;left:0;bottom:-2px;width:0%;height:2px;background:linear-gradient(90deg,#3b82f6,#60a5fa);transition:width .3s ease;border-radius:2px}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.theme-btn{border:1px solid rgba(255,255,255,.2);background:#121319d9;color:#f9fafb;padding:8px 14px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease}.theme-btn:hover{background:linear-gradient(90deg,#3b82f6,#60a5fa);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.section{padding:80px 0}.section-header{display:flex;align-items:center;justify-content:center;margin-bottom:22px}.section h2{font-size:clamp(1.6rem,2.8vw,2rem);margin:0}.section p.lead{color:var(--muted);margin:8px 0 0;text-align:center}.hero{padding:110px 0 80px}.hero h1{font-size:clamp(2.2rem,6vw,3.2rem);margin:0 0 10px;text-align:center}.hero p{color:var(--muted);margin:0 0 18px;text-align:center}.ctas{display:flex;gap:12px;align-items:center;justify-content:center}.btn{display:inline-block;padding:12px 16px;border-radius:12px;text-decoration:none;border:1px solid var(--border);color:var(--text);background:var(--bg-soft);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(90deg,var(--brand),var(--brand-2));border:none;color:#fff;font-weight:700}.grid{display:grid;gap:16px}.cols-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.card:hover{transform:translateY(-4px);border-color:color-mix(in oklab,var(--brand) 35%,var(--border))}.exp-item h3{margin:0 0 6px}.exp-item .meta{color:var(--muted);font-size:.95rem}.project .stack{color:var(--muted);font-size:.95rem;margin-top:6px}.project .links{display:flex;gap:10px;margin-top:10px}.link{text-decoration:none;padding:8px 10px;border-radius:10px;border:1px solid var(--border);color:var(--text)}.link:hover{border-color:color-mix(in oklab,var(--brand) 35%,var(--border))}.skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px}.skill{background:var(--card);border:1px solid var(--border);padding:16px;border-radius:12px;text-align:center}.skill p{margin:8px 0 0;font-weight:600}.form{display:grid;gap:18px;max-width:520px}.input,.textarea{background:var(--bg-soft);color:var(--text);border:1px solid var(--border);padding:12px 14px;border-radius:10px;width:500px;margin-top:10px}.textarea{min-height:140px;resize:vertical}.submit{border:none;background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#fff;padding:12px 16px;border-radius:12px;font-weight:700;cursor:pointer}footer{padding:36px 0;border-top:1px solid var(--border);color:var(--muted);text-align:center}