:root{--background:0 0% 100%;--foreground:222 47% 11%;--card:0 0% 100%;--card-foreground:222 47% 11%;--popover:0 0% 100%;--popover-foreground:222 47% 11%;--primary:221 83% 53%;--primary-foreground:0 0% 100%;--secondary:210 40% 96%;--secondary-foreground:222 47% 11%;--muted:210 40% 96%;--muted-foreground:215 16% 47%;--accent:210 40% 96%;--accent-foreground:222 47% 11%;--destructive:0 72% 51%;--destructive-foreground:0 0% 100%;--success:142 71% 45%;--success-foreground:0 0% 100%;--warning:38 92% 50%;--warning-foreground:222 47% 11%;--info:199 89% 48%;--info-foreground:0 0% 100%;--border:214 32% 91%;--input:214 32% 91%;--ring:221 83% 53%;--radius:.625rem;--shadow-sm:0 1px 2px hsl(var(--foreground) / .05);--shadow-md:0 4px 12px hsl(var(--foreground) / .08);--shadow-lg:0 12px 32px hsl(var(--foreground) / .12);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:hsl(var(--background));color:hsl(var(--foreground));font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}ul{list-style:none}.container{width:min(1120px,100% - 32px);margin:0 auto}.section{padding:80px 0}.section-light{background:hsl(var(--secondary))}.section-dark{background:hsl(var(--foreground));color:hsl(var(--primary-foreground))}.site-header{z-index:10;background:hsl(var(--background) / .96);border-bottom:1px solid hsl(var(--border));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0}.navbar{justify-content:space-between;align-items:center;gap:24px;width:min(1120px,100% - 32px);min-height:72px;margin:0 auto;display:flex}.logo{color:hsl(var(--primary));letter-spacing:-.04em;font-size:24px;font-weight:700}.nav-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.nav-links a{border-radius:calc(var(--radius) - 2px);min-height:40px;color:hsl(var(--muted-foreground));transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);align-items:center;padding:8px 12px;font-size:14px;font-weight:600;display:inline-flex}.nav-links a:hover,.nav-links a:focus-visible{background:hsl(var(--accent));color:hsl(var(--primary))}.nav-links a:focus-visible,.btn:focus-visible,.card:focus-visible,.contact-card a:focus-visible{box-shadow:0 0 0 2px hsl(var(--background)), 0 0 0 4px hsl(var(--ring));outline:none}.hero{background:radial-gradient(circle at top right, hsl(var(--primary) / .22), transparent 32%), linear-gradient(135deg, hsl(var(--background)) 0%, hsl(var(--secondary)) 100%);align-items:center;min-height:640px;display:flex}.hero-content{max-width:760px}.eyebrow{color:hsl(var(--primary));letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:14px;font-weight:700}h1,h2,h3{letter-spacing:-.03em;line-height:1.2}h1{color:hsl(var(--foreground));margin-bottom:24px;font-size:clamp(40px,8vw,72px);font-weight:700}h2{margin-bottom:16px;font-size:clamp(30px,5vw,44px);font-weight:700}h3{margin-bottom:12px;font-size:20px;font-weight:700}.hero-text{color:hsl(var(--muted-foreground));max-width:680px;margin-bottom:32px;font-size:20px}.btn{border-radius:calc(var(--radius) - 2px);background:hsl(var(--primary));min-height:48px;color:hsl(var(--primary-foreground));border:1px solid hsl(var(--primary));box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;padding:12px 24px;font-weight:700;display:inline-flex}.btn:hover{background:hsl(var(--primary) / .9);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn:active{transform:scale(.98)}.btn[aria-disabled=true],.btn.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.btn-small{min-height:40px;margin-top:16px;padding:8px 16px;font-size:14px}.two-column{grid-template-columns:.9fr 1.1fr;align-items:start;gap:48px;display:grid}.section-heading{text-align:center;max-width:720px;margin:0 auto 48px}.section-heading p{color:hsl(var(--muted-foreground))}.section-heading .eyebrow{color:hsl(var(--primary))}.light-heading p,.light-heading h2{color:hsl(var(--primary-foreground))}.light-heading .eyebrow{color:hsl(var(--info))}.card{background:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);padding:24px}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card p{color:hsl(var(--muted-foreground))}.soft-card p+p{margin-top:16px}.skills-grid,.projects-grid,.certificate-grid,.contact-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.skill-card,.project-card,.certificate-card{min-height:220px}.progress{background:hsl(var(--muted));border-radius:999px;width:100%;height:10px;margin-top:20px;overflow:hidden}.progress span{background:linear-gradient(90deg, hsl(var(--primary)), hsl(var(--info)));border-radius:999px;height:100%;display:block}.timeline{max-width:820px;margin:0 auto;position:relative}.timeline:before{content:"";background:hsl(var(--border));width:2px;position:absolute;top:0;bottom:0;left:15px}.timeline-item{margin-bottom:24px;padding-left:48px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background:hsl(var(--primary));border:4px solid hsl(var(--background));width:20px;height:20px;box-shadow:0 0 0 1px hsl(var(--primary));border-radius:999px;position:absolute;top:24px;left:6px}.muted{color:hsl(var(--primary));margin-bottom:8px;font-weight:700}.projects-grid{grid-template-columns:repeat(2,1fr)}.project-card{flex-direction:column;align-items:flex-start;display:flex}.project-card p{flex:1}.certificate-grid{grid-template-columns:repeat(3,1fr)}.certificate-icon{background:hsl(var(--primary) / .12);width:48px;height:48px;color:hsl(var(--primary));border-radius:999px;justify-content:center;align-items:center;margin-bottom:20px;font-size:22px;display:flex}.contact-grid{grid-template-columns:repeat(4,1fr)}.contact-card{background:hsl(var(--primary-foreground) / .08);border:1px solid hsl(var(--primary-foreground) / .16);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);padding:24px}.contact-card:hover{background:hsl(var(--primary-foreground) / .12);box-shadow:var(--shadow-md);transform:translateY(-2px)}.contact-card h3{color:hsl(var(--primary-foreground))}.contact-card a{color:hsl(var(--info));word-break:break-word;border-radius:calc(var(--radius) - 4px);font-weight:700}.contact-card a:hover{text-decoration:underline}.footer{text-align:center;background:hsl(var(--foreground));color:hsl(var(--primary-foreground) / .75);border-top:1px solid hsl(var(--primary-foreground) / .12);padding:24px}@media (width<=900px){.navbar{flex-direction:column;align-items:flex-start;padding:16px 0}.nav-links{justify-content:flex-start}.two-column,.skills-grid,.projects-grid,.certificate-grid,.contact-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.container,.navbar{width:min(100% - 24px,1120px)}.section{padding:64px 0}.hero{min-height:auto;padding:88px 0 72px}.hero-text{font-size:18px}.nav-links{gap:4px;width:100%}.nav-links a{padding:8px;font-size:13px}.two-column,.skills-grid,.projects-grid,.certificate-grid,.contact-grid{grid-template-columns:1fr}.section-heading{text-align:left;margin-bottom:32px}.card,.contact-card{padding:20px}.timeline-item{padding-left:40px}}