:root{--bg-color: #ffffff;--text-color: #333333;--text-light: #666666;--accent-color: #0056b3;--border-color: #e0e0e0;--font-main: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: 'Outfit', sans-serif;--max-width: 1100px;--spacing: 2rem;--color-dark-surface: #121212;--color-dark-text: #f0f0f0;--color-dark-border: #333333;--color-dark-border-light: rgba(255, 255, 255, 0.15);--color-sun: #f39c12;--shadow-subtle: 0 20px 40px rgba(0, 0, 0, 0.05);--shadow-hover: 0 30px 60px rgba(0, 0, 0, 0.08);--shadow-heavy: 0 40px 80px rgba(0, 0, 0, 0.15)}html.dark-mode{--bg-color: var(--color-dark-surface);--text-color: #e0e0e0;--text-light: #aaaaaa;--accent-color: #66b3ff;--border-color: var(--color-dark-border);--color-bg-about: #161225;--color-bg-portfolio: #12251a;--color-bg-blog: #25121b}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden}h1,h2,h3{font-family:var(--font-heading);color:var(--text-color)}h1{font-size:4rem;letter-spacing:-0.04em;line-height:1.1;font-weight:800;margin-bottom:1.5rem}h2{font-size:2.5rem;letter-spacing:-0.03em;line-height:1.2;font-weight:700;margin-bottom:1.5rem}h3{font-size:1.8rem;letter-spacing:-0.02em;line-height:1.3;font-weight:600;margin-bottom:1.25rem}a{color:var(--accent-color);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing)}.mf-cursor{background-color:var(--accent-color);z-index:9999;pointer-events:none}.mf-cursor:before{background-color:var(--accent-color);opacity:0.3}a:hover ~ .mf-cursor,.pill-btn:hover ~ .mf-cursor{transform:scale(3)}.site-header{border-bottom:1px solid var(--border-color);padding:var(--spacing) 0;margin-bottom:calc(var(--spacing) * 2)}.header-content{display:flex;justify-content:space-between;align-items:center}.site-title{font-size:1.5rem;font-weight:bold;color:var(--text-color)}.site-title:hover{text-decoration:none}.site-logo:hover{text-decoration:none}.site-logo img{max-height:40px;display:block}.site-nav{display:flex;align-items:center}.site-nav a{margin-left:2rem;color:var(--text-color);font-weight:600;text-transform:uppercase;font-size:0.85rem;letter-spacing:0.1em}.site-nav a:hover{text-decoration:none;color:var(--accent-color)}.theme-toggle-btn{background:transparent;border:none;cursor:pointer;margin-left:1rem;padding:0.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color 0.2s ease, transform 0.2s ease;color:var(--text-color)}.theme-toggle-btn:hover{background-color:rgba(150,150,150,0.1);transform:scale(1.05)}.theme-icon{width:20px;height:20px;fill:currentColor;display:none}html:not(.dark-mode) .icon-moon{display:block}html.dark-mode .icon-sun{display:block;fill:var(--color-sun)}.site-footer{border-top:1px solid var(--border-color);padding:5rem 0;margin-top:8rem;color:var(--text-light);font-size:0.95rem}.footer-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2.5rem}.footer-nav{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.footer-nav a{color:var(--text-color);font-weight:600;text-transform:uppercase;font-size:0.85rem;letter-spacing:0.1em;transition:color 0.2s ease}.footer-nav a:hover{color:var(--accent-color);text-decoration:none}.footer-socials{display:flex;gap:1.5rem;align-items:center}.footer-socials a{color:var(--text-light);transition:color 0.3s ease, transform 0.3s ease;display:flex;align-items:center}.footer-socials a:hover{color:var(--accent-color);transform:translateY(-3px)}.footer-socials svg{width:24px;height:24px;fill:currentColor}.footer-info{font-size:0.85rem;opacity:0.8}.footer-info a{margin-left:1rem;color:inherit;text-decoration:underline}.footer-info a:hover{color:var(--accent-color)}@media (max-width: 768px){.header-content{flex-direction:column;gap:1.5rem}.site-nav{flex-wrap:wrap;justify-content:center;gap:1rem}.site-nav a{margin-left:0;font-size:0.75rem}.theme-toggle-btn{margin-left:0}}.post-list{list-style:none;padding:0}.post-list li{border:1px solid var(--border-color);padding:2rem;border-radius:24px;margin-bottom:1.5rem;background-color:transparent;transition:transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;display:flex;flex-direction:column}.post-list li:hover{transform:translateY(-8px);border-color:var(--accent-color);box-shadow:var(--shadow-hover)}.post-meta{font-size:0.85rem;color:var(--accent-color);display:block;margin-bottom:0.5rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em}.post-link{font-size:1.4rem;font-weight:600;letter-spacing:-0.01em;line-height:1.3;font-family:var(--font-heading);color:var(--text-color)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:2.5rem}.portfolio-item{border:1px solid var(--border-color);padding:3rem;border-radius:24px;background-color:transparent;transition:transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease}.portfolio-item:hover{transform:translateY(-8px);border-color:var(--accent-color);box-shadow:var(--shadow-hover)}.portfolio-item h3{font-size:1.8rem;font-weight:800;margin-top:0;letter-spacing:-0.02em}.portfolio-badge{display:inline-block;padding:0.5rem 1rem;background-color:var(--border-color);color:var(--text-light);border-radius:50px;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-top:1rem}.home-section{width:100vw;margin-left:calc(50% - 50vw);padding:10rem calc(50vw - 50% + var(--spacing));position:relative}.section-light{background-color:var(--bg-color);border-radius:100px;z-index:10}.section-dark+.section-light{margin-top:-12rem}.section-light+.section-light{margin-top:-6rem;z-index:11}.section-dark{background-color:var(--color-dark-surface);color:var(--color-dark-text);border-top-left-radius:100px;border-top-right-radius:100px;box-shadow:var(--shadow-heavy);margin-bottom:6rem;z-index:1}.section-dark h2{font-size:3rem;letter-spacing:-0.02em;margin-top:0;margin-bottom:3rem;color:#ffffff;border-bottom:1px solid var(--color-dark-border-light);padding-bottom:1.5rem}.section-dark h3{color:#ffffff;font-weight:600}.section-dark a{color:var(--accent-color)}.section-dark a:hover{color:#99ccff}.section-dark .skill-row{border-color:var(--color-dark-border)}.section-dark .skill-row:first-child{border-color:var(--color-dark-border)}.section-dark .accomplishment-item{border-color:var(--color-dark-border)}.section-dark .portfolio-item{background-color:transparent;border:1px solid var(--color-dark-border-light);border-radius:12px;padding:2rem;transition:transform 0.4s ease, border-color 0.4s ease}.section-dark .portfolio-item:hover{transform:translateY(-5px);border-color:var(--color-dark-text)}.section-dark .post-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1.5rem}.section-dark .post-list li{background-color:transparent;border:1px solid var(--color-dark-border-light);padding:2rem;border-radius:12px;margin-bottom:0;transition:transform 0.4s ease, border-color 0.4s ease;display:flex;flex-direction:column}.section-dark .post-list li:hover{transform:translateY(-5px);border-color:var(--color-dark-text)}.section-dark .post-meta{color:var(--color-dark-text-light);margin-bottom:0.5rem}.section-dark .post-link{font-size:1.25rem;color:#fff}@media (max-width: 600px){.home-section{padding:4rem 1.5rem;border-radius:32px !important}.section-dark{padding:3rem 1.5rem}.section-dark+.section-light,.section-light+.section-light{margin-top:0}}.pill-btn{display:inline-block;padding:1rem 2.5rem;border-radius:50px;border:1px solid var(--text-color);color:var(--text-color) !important;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;font-size:0.9rem;transition:background-color 0.4s ease, color 0.4s ease, transform 0.4s ease;background:transparent;cursor:pointer;margin-top:1rem}.pill-btn:hover{background-color:var(--text-color);color:var(--bg-color) !important;text-decoration:none;transform:translateY(-2px)}.section-dark .pill-btn{border-color:var(--color-dark-text);color:var(--color-dark-text) !important}.section-dark .pill-btn:hover{background-color:var(--color-dark-text);color:var(--color-dark-surface) !important}.compact-grid{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.compact-grid-multi{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:1.5rem;margin-bottom:3rem}.compact-grid-multi .compact-item{flex-direction:column;align-items:flex-start;gap:1.25rem;height:100%}.compact-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border:1px solid var(--border-color);border-radius:16px;background-color:transparent;transition:all 0.3s ease;gap:2rem}.compact-item:hover{border-color:var(--accent-color);background-color:rgba(0,0,0,0.01);transform:translateY(-5px)}html.dark-mode .compact-item:hover{background-color:rgba(255,255,255,0.02)}.compact-info{flex:1}.compact-title{display:block;font-weight:700;font-family:var(--font-heading);font-size:1.1rem;margin-bottom:0.25rem;color:var(--text-color)}.compact-desc{margin:0;font-size:0.9rem;color:var(--text-light);line-height:1.4}.compact-action{flex-shrink:0}@media (max-width: 600px){.compact-item{flex-direction:column;align-items:flex-start;gap:1rem}}.intro-card{display:flex;align-items:flex-end;gap:3rem;flex-wrap:wrap;margin-top:0;padding:4rem 0;background-color:transparent;border-radius:0;box-shadow:none}.intro-image{flex-basis:280px;flex-shrink:0;margin:0 auto;overflow:hidden;border-radius:24px;box-shadow:var(--shadow-subtle)}.intro-image img{width:100%;height:100%;object-fit:cover;display:block}.intro-content-wrapper{flex:1;min-width:280px}.typed-header{font-size:1.5rem;font-weight:400;margin-bottom:1rem;color:var(--text-light);line-height:1.2;font-family:var(--font-heading)}.intro-name{display:inline;font-size:4.2rem;font-weight:800;color:var(--text-color);margin-top:0.5rem;letter-spacing:-0.05em;line-height:1}.typed-cursor{color:var(--accent-color);font-weight:300;font-size:4.2rem}.social-icons{margin-top:1.5rem;display:flex;gap:1.25rem;align-items:center;justify-content:flex-start}.social-icons a{color:var(--text-light);display:inline-block;transition:color 0.2s ease-in-out}.social-icons a:hover{color:var(--accent-color);text-decoration:none}.social-icons svg{width:24px;height:24px;fill:currentColor}.home-details{margin-top:3rem;margin-bottom:3rem}.details-heading{font-size:0.8rem;font-weight:bold;color:var(--accent-color);letter-spacing:0.1em;text-transform:uppercase;margin:0 0 1rem 0}.details-heading::before{content:'[ '}.details-heading::after{content:' ]'}.details-divider{border:0;border-top:1px solid var(--border-color);margin:2rem 0}.home-columns{display:flex;gap:2rem;flex-wrap:wrap}.home-column{flex:1;min-width:250px}.home-column h2{font-size:1.2rem;margin-top:0;border-bottom:1px solid var(--border-color);padding-bottom:0.5rem;margin-bottom:1rem}.tab-container{margin-top:2rem}.tab-nav{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.tab-link{background:none;border:none;padding:0.75rem 1.5rem;cursor:pointer;font-size:1rem;color:var(--text-light);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color 0.2s, border-color 0.2s}.tab-link.active{color:var(--text-color);font-weight:600;border-bottom-color:var(--accent-color)}.tab-content{display:none}.tab-content.active{display:block}.about-intro{display:flex;gap:2rem;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap}.about-pfp{flex-basis:200px;flex-shrink:0}.about-pfp.swiper-container{width:200px;height:200px;overflow:hidden;border-radius:8px;box-shadow:var(--shadow-subtle)}.about-pfp .swiper-slide img{width:100%;height:100%;object-fit:cover;display:block}.about-summary{flex:1;min-width:300px}.about-summary .social-icons{justify-content:flex-start}.about-staggered-row{display:flex;align-items:center;gap:4rem;margin-bottom:4rem}.about-staggered-row.reverse{flex-direction:row-reverse}.about-staggered-image{flex:1;max-width:400px;overflow:hidden;border-radius:24px;box-shadow:var(--shadow-subtle);position:relative}.img-square{aspect-ratio:1 / 1}.img-vertical{aspect-ratio:3 / 4}.img-square img,.img-vertical img{width:100%;height:100%;object-fit:cover;display:block}.about-staggered-content{flex:1}@media (max-width: 768px){.about-staggered-row,.about-staggered-row.reverse{flex-direction:column;gap:2rem}.about-staggered-image{max-width:100%}}.about-subheader{font-size:2.2rem;font-weight:800;margin-bottom:1.5rem;font-family:var(--font-heading);letter-spacing:-0.03em;color:var(--text-color);line-height:1.2}.about-summary h3{margin-top:0}.accomplishments-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;margin-bottom:2.5rem}.accomplishment-item{display:flex;justify-content:space-between;align-items:center;padding:0.75rem 1rem;border:1px solid var(--border-color);border-radius:6px;transition:border-color 0.2s ease-in-out}.accomplishment-item:hover{border-color:var(--accent-color)}.accomplishment-title{font-weight:500}.accomplishment-date{color:var(--text-light);font-size:0.9em;flex-shrink:0;margin-left:1rem}@media (max-width: 600px){.accomplishments-grid{grid-template-columns:1fr}}.skills-section{margin-bottom:2.5rem}.skill-row{display:flex;align-items:baseline;padding:0.75rem 0;border-bottom:1px solid var(--border-color)}.skill-row:first-child{border-top:1px solid var(--border-color)}.skill-category{font-weight:600;width:120px;flex-shrink:0;color:var(--text-light)}.skill-items{flex:1}