.btn{border:none;border-radius:50px;font-weight:600;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 4px 15px rgba(var(--shadow-rgb),.2);transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px var(--glow-blue)}.btn-primary{background:var(--color-blue);color:#fff}.btn-primary:hover{background:var(--color-blue-light);box-shadow:0 10px 25px var(--glow-blue)}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid rgba(var(--ink-rgb),.2)}.btn-secondary:hover{background:rgba(var(--ink-rgb),.1);border-color:var(--color-green);box-shadow:0 10px 25px var(--glow-green)}.btn-ghost{background:transparent;color:var(--color-blue);border:1px solid transparent}.btn-ghost:hover{background:rgba(59,130,246,.1);border-color:var(--color-blue)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-md{padding:1rem 2rem;font-size:1rem}.btn-lg{padding:.8rem 1rem;font-size:1.125rem}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.w-full{width:100%}.h-full{height:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;background:var(--gradient-primary)}.section-subtitle{color:var(--text-secondary);text-align:center;max-width:600px;margin:0 auto 4rem;font-size:1.1rem;line-height:1.6}.btn-primary-new:focus,.btn-secondary-new:focus,.btn:focus,.nav-link:focus{outline:2px solid var(--primary-color);outline-offset:2px}[role=button]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cta-buttons,.hero-description,.hero-subtitle,.hero-title{animation:none}.project-card,.skill-card,.timeline-item{transition:none}.floating-icon{animation:none;opacity:.05}.cursor,.wave{animation:none}.cursor{opacity:1}.hero-main,.hero-stats,.scroll-indicator{animation:none}.btn-primary-new:hover,.btn-secondary-new:hover,.stat-card:hover,.tech-icon-item:hover{transform:none}.timeline-item{transform:none;opacity:1}.timeline-content,.timeline-item{transition:none}.timeline-content:hover{transform:none}}@media (prefers-contrast:high){.hero-enhanced{background:#000}.floating-icon{opacity:.3}.stat-card,.tech-preview{border:2px solid rgba(var(--ink-rgb),.5)}.first-name,.last-name{-webkit-text-fill-color:#00d4ff}.hero-role{color:#00d4ff}.timeline-dot,.timeline:before{background:#fff}.timeline-dot{border-color:#000}.timeline-content{border:2px solid #fff}.achievements li:before,.company{color:#fff}}@media print{.floating-icons,.nav,.scroll-indicator{display:none}.hero-enhanced{background:#fff;color:#000;min-height:auto;padding:2rem 0}.hero-container{grid-template-columns:1fr;gap:2rem}.first-name,.last-name{color:#000!important;-webkit-text-fill-color:#000!important}.stat-card{background:#fff;border:1px solid #ccc}.hero-role,.inline-icon{color:#333!important}.btn-primary-new,.btn-secondary-new{background:#fff;color:#000;border:1px solid #333}.experience,.projects,.skills{page-break-inside:avoid}.project-card,.skill-card{page-break-inside:avoid;margin-bottom:1rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:6px;background:var(--primary-color);color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:1300}.skip-link:focus{top:6px}@media (min-width:1024px){.container{padding:0 1.5rem}.section-title{font-size:2.5rem}.project-card,.skill-card{flex-basis:280px}.timeline-item,.timeline-item:nth-child(odd){width:55%}}@media (max-width:768px){.section-title{font-size:2rem}.hero-title{font-size:2.5rem;line-height:1.2}.hero-name{flex-wrap:wrap;white-space:normal;justify-content:center}.hero-logo-letter{width:2.5rem;height:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-description{font-size:1rem}.cta-buttons{flex-direction:column;align-items:center}.project-card,.skill-card{flex-basis:100%;max-width:none}}@media (max-width:480px){.container{padding:0 1rem}.logo{font-size:1.25rem}.hero{padding:0 1rem;min-height:90vh}.hero-title{font-size:2rem;margin-bottom:.75rem}.hero-subtitle{font-size:1rem;margin-bottom:1.5rem}.hero-description{font-size:.9rem}.section-title{font-size:1.75rem;margin-bottom:2rem}}@media (max-width:320px){.hero-title{font-size:1.75rem}.hero-subtitle{font-size:.9rem}.hero-description{font-size:.85rem}.section-title{font-size:1.5rem}}@media (max-height:500px) and (orientation:landscape){.hero{min-height:100vh;padding:2rem 1rem}.hero-content{max-width:600px}.hero-title{font-size:2rem;margin-bottom:.5rem}.hero-subtitle{font-size:1rem;margin-bottom:1rem}.hero-description{font-size:.9rem}.cta-buttons{flex-direction:row;gap:.75rem}}@media (max-height:400px) and (orientation:landscape){.hero-enhanced{padding:.5rem 1rem}.hero-container{gap:1.5rem}.hero-name-large{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:.5rem}.hero-role-container{font-size:1rem;margin-bottom:.8rem}.hero-greeting{font-size:.8rem;margin-bottom:.5rem}.description-line{font-size:.8rem;margin-bottom:.6rem}.stats-container{gap:.6rem}.stat-card{padding:.6rem}.stat-number{font-size:1.3rem}.tech-preview{padding:.8rem}.cta-buttons-new{gap:.8rem}.btn-primary-new,.btn-secondary-new{padding:.6rem 1.2rem;font-size:.8rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.floating-icon,.hero-name-large,.project-icon,.skill-icon,.stat-number,.tech-icon-item svg{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.mobile-only{display:block}.desktop-up,.tablet-up{display:none}@media (min-width:768px){.mobile-only{display:none}.tablet-up{display:block}}@media (min-width:1024px){.desktop-up,.tablet-up{display:block}}.text-responsive{font-size:clamp(.875rem,2.5vw,1.125rem)}.heading-responsive{font-size:clamp(1.5rem,4vw,2.5rem)}.title-responsive{font-size:clamp(2rem,6vw,4rem)}.mt-responsive{margin-top:clamp(1rem,3vw,2rem)}.mb-responsive{margin-bottom:clamp(1rem,3vw,2rem)}.my-responsive{margin:clamp(1rem,3vw,2rem) 0}.p-responsive{padding:clamp(1rem,4vw,2rem)}.px-responsive{padding-left:clamp(1rem,4vw,2rem);padding-right:clamp(1rem,4vw,2rem)}.py-responsive{padding-top:clamp(1rem,4vw,2rem);padding-bottom:clamp(1rem,4vw,2rem)}.gap-responsive{gap:clamp(.5rem,2vw,1.5rem)}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}.cta-buttons,.cta-buttons-new,.floating-icons,.nav,.scroll-indicator{display:none!important}.hero,.hero-enhanced{background:#fff!important;min-height:auto!important;padding:1rem 0!important}.container{max-width:none!important;padding:0!important}.section-title{font-size:2rem!important;color:#000!important;page-break-after:avoid}.project-card,.skill-card,.timeline-content{page-break-inside:avoid;border:1px solid #ccc!important;margin-bottom:1rem!important}.first-name,.hero-name-large,.last-name{color:#000!important;-webkit-text-fill-color:#000!important}a{text-decoration:underline!important;color:#000!important}.footer{margin-top:2rem!important;padding-top:1rem!important;border-top:1px solid #ccc!important}}@media (max-width:768px) and (prefers-reduced-motion:no-preference){.floating-icon{animation-duration:8s}.wave{animation-duration:3s}}@media (max-width:768px){.btn,.btn-primary-new,.btn-secondary-new,.nav-link{min-height:44px;min-width:44px}.footer-link{padding:.75rem 1rem;min-height:44px;display:flex;align-items:center;justify-content:center}}@media (max-width:480px){body,button,input,select,textarea{font-size:16px}}:root{--color-gold:#f59e0b;--color-gold-light:#fbbf24;--color-gold-dark:#d97706;--color-green:#22c55e;--color-green-light:#4ade80;--color-green-dark:#16a34a;--color-blue:#3b82f6;--color-blue-light:#60a5fa;--color-blue-dark:#2563eb;--primary-color:#3b82f6;--primary-light:#60a5fa;--primary-dark:#2563eb;--secondary-color:#22c55e;--accent-color:#f59e0b;--bg-dark:#000;--bg-dark-secondary:#0a0a0a;--bg-card:#111;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--ink-rgb:255,255,255;--canvas-rgb:0,0,0;--shadow-rgb:0,0,0;--surface-10-rgb:10,10,10;--surface-13-rgb:13,13,13;--surface-15-rgb:15,15,15;--surface-20-rgb:20,20,20;--surface-25-rgb:25,25,25;--surface-26-rgb:26,26,26;--surface-30-rgb:30,30,30;--surface-40-rgb:40,40,40;--modal-top:#1a1a1a;--modal-bottom:#0d0d0d;--gradient-primary:linear-gradient(135deg,#3b82f6,#22c55e);--gradient-secondary:linear-gradient(135deg,#22c55e,#3b82f6);--gradient-accent:linear-gradient(135deg,#f59e0b,#3b82f6);--gradient-rgb:linear-gradient(135deg,#f59e0b,#22c55e 50%,#3b82f6);--gradient-rgb-reverse:linear-gradient(135deg,#3b82f6,#22c55e 50%,#f59e0b);--glow-color:rgba(59,130,246,.4);--glow-gold:rgba(245,158,11,.4);--glow-green:rgba(34,197,94,.4);--glow-blue:rgba(59,130,246,.4)}:root[data-theme=light]{color-scheme:light;--color-gold:#b45309;--color-gold-light:#b45309;--color-gold-dark:#92400e;--color-green:#15803d;--color-green-light:#166534;--color-green-dark:#166534;--color-blue:#2563eb;--color-blue-light:#1d4ed8;--color-blue-dark:#1e40af;--primary-color:#2563eb;--primary-light:#1d4ed8;--primary-dark:#1e40af;--secondary-color:#15803d;--accent-color:#b45309;--gradient-primary:linear-gradient(135deg,#1d4ed8,#15803d);--gradient-secondary:linear-gradient(135deg,#15803d,#1d4ed8);--gradient-accent:linear-gradient(135deg,#b45309,#1d4ed8);--gradient-rgb:linear-gradient(135deg,#b45309,#15803d 50%,#1d4ed8);--gradient-rgb-reverse:linear-gradient(135deg,#1d4ed8,#15803d 50%,#b45309);--bg-dark:#f8fafc;--bg-dark-secondary:#f1f5f9;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#556274;--ink-rgb:15,23,42;--canvas-rgb:255,255,255;--shadow-rgb:100,116,139;--surface-10-rgb:255,255,255;--surface-13-rgb:255,255,255;--surface-15-rgb:255,255,255;--surface-20-rgb:255,255,255;--surface-25-rgb:255,255,255;--surface-26-rgb:255,255,255;--surface-30-rgb:248,250,252;--surface-40-rgb:248,250,252;--modal-top:#fff;--modal-bottom:#f8fafc;--glow-color:rgba(37,99,235,.18);--glow-gold:rgba(217,119,6,.18);--glow-green:rgba(22,163,74,.18);--glow-blue:rgba(37,99,235,.18)}.App.personal-mode{--poetry-card:#151515;--poetry-card-deep:#0b0b0b;--poetry-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}:root[data-theme=light] .app-card,:root[data-theme=light] .app-preview-card,:root[data-theme=light] .highlight-card,:root[data-theme=light] .skill-card,:root[data-theme=light] .stat-card,:root[data-theme=light] .story-card,:root[data-theme=light] .tech-preview,:root[data-theme=light] .timeline-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.04);backdrop-filter:none;-webkit-backdrop-filter:none}:root[data-theme=light] .app-card:hover,:root[data-theme=light] .app-preview-card:hover,:root[data-theme=light] .highlight-card:hover,:root[data-theme=light] .skill-card:hover,:root[data-theme=light] .story-card:hover,:root[data-theme=light] .timeline-card:hover{background:#fff;border-color:#bfdbfe;box-shadow:0 12px 28px rgba(15,23,42,.1),0 2px 6px rgba(15,23,42,.05)}:root[data-theme=light] .tech-icon-item{background:#f8fafc;border:1px solid #eef2f6}:root[data-theme=light] .about:before,:root[data-theme=light] .apps-preview:before,:root[data-theme=light] .apps:before,:root[data-theme=light] .articles:before,:root[data-theme=light] .experience:before,:root[data-theme=light] .projects:before,:root[data-theme=light] .skills:before{display:none}:root[data-theme=light] .articles,:root[data-theme=light] .projects,:root[data-theme=light] .skills{background:#fff}:root[data-theme=light] .about,:root[data-theme=light] .apps-preview,:root[data-theme=light] .experience{background:#f8fafc}:root[data-theme=light] .App.personal-mode{--poetry-card:#fffdf8;--poetry-card-deep:#f6f0e4;--bg-dark:#fbf8f1;--bg-dark-secondary:#f5efe3;--modal-top:#fffdf8;--modal-bottom:#faf5ea;--surface-30-rgb:250,245,234;--surface-40-rgb:250,245,234;--color-blue:#1e3a8a;--color-blue-light:#3730a3;--color-blue-dark:#172554;--primary-color:#1e3a8a;--primary-light:#3730a3;--primary-dark:#172554;--glow-blue:rgba(30,58,138,.15);--poetry-oxblood:#7f1d1d;--poetry-rule:#e9e1d2;--poetry-muted:#6b6254}:root[data-theme=light] body:has(.App.personal-mode){background:#fbf8f1}.mode-switch{animation:modeSwitchIn .7s cubic-bezier(.22,1,.36,1)}@keyframes modeSwitchIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mode-switch{animation:none}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{font-size:3rem;text-align:center;margin-bottom:3rem;background:linear-gradient(135deg,var(--color-blue),var(--color-blue-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(10px) rotate(-1deg)}}.fade-in{animation:fadeIn .6s ease-out}.btn:focus,.footer-link:focus,.nav-link:focus{outline:2px solid var(--primary-color);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-blue);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-blue-light)}::selection{background:rgba(59,130,246,.3);color:var(--text-primary)}@media print{.bg-animation,.nav{display:none}.experience,.hero,.projects,.skills{page-break-inside:avoid}}html[data-apps-pending] .App{visibility:hidden}