:root{--primary-orange:#FF9900;--primary-orange-light:#FFB84D;--primary-orange-dark:#E68A00;--bg-primary:#0D1117;--bg-secondary:#1a1f2e;--bg-card:rgb(255 255 255 / 0.05);--bg-card-hover:rgb(255 255 255 / 0.08);--text-primary:#e6edf3;--text-secondary:#c7ced8;--text-muted:#9aa4b3;--border-default:rgb(255 255 255 / 0.1);--border-accent:var(--primary-orange);--shadow-sm:0 2px 8px rgb(0 0 0 / 0.2);--shadow-md:0 4px 16px rgb(0 0 0 / 0.3);--shadow-lg:0 8px 32px rgb(0 0 0 / 0.4);--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem}@media (prefers-color-scheme:light){:root{--bg-primary:#ffffff;--bg-secondary:#f6f8fa;--bg-card:rgb(0 0 0 / 0.03);--bg-card-hover:rgb(0 0 0 / 0.06);--text-primary:#1f2328;--text-secondary:#4a4f57;--text-muted:#5b616b;--border-default:rgb(0 0 0 / 0.1);--shadow-sm:0 2px 8px rgb(0 0 0 / 0.05);--shadow-md:0 4px 16px rgb(0 0 0 / 0.08);--shadow-lg:0 8px 32px rgb(0 0 0 / 0.12)}}body.light-mode{--bg-primary:#ffffff;--bg-secondary:#f6f8fa;--bg-card:rgb(0 0 0 / 0.03);--bg-card-hover:rgb(0 0 0 / 0.06);--text-primary:#1f2328;--text-secondary:#4a4f57;--text-muted:#5b616b;--border-default:rgb(0 0 0 / 0.1);--shadow-sm:0 2px 8px rgb(0 0 0 / 0.05);--shadow-md:0 4px 16px rgb(0 0 0 / 0.08);--shadow-lg:0 8px 32px rgb(0 0 0 / 0.12)}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-padding-top:80px}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);color:var(--text-primary);line-height:1.6;min-height:100vh;position:relative;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--space-sm)}h1{font-size:clamp(2rem, 5vw, 3rem)}h2{font-size:clamp(1.5rem, 4vw, 2rem)}h3{font-size:clamp(1.25rem, 3vw, 1.5rem)}p{margin-bottom:var(--space-sm)}a{color:var(--primary-orange);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-orange-light)}.skip-to-main{position:absolute;left:-9999px;z-index:999;padding:1em;background:var(--primary-orange);color:#fff;text-decoration:none;border-radius:8px;box-shadow:var(--shadow-sm)}.skip-to-main:focus{left:1rem;top:1rem}.container{max-width:1200px;width:100%;margin:0 auto;padding:0 var(--space-md)}.header{text-align:center;padding:var(--space-xl) 0 var(--space-lg);position:relative;z-index:10;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm)}.logo-container{display:inline-flex;align-items:center;justify-content:center;width:clamp(200px,40vw,360px);aspect-ratio:1/1;margin-bottom:var(--space-md);padding:var(--space-sm);background:radial-gradient(circle at 50% 50%,rgb(255 153 0 / .15),transparent 55%);border-radius:16px;animation:.8s ease-out fadeInDown}.logo-img{width:100%;height:100%;aspect-ratio:1/1;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 12px rgb(255 153 0 / .3))}.logo{font-size:clamp(2rem, 5vw, 2.8rem);font-weight:700;background:linear-gradient(135deg,var(--primary-orange) 0,var(--primary-orange-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-sm);animation:1s ease-out fadeIn}.tagline{font-size:clamp(1.1rem, 3vw, 1.3rem);color:var(--text-primary);margin-bottom:var(--space-xs);font-weight:500;animation:1.2s ease-out fadeIn}.subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--space-md);animation:1.4s ease-out fadeIn}.certs{display:flex;justify-content:center;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-md);list-style:none;padding:0;min-height:44px;animation:1.6s ease-out fadeInUp}.cert-badge{background:rgb(255 153 0 / .15);border:1px solid;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;color:var(--primary-orange-light);font-weight:600;transition:background var(--transition-normal),border-color var(--transition-normal)}.cert-badge:hover{background:rgb(255 153 0 / .25);border-color:var(--primary-orange)}.section-header{text-align:center;margin:var(--space-xl) 0 var(--space-lg);opacity:0;animation:.8s ease-out forwards fadeInUp}.section-title{font-size:clamp(1.3rem, 3vw, 1.5rem);color:var(--primary-orange);margin-bottom:var(--space-xs);position:relative;display:inline-block}.section-title::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent,var(--primary-orange),transparent);border-radius:2px}.section-subtitle{color:var(--text-secondary);font-size:.9rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--space-md);margin:var(--space-lg) 0}.project-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:var(--space-lg);transition:border-color var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal);opacity:0;animation:.6s ease-out forwards fadeInUp;animation-delay:calc(var(--animation-order) * .1s);display:flex;flex-direction:column;height:100%}.project-card:hover{border-color:var(--border-accent);transform:translateY(-4px);box-shadow:var(--shadow-md);background:var(--bg-card-hover)}.project-badge{display:inline-block;background:#238636;color:#fff;padding:.25rem .75rem;border-radius:6px;font-size:.7rem;font-weight:600;margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.5px}.project-badge.coming{background:var(--text-muted)}.project-title{font-size:1.15rem;font-weight:600;margin-bottom:var(--space-xs);color:var(--text-primary)}.github-stats{margin-bottom:var(--space-xs)}.project-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--space-sm);line-height:1.5}.project-tech{font-size:.75rem;color:var(--text-muted);margin-bottom:var(--space-md);font-style:italic}.project-button{display:inline-block;background:rgb(255 153 0 / .2);color:var(--primary-orange);padding:.6rem 1.2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.85rem;transition:all var(--transition-normal);border:1px solid;position:relative;overflow:hidden;margin-top:auto;align-self:flex-start}.project-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .2),transparent);transition:left .5s}.project-button:hover::before{left:100%}.project-button:hover{background:var(--primary-orange);color:var(--bg-primary);transform:scale(1.05);box-shadow:0 4px 12px rgb(255 153 0 / .4)}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);margin:var(--space-lg) 0}.link-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:var(--space-lg);text-decoration:none;color:inherit;transition:border-color var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal);display:flex;flex-direction:column;align-items:center;text-align:center}.link-card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);transform:translateY(-3px);box-shadow:var(--shadow-sm)}.link-icon{font-size:2rem;margin-bottom:var(--space-sm)}.link-title{font-size:1rem;font-weight:600;margin-bottom:var(--space-xs);color:var(--text-primary)}.link-description{font-size:.8rem;color:var(--text-secondary)}.cta-section{background:linear-gradient(135deg,rgb(255 153 0 / .1),rgb(255 184 77 / .1));border:1px solid;border-radius:16px;padding:var(--space-xl);text-align:center;margin:var(--space-xl) 0;box-shadow:var(--shadow-md)}.cta-title{font-size:clamp(1.2rem, 3vw, 1.5rem);margin-bottom:var(--space-sm);color:var(--primary-orange)}.cta-text{margin-bottom:var(--space-lg);color:var(--text-secondary);font-size:.95rem;line-height:1.6}.cta-button{display:inline-block;background:var(--primary-orange);color:var(--bg-primary);padding:1rem 2.5rem;border-radius:10px;text-decoration:none;font-weight:600;font-size:1.05rem;transition:all var(--transition-normal);box-shadow:0 4px 16px rgb(255 153 0 / .3);position:relative;overflow:hidden}.cta-button:hover{background:var(--primary-orange-light);transform:translateY(-2px);box-shadow:0 6px 20px rgb(255 153 0 / .5)}.newsletter{background:var(--bg-card);border:1px solid var(--border-default);border-radius:16px;padding:var(--space-xl);text-align:center;margin:var(--space-xl) 0}.newsletter-title{font-size:1.2rem;margin-bottom:var(--space-xs);color:var(--text-primary)}.newsletter-text{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--space-lg)}.newsletter iframe{display:block;width:100%;height:520px;border-radius:12px;border:1px solid var(--border-default)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-sm);margin:var(--space-lg) 0;list-style:none;padding:0}.skill-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:10px;padding:var(--space-md);text-align:center;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.skill-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-sm)}.skill-icon{font-size:1.8rem;margin-bottom:var(--space-xs);display:block}.skill-title{font-size:.95rem;font-weight:600;margin-bottom:var(--space-xs);color:var(--text-primary)}.skill-description{font-size:.75rem;color:var(--text-muted)}.footer{text-align:center;margin-top:var(--space-xl);padding:var(--space-xl) 0 var(--space-lg);border-top:1px solid var(--border-default);color:var(--text-muted);font-size:.85rem}.footer a{color:var(--primary-orange);transition:color var(--transition-fast)}.footer a:hover{color:var(--primary-orange-light);text-decoration:underline}.footer-note{margin-top:.5rem;font-size:.75rem}.theme-toggle{position:fixed;top:20px;right:20px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);z-index:1000;backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.theme-toggle:hover{background:var(--bg-card-hover);border-color:var(--border-accent);transform:rotate(180deg) scale(1.1)}.theme-toggle-icon{font-size:1.5rem}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(30px);transition:transform .6s ease-out,opacity .6s ease-out}.reveal.active{opacity:1;transform:translateY(0);will-change:auto}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto}}.back-to-top{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:var(--primary-orange);color:#fff;border:none;font-size:1.5rem;cursor:pointer;opacity:0;visibility:hidden;transition:.3s;z-index:999;box-shadow:0 4px 12px rgb(255 153 0 / .3)}.back-to-top.visible{opacity:1;visibility:visible}@media (max-width:768px){:root{--space-xl:2rem;--space-lg:1.5rem}.header{min-height:440px;padding:var(--space-lg) 0 var(--space-md);gap:var(--space-xs)}.logo-container{width:120px;height:120px;padding:var(--space-sm)}.logo-img{max-width:100px;max-height:100px}.logo{font-size:2rem}.tagline{font-size:1.1rem}.links-grid,.projects-grid{grid-template-columns:1fr}.certs{gap:var(--space-xs)}.cert-badge{font-size:.7rem;padding:.4rem .8rem}.cta-section{padding:var(--space-lg)}.cta-button{padding:.9rem 2rem;font-size:1rem}.theme-toggle{width:45px;height:45px;top:15px;right:15px}}@media (max-width:480px){.links-grid,.skills-grid{grid-template-columns:repeat(2,1fr)}}@media print{.cta-section,.newsletter,.theme-toggle{display:none}body{background:#fff;color:#000}.link-card,.project-card,.skill-card{-moz-column-break-inside:avoid;break-inside:avoid}}