:root{--cards: 3;--cardHeight: 50vh;--cardTopPadding: 2.5rem;--cardMargin: 4vw;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 4rem;--spacing-xxl: 6rem;--radius-sm: .75rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-full: 50%;--font-primary: "Bricolage Grotesque", sans-serif;--font-secondary: "Inter", sans-serif;--line-height: 1.6;--transition-fast: .2s;--transition-normal: .3s;--transition-slow: .5s;--z-background: -1;--z-base: 1;--z-sticky: 10;--z-dropdown: 100;--z-modal: 1000;--z-toast: 2000;--color-background: #0f172a;--color-surface: #1f2937;--color-surface-secondary: #374151;--color-surface-tertiary: #4b5563;--color-text-primary: #ffffff;--color-text-secondary: #d1d5db;--color-text-tertiary: #9ca3af;--color-text-muted: #6b7280;--color-border: rgba(255, 255, 255, .1);--color-border-light: rgba(255, 255, 255, .05);--color-border-dark: rgba(255, 255, 255, .2);--color-primary: #ffffff;--color-primary-contrast: #0a0a0a;--color-accent: #60a5fa;--color-error: #f87171;--color-success: #34d399;--color-warning: #fbbf24;--color-shadow: rgba(0, 0, 0, .5);--color-overlay: rgba(0, 0, 0, .7);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-surface: linear-gradient(135deg, #1f2937 0%, #111827 100%);--icon-filter: invert(1);--icon-opacity: .8;--noise-opacity: .05;--btn-outline-text: var(--color-text-primary);--btn-outline-border: rgba(255, 255, 255, .25);--btn-outline-bg: rgba(255, 255, 255, .04);--btn-outline-hover-border: rgba(255, 255, 255, .5);--btn-outline-hover-bg: rgba(255, 255, 255, .08);--btn-filled-bg: var(--color-primary);--btn-filled-text: var(--color-primary-contrast);--btn-filled-hover-bg: rgba(255, 255, 255, .92)}.theme-light{--color-background: #f9fafb;--color-surface: #ffffff;--color-surface-secondary: #f3f4f6;--color-surface-tertiary: #e5e7eb;--color-text-primary: #111827;--color-text-secondary: #374151;--color-text-tertiary: #6b7280;--color-text-muted: #9ca3af;--color-border: rgba(0, 0, 0, .1);--color-border-light: rgba(0, 0, 0, .05);--color-border-dark: rgba(0, 0, 0, .2);--color-primary: #111827;--color-primary-contrast: #ffffff;--color-accent: #3b82f6;--color-error: #ef4444;--color-success: #10b981;--color-warning: #f59e0b;--color-shadow: rgba(0, 0, 0, .1);--color-overlay: rgba(255, 255, 255, .7);--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-surface: linear-gradient(135deg, #ffffff 0%, #f3f4f6 100%);--icon-filter: invert(0);--icon-opacity: 1;--btn-outline-text: var(--color-text-primary);--btn-outline-border: rgba(0, 0, 0, .08);--btn-outline-bg: rgba(0, 0, 0, .03);--btn-outline-hover-border: rgba(0, 0, 0, .12);--btn-outline-hover-bg: rgba(0, 0, 0, .06);--btn-filled-bg: var(--color-primary);--btn-filled-text: var(--color-primary-contrast);--btn-filled-hover-bg: rgba(0, 0, 0, .06)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background-color:var(--color-background);color:var(--color-text-primary);line-height:var(--line-height);min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}section{padding:var(--spacing-xxl) 0}.section-header{text-align:center;margin-bottom:var(--spacing-lg)}.section-subtitle{display:flex;justify-content:center}.section-badge p{text-transform:uppercase;font-weight:600;letter-spacing:.1em;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:.875rem}.section-subtitle{font-family:var(--font-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.1em;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:.875rem;margin-bottom:var(--spacing-xs)}.section-title{font-family:var(--font-primary);font-size:2rem;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--color-text-primary)}.section-description{font-family:var(--font-secondary);color:var(--color-text-muted);max-width:28rem;margin:0 auto;font-size:1rem}.nav-container{max-width:1200px;margin:0 auto;padding:var(--spacing-md) var(--spacing-sm);display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);text-decoration:none}.nav-links{display:flex;gap:var(--spacing-md);list-style:none}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--color-accent)}.card{background:var(--gradient-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--spacing-lg);transition:var(--transition-normal);box-shadow:0 8px 32px var(--color-shadow);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-primary);opacity:0;transition:var(--transition-normal)}.card:hover{transform:translateY(-5px);border-color:var(--color-border-dark);box-shadow:0 12px 40px #00000026}.card:hover:before{opacity:1}.card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.card-icon{width:24px;height:24px;color:var(--color-accent);fill:currentColor}.card-title{font-size:1.5rem;font-weight:500}.card-description{color:var(--color-text-tertiary);font-size:.95rem;margin-bottom:var(--spacing-md)}.skeleton{background:linear-gradient(90deg,var(--color-surface-secondary) 25%,var(--color-surface-tertiary) 50%,var(--color-surface-secondary) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--radius-sm)}.theme-transition *{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)!important}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes pulse{0%{box-shadow:0 0 #60a5fab3}70%{box-shadow:0 0 0 10px #60a5fa00}to{box-shadow:0 0 #60a5fa00}}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.theme-toggle{position:fixed;top:var(--spacing-md);right:var(--spacing-md);z-index:var(--z-modal);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 6px var(--color-shadow)}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 6px 8px var(--color-shadow)}.theme-toggle:focus{outline:2px solid var(--color-accent);outline-offset:2px}.theme-toggle .icon{width:1.5rem;height:1.5rem;transition:transform var(--transition-normal);filter:var(--icon-filter)}.theme-toggle .sun-icon{display:none}.theme-toggle .moon-icon,.theme-light .theme-toggle .sun-icon{display:block}.theme-light .theme-toggle .moon-icon{display:none}.button-wrapper{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.btn{font-family:var(--font-primary);display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .25s ease;white-space:nowrap}.btn-outline{color:var(--btn-outline-text);border:1px solid var(--btn-outline-border);background:var(--btn-outline-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-outline:hover{border-color:var(--btn-outline-hover-border);background:var(--btn-outline-hover-bg);transform:translateY(-1px)}.btn-filled{background:var(--btn-filled-bg);color:var(--btn-filled-text);font-weight:600}.btn-filled:hover{transform:translateY(-1px)}.arrow{font-size:1.1rem;transition:transform .25s ease}.btn-outline:hover .arrow{transform:translateY(3px)}@media(max-width:480px){.button-wrapper{justify-content:center}.btn{width:50%;justify-content:center}}.project-button{background-color:var(--color-primary);color:var(--color-primary-contrast);border:none;border-radius:var(--radius-sm);padding:0 var(--spacing-md);height:3rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);cursor:pointer;text-decoration:none;transition:all var(--transition-fast);flex:1}.project-button:hover,.project-button:focus{transform:translateY(-2px);outline:2px solid var(--color-accent);outline-offset:2px;box-shadow:0 4px 12px var(--color-shadow)}.github-button{background:none;border:none;padding:0;cursor:pointer;transition:transform var(--transition-fast);border-radius:var(--radius-full)}.github-button:hover,.github-button:focus{transform:scale(1.1);outline:2px solid var(--color-accent);outline-offset:2px}.contact-button{background-color:var(--color-primary);color:var(--color-primary-contrast);display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-lg);height:3rem;border-radius:var(--radius-sm);border:none;cursor:pointer;font-weight:600;text-decoration:none;transition:transform var(--transition-fast)}.contact-button:hover{transform:scale(1.05)}.scroll-to-top{position:fixed;bottom:var(--spacing-md);right:15px;background:var(--color-primary);color:var(--color-primary-contrast);border:none;border-radius:var(--radius-full);width:3rem;height:3rem;font-size:1.5rem;cursor:pointer;opacity:0;transition:all var(--transition-normal);z-index:2000;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 12px var(--color-shadow)}.scroll-to-top.visible{opacity:1}.scroll-to-top:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--color-shadow)}.scroll-to-top:focus{outline:2px solid var(--color-accent);outline-offset:2px}.navbar-container{width:100%;background-color:var(--color-background);display:flex;justify-content:space-evenly;padding:16px 30px;transition:var(--transition-normal)}.navbar-left,.navbar-center,.navbar-right{font-family:var(--font-primary);background-color:var(--color-surface);border-radius:30px;box-shadow:0 4px 12px var(--color-shadow);display:flex;align-items:center}.navbar-left{padding:5px 15px}.navbar-left .mxolisi{margin-right:8px;width:150px;filter:brightness(1.2) contrast(1.1)}.navbar-center{padding:8px 20px;position:relative;color:var(--color-text-primary);font-weight:700;z-index:1000}.navbar-center.sticky{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:1000;box-shadow:0 8px 20px var(--color-shadow);background-color:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-center.scrolled{background-color:var(--color-surface)}.navbar-right{padding:5px 15px;color:var(--color-text-primary);font-weight:500}.logo{width:46px;height:46px;background:var(--color-text-primary);color:var(--color-surface);border-radius:50%;margin-right:10px;display:flex;justify-content:center;align-items:center}.logo-icon{color:var(--color-surface);font-size:24px;text-decoration:none}.nav-links{display:flex;list-style:none;margin:0;padding:0}.nav-links li{padding:7px 3px;position:relative}.nav-links li a{text-decoration:none;color:var(--color-text-secondary);font-weight:500;position:relative;padding:7px 10px;transition:var(--transition-fast);border-radius:20px}.nav-links li a:hover{background:#60a5fa1a;color:var(--color-accent)}.nav-links li a.active{color:var(--color-accent);font-weight:600}.nav-links li a.active:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:30px;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px}.brand-name{font-family:var(--font-primary);margin-left:12px;font-weight:700;color:var(--color-accent);display:none}.status-dot{width:10px;height:10px;background-color:var(--color-success);border-radius:50%;margin-right:8px;position:relative;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #34d399b3}70%{box-shadow:0 0 0 6px #34d39900}to{box-shadow:0 0 #34d39900}}.theme-light .status-dot{animation:pulse-light 2s infinite}@keyframes pulse-light{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 6px #3b82f600}to{box-shadow:0 0 #3b82f600}}.additional-link-btn{display:none;padding:.5rem 1.25rem;margin-left:15px;background-color:var(--color-primary);color:var(--color-primary-contrast);text-decoration:none;border-radius:30px;box-shadow:0 4px 12px var(--color-shadow);font-weight:700;border:3px solid rgba(255,255,255,.3);cursor:pointer;overflow:hidden;transition:var(--transition-normal);position:relative}.additional-link-btn:hover{transform:scale(1.05);border-color:#fff9;background-color:var(--color-accent)}.additional-link-btn:before{content:"";position:absolute;width:100px;height:100%;background-image:linear-gradient(120deg,#fff0 30%,#fffc,#fff0 70%);top:0;left:-100px;opacity:0;transition:opacity .3s}.additional-link-btn:hover:before{animation:shine 1.5s ease-out infinite;opacity:.6}.mobile-menu-btn{display:none;background:none;border:none;color:var(--color-text-primary);font-size:24px;cursor:pointer;margin-left:12px}.mobile-dropdown{display:none;position:fixed;top:100px;right:0;width:250px;height:auto;background-color:var(--color-surface);border-radius:20px 0 0 20px;padding:10px;z-index:1001;box-shadow:0 15px 35px var(--color-shadow);transform:translate(100%);transition:var(--transition-normal);overflow-y:auto;border-bottom:1px solid var(--color-border);margin:auto}.mobile-dropdown.active{transform:translate(0)}.mobile-nav-links{list-style:none;margin:auto;padding:0}.mobile-nav-links li{margin:30px 0;text-align:center}.mobile-nav-links li a{font-family:var(--font-secondary);color:var(--color-text-primary);text-decoration:none;font-size:18px;font-weight:600;transition:var(--transition-fast)}.mobile-nav-links li a:hover{color:var(--color-accent)}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0003;z-index:1000}.mobile-status{display:none;align-items:center;padding:8px 16px;font-size:14px}.mobile-theme-container{display:flex;justify-content:center;margin-top:15px}@media(max-width:768px){.navbar-container{justify-content:space-between;flex-direction:column}.navbar-left,.navbar-right{display:none!important}.navbar-center.sticky{width:calc(100% - 40px)}.navbar-center .nav-links{display:none}.additional-link-btn{display:none!important;visibility:hidden!important;opacity:0!important}.brand-name{display:block;font-size:20px;color:var(--color-accent);margin-left:0}.mobile-menu-btn{display:flex;position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--color-text-primary)}.mobile-status{display:flex;justify-content:center;margin-top:16px;padding:5px 20px 15px;background:transparent;color:var(--color-text-primary)}.mobile-dropdown{display:block}.mobile-theme-container{display:flex}}.hero{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background-color:var(--color-background);padding:0 2rem}.particles-js{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0}#three-canvas{position:absolute;inset:-300px 0 0;width:100%;height:100%;display:block;z-index:2}.hero-content{z-index:3;max-width:1200px;margin:0 auto;width:100%;text-align:center;position:relative}.hero-title-container{position:relative;display:flex;flex-direction:column;align-items:center}.hero-text{max-width:800px;margin:0 auto 2rem}.hero-text h1{font-family:var(--font-primary);font-size:3rem;font-weight:700;margin-top:2rem;line-height:1;color:var(--color-text-primary);background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-text p{font-family:var(--font-secondary);font-size:1.125rem;line-height:1.75rem;margin-top:1rem;font-weight:500;color:var(--color-text-secondary)}#hero-theme-toggle{position:fixed;top:var(--spacing-md);right:var(--spacing-md);z-index:2001;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:transform var(--transition-normal),background-color var(--transition-normal);box-shadow:0 4px 12px var(--color-shadow);left:auto!important;transform:none!important}#hero-theme-toggle:hover{transform:scale(1.1);background-color:var(--color-surface-secondary)}#hero-theme-toggle svg{width:24px;height:24px}@media(max-width:768px){.hero{padding:0 1rem}.hero-content{margin-bottom:2rem}.hero-text h1{font-size:2.5rem}.hero-text p{font-size:1.1rem}#hero-theme-toggle{right:15px;top:100px;z-index:2001}.hero-title-container{position:relative}}@media(max-width:480px){.hero-text h1{font-size:2rem}.hero-text p{font-size:1rem}}@keyframes shine{0%{left:-100px}60%{left:100%}to{left:100%}}.theme-light .hero-text h1{background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-section{padding:var(--spacing-md) 0 var(--spacing-xxl)}.projects-container{list-style:none;padding-left:0;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(var(--cards),var(--cardHeight));gap:var(--cardMargin);padding-bottom:calc(var(--cards) * var(--cardTopPadding));margin-bottom:var(--cardMargin);margin-top:var(--spacing-md)}.project-card-wrapper{position:sticky;top:0;padding-top:calc(var(--index, 1) * var(--cardTopPadding))}.project-card{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-md);overflow:hidden;border:1px solid var(--color-border);position:relative;height:var(--cardHeight);transition:transform var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal);box-shadow:0 10px 25px var(--color-shadow)}.project-content{display:grid;gap:var(--spacing-md)}.project-info{padding-bottom:var(--spacing-md)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.project-meta{flex:1}.project-year{font-size:.875rem;color:var(--color-text-tertiary);font-weight:300;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.project-title{font-size:1.5rem;margin:var(--spacing-xs) 0;line-height:1.2;font-weight:600;color:var(--color-text-primary)}.github-link-mobile{display:block}.github-link-desktop{display:none}.github-icon{width:35px;height:35px;filter:var(--icon-filter);opacity:var(--icon-opacity);transition:opacity var(--transition-fast)}.github-icon:hover{opacity:1}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-sm) 0}.project-description{color:var(--color-text-secondary);font-size:.875rem;line-height:var(--line-height);margin:var(--spacing-sm) 0 var(--spacing-md)}.project-actions{display:flex;align-items:center;gap:1.25rem;margin-top:var(--spacing-md)}.arrow-icon{width:1.25rem;height:1.25rem;transition:transform var(--transition-fast)}.project-button:hover .arrow-icon{transform:translate(2px)}.project-media-container{position:relative;margin:var(--spacing-md) calc(-1 * var(--spacing-md)) calc(-1 * var(--spacing-md))}.project-media{width:100%;height:auto;border-radius:var(--radius-sm);border:1px solid var(--color-border);opacity:0;transition:opacity var(--transition-normal)}.project-media.loaded{opacity:1}@media(min-width:768px){.project-card{padding:var(--spacing-lg) 2.5rem 0}.project-title{font-size:2.25rem}.project-description{font-size:1rem}.project-button{flex:0 0 auto}.github-link-mobile{display:none}.github-link-desktop{display:block}.project-media-container{margin:0}}@media(max-width:1024px){:root{--cardHeight: 75vh;--cardTopPadding: 2rem}.project-title{font-size:1.75rem}.section-description{font-size:1rem}}@media(max-width:768px){:root{--cardHeight: auto;--cardTopPadding: 1rem}.section-title{font-size:2rem}.section-description{font-size:.95rem}.project-card-wrapper{position:sticky;top:0;padding-top:calc(var(--index, 1) * var(--cardTopPadding));height:auto;margin-bottom:0}.projects-container{display:grid;grid-template-rows:repeat(var(--cards),auto);grid-template-columns:1fr;gap:2rem;padding-bottom:calc(var(--cards) * 1rem);margin-bottom:2rem}.project-card{height:auto;min-height:350px;flex-direction:column;padding:1.5rem;border-radius:var(--radius-lg)}.project-content{grid-template-columns:1fr!important;display:flex;flex-direction:column;gap:var(--spacing-md)}.project-media-container{position:relative!important;width:100%!important;margin:var(--spacing-md) 0 0!important;order:2}.project-media-container img{width:100%!important;height:auto;border-radius:var(--radius-md)}.project-info{order:1;padding-bottom:0}.project-year{font-size:14px;margin-bottom:8px}.project-title{font-size:24px;font-weight:700;margin-bottom:12px}.project-description{font-size:15px;line-height:1.5;margin-bottom:20px}}@media(max-width:480px){:root{--cardHeight: auto;--cardTopPadding: 1rem}.project-card{padding:var(--spacing-sm);min-height:300px}.project-button{height:2.75rem;font-size:.875rem}.section-title{font-size:1.75rem}.project-title{font-size:20px}.project-description{font-size:14px}}@media(min-width:1024px){.project-content{grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.project-card{padding:var(--spacing-xl) 0 0 var(--spacing-xl)}.project-info{padding-bottom:var(--spacing-xl);padding-right:var(--spacing-md)}.project-media-container{position:absolute;right:0;top:var(--spacing-xl);bottom:0;width:50%;height:100%;margin:0;border-radius:0 var(--radius-lg) var(--radius-lg) 0;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-media{position:relative;height:auto;width:auto;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;display:block;margin:0}}.profile-section{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-xl);text-align:center}.profile-image-container{flex-shrink:0;margin-bottom:var(--spacing-md);position:relative}.profile-image{width:85px;height:85px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid var(--color-border);transition:var(--transition-normal);background:var(--gradient-surface)}.profile-image:hover{transform:scale(1.05);border-color:var(--color-accent)}.profile-content{flex:1;width:100%}.profile-name{font-size:1.6rem;font-weight:400;margin-bottom:var(--spacing-xs)}.profile-description{color:var(--color-text-secondary);font-size:.9rem;line-height:1.7;margin-bottom:var(--spacing-sm);max-width:700px;margin-left:auto;margin-right:auto}.profile-social-links{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.social-link{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;background:var(--color-surface-secondary);color:var(--color-text);text-decoration:none;transition:var(--transition-normal)}.social-link:hover{background:var(--color-accent);color:var(--color-surface);transform:translateY(-3px)}.social-icon{font-size:1rem}.cards-grid{display:grid;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.top-grid,.bottom-grid{grid-template-columns:1fr}@media(min-width:768px){.profile-section{text-align:center}.cards-grid{grid-template-columns:repeat(2,1fr)}.top-grid{grid-template-columns:2fr 3fr}.bottom-grid{grid-template-columns:2fr 1fr}}@media(min-width:1024px){.top-grid{grid-template-columns:1fr 2fr}.bottom-grid{grid-template-columns:2fr 1fr}}.books-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.book-item{display:block;text-decoration:none;transition:var(--transition-normal)}.book-item:hover{transform:translateY(-5px)}.book-image{width:100%;max-width:150px;height:190px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border);transition:var(--transition-normal)}.book-item:hover .book-image{border-color:var(--color-accent);box-shadow:0 10px 20px var(--color-shadow)}.book-more{display:inline-block;color:var(--color-accent);text-decoration:none;font-weight:500;font-size:.95rem;transition:var(--transition-normal)}.book-more:hover{transform:translate(5px)}.toolbox-container{position:relative;margin-top:var(--spacing-xs);overflow:hidden;height:220px}.toolbox-scroll{position:relative;width:100%;overflow:hidden}.toolbox-row{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);width:-moz-max-content;width:max-content}.toolbox-row-1{animation:scroll-left 30s linear infinite}.toolbox-row-2{animation:scroll-right 25s linear infinite}.tool-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.95rem;transition:var(--transition-normal);flex-shrink:0}.tool-item:hover{background:var(--color-surface-tertiary);transform:translateY(-3px)}.tool-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-accent)}.hobbies-card{display:flex;flex-direction:column}.hobbies-container{height:220px;position:relative;overflow:hidden;margin-top:var(--spacing-xs)}.hobby-tag{position:absolute;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--gradient-surface);border:1px solid var(--color-border);border-radius:9999px;font-size:.95rem;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;transition:var(--transition-normal);box-shadow:0 4px 12px var(--color-shadow)}.hobby-tag:hover{background:var(--color-surface-tertiary);transform:scale(1.05)}.hobby-tag:active{cursor:grabbing}.hobby-emoji{font-size:1.2rem}.map-container{height:200px;border-radius:var(--radius-md);overflow:hidden;position:relative;margin-top:var(--spacing-xs);border:1px solid var(--color-border)}.map-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(20%) contrast(110%)}.map-pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px}.pin-pulse{position:absolute;inset:0;background:linear-gradient(to right,#6ee7b7,#38bdf8);border-radius:50%;animation:ping 2s cubic-bezier(0,0,.2,1) infinite}.pin-base{position:absolute;inset:0;background:linear-gradient(to right,#6ee7b7,#38bdf8);border-radius:50%;border:2px solid rgba(10,10,10,.3)}.pin-emoji{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@media(max-width:768px){.books-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;align-items:start}.book-item{display:block;width:100%}.book-image{width:100%;height:auto;max-width:150px;margin:0 auto;display:block}.cards-grid{grid-template-columns:1fr}.toolbox-row{gap:15px}.tool-item{padding:10px 16px}.hobby-tag{padding:8px 15px;font-size:.9rem}}@media(max-width:480px){.books-grid{grid-template-columns:1fr}.section-title{font-size:1.8rem}.profile-section{text-align:center}}.certificates-section{padding:var(--spacing-xxl) 0}.certificates-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.certificate-card{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:0;position:relative;overflow:hidden;border:1px solid var(--color-border);transition:transform var(--transition-normal),border-color var(--transition-normal)}.certificate-card:hover{transform:translateY(-4px);border-color:var(--color-accent)}.certificate-image{width:100%;height:auto;display:block;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.certificate-info{padding:var(--spacing-md)}.certificate-issuer{font-size:.875rem;color:var(--color-text-tertiary);font-weight:500;margin-bottom:var(--spacing-md)}.certificate-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface-secondary);border-radius:var(--radius-sm);color:var(--color-text-primary);text-decoration:none;font-size:.875rem;font-weight:600;transition:background-color var(--transition-fast)}.certificate-link:hover{background-color:var(--color-surface-tertiary)}.certificate-link svg{width:1rem;height:1rem;fill:currentColor}@media(min-width:768px){.certificates-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.certificates-grid{grid-template-columns:repeat(3,1fr)}}.contact-section{padding:var(--spacing-xl) 0;position:relative;z-index:1}.contact-box{border-radius:var(--radius-lg);background:var(--gradient-primary);color:var(--color-primary-contrast);padding:var(--spacing-xl) var(--spacing-lg);text-align:center;position:relative;overflow:hidden;z-index:10}.grain-overlay{position:absolute;inset:0;z-index:-10;opacity:var(--noise-opacity);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJhIiB4PSIwIiB5PSIwIj48ZmVUdXJidWxlbmNlIGJhc2VGcmVxdWVuY3k9Ii43NSIgc3RpdGNoVGlsZXM9InN0aXRjaCIgdHlwZT0iZnJhY3RhbE5vaXNlIi8+PGZlQ29sb3JNYXRyaXggdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCIvPjwvZmlsdGVyPjxwYXRoIGQ9Ik0wIDBoMzAwdjMwMEgweiIgZmlsdGVyPSJ1cmwoI2EpIiBvcGFjaXR5PSIuMDUiLz48L3N2Zz4=);background-repeat:repeat}.contact-content{display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center}.contact-text h2{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-primary-contrast)}.contact-text p{font-size:.875rem;color:var(--color-primary-contrast);opacity:.9}@media(min-width:768px){.contact-section{padding:var(--spacing-xxl) 0}.contact-box{text-align:left}.contact-content{flex-direction:row;gap:var(--spacing-xl)}.contact-text h2{font-size:1.875rem}.contact-text p{font-size:1rem}.contact-button{width:-moz-max-content;width:max-content}}footer{padding-top:var(--spacing-md);position:relative;z-index:0;overflow-x:clip}.footer-glow{position:absolute;height:400px;width:1600px;bottom:0;z-index:-10;left:50%;transform:translate(-50%);background-color:var(--color-accent);mask-image:radial-gradient(50% 50% at bottom center,black,transparent);-webkit-mask-image:radial-gradient(50% 50% at bottom center,black,transparent);opacity:.3}.footer-content{border-top:1px solid var(--color-border);padding:var(--spacing-lg) 0;font-size:.875rem;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.copyright{color:var(--color-text-tertiary)}.footer-nav{display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center}.footer-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);text-decoration:none;font-weight:600;transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-accent)}@media(min-width:768px){.footer-content{flex-direction:row;justify-content:space-between}.footer-nav{flex-direction:row}}