:root{--color-primary: #64b5f6;--color-primary-light: #90caf9;--color-primary-alpha: rgba(100, 181, 246, .2);--color-bg-dark: #0a0a0a;--color-bg-gradient-start: #1b2735;--color-bg-gradient-end: #090a0f;--color-text-primary: #ffffff;--color-text-secondary: #e0e0e0;--color-text-muted: #b0b0b0;--color-text-subtle: #888;--color-surface-alpha-5: rgba(255, 255, 255, .05);--color-surface-alpha-8: rgba(255, 255, 255, .08);--color-surface-alpha-10: rgba(255, 255, 255, .1);--color-surface-alpha-15: rgba(255, 255, 255, .15);--color-surface-alpha-20: rgba(255, 255, 255, .2);--color-border-alpha-10: rgba(255, 255, 255, .1);--color-border-alpha-15: rgba(255, 255, 255, .15);--color-border-alpha-20: rgba(255, 255, 255, .2);--color-shadow-light: rgba(0, 0, 0, .1);--color-shadow-medium: rgba(0, 0, 0, .2);--color-shadow-dark: rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--color-bg-dark);color:var(--color-text-primary);overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}.skip-link{position:absolute;top:-40px;left:6px;z-index:1000;background:var(--color-bg-dark);color:var(--color-text-primary);padding:8px;text-decoration:none;font-size:14px;border-radius:4px}.skip-link:focus{top:6px}.container{max-width:1200px;margin:0 auto;padding:1rem 2rem;position:relative;z-index:10;contain:layout style}.stars{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;background:radial-gradient(ellipse at bottom,var(--color-bg-gradient-start) 0%,var(--color-bg-gradient-end) 100%);contain:layout style paint;will-change:transform}.stars:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(1px 1px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.6),transparent);background-repeat:repeat;background-size:150px 75px;animation:starfield 25s linear infinite;contain:layout style paint;will-change:transform}@keyframes starfield{0%{transform:translateY(0)}to{transform:translateY(-100px)}}@keyframes twinkle{0%{opacity:.2}to{opacity:1}}header{text-align:center;margin-bottom:2rem}header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.3)}.subtitle{font-size:1.2rem;color:#b0b0b0;font-weight:300;margin:0}.intro{display:flex;align-items:center;gap:2rem;text-align:left;margin:2rem 0 3rem;padding:2rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);max-width:900px;margin-left:auto;margin-right:auto}.construction-robots,.portfolio-image{width:220px;height:auto;margin:0 auto .5rem;display:block;border-radius:6px;mix-blend-mode:screen;filter:brightness(1.1) contrast(1.1);object-fit:cover;height:120px}.intro-content{flex:1}.intro-content h2{margin:0 0 1rem;color:#fff;font-size:1.8rem}.intro-content p{margin:.5rem 0;color:#b0b0b0;line-height:1.6}.intro-link{color:#64b5f6;text-decoration:underline;transition:color .3s ease}.intro-link:hover{color:#90caf9}.links{display:flex;justify-content:center;gap:2rem;margin-top:3rem;flex-wrap:wrap}.link{color:#b0b0b0;text-decoration:none;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;font-weight:500}.link:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-2px)}.link-text{display:inline}.page-header{margin-bottom:2rem}.page-header--center{text-align:center}.page-header--left{text-align:left}.page-header--right{text-align:right}.header-content{max-width:900px;margin:0 auto}.header-content .page-header--left &{margin-left:0;margin-right:auto}.header-content .page-header--right &{margin-left:auto;margin-right:0}.main-title{font-weight:700;color:#fff;margin-bottom:.5rem;margin-top:0}.main-subtitle{color:#b0b0b0;margin:0;font-weight:400}.page-header--center .main-subtitle{text-align:center}.page-header--left .main-subtitle{text-align:left}.page-header--right .main-subtitle{text-align:right}.header-divider{width:60px;height:3px;background:linear-gradient(90deg,#64b5f6,#90caf9);margin:1.5rem auto 0;border-radius:2px}.page-header--left .header-divider{margin-left:0;margin-right:auto}.page-header--right .header-divider{margin-left:auto;margin-right:0}.page-header--small .main-title{font-size:2rem}.page-header--small .main-subtitle{font-size:1rem}.page-header--medium .main-title{font-size:3rem}.page-header--medium .main-subtitle{font-size:1.2rem}.page-header--large .main-title{font-size:4rem}.page-header--large .main-subtitle{font-size:1.4rem}.page-header--minimal .main-title{font-size:2.5rem;margin-bottom:.25rem}.page-header--minimal .main-subtitle{font-size:1.1rem;opacity:.8}.page-header--hero .main-title{font-size:4.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#64b5f6,#90caf9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header--hero .main-subtitle{font-size:1.5rem;color:#e0e0e0}.card-area{background:#ffffff0d;border-radius:12px;margin-bottom:2rem;backdrop-filter:blur(10px);margin-left:auto;margin-right:auto}.card-area--bordered{border:1px solid rgba(255,255,255,.1)}.card-area--shadowed{box-shadow:0 4px 6px #0000001a}.card-area-title{color:#fff;font-size:1.8rem;margin-bottom:1.5rem;text-align:center;font-weight:600}.card-area-content{display:grid;gap:1.5rem}.card-area--centered .card-area-content{display:block;text-align:center}.card-area--small{padding:1rem}.card-area--medium{padding:2rem}.card-area--large{padding:3rem}.card-area--narrow{max-width:600px}.card-area--medium{max-width:900px}.card-area--wide{max-width:1200px}.card-area--full{max-width:none}.card-area--elevated{background:#ffffff14;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.15)}.card-area--minimal{background:transparent;border:none;box-shadow:none;backdrop-filter:none}.content-area{background:#ffffff0d;border-radius:12px;margin-bottom:2rem;backdrop-filter:blur(10px);margin-left:auto;margin-right:auto}.content-area--bordered{border:1px solid rgba(255,255,255,.1)}.content-area--shadowed{box-shadow:0 4px 6px #0000001a}.content-area--small{padding:1rem}.content-area--medium{padding:2rem}.content-area--large{padding:3rem}.content-area--narrow{max-width:600px}.content-area--medium{max-width:900px}.content-area--wide{max-width:1200px}.content-area--full{max-width:none}.content-area--elevated{background:#ffffff14;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.15)}.content-area--minimal{background:transparent;border:none;box-shadow:none;backdrop-filter:none}.content-area :global(h2){color:#fff;font-size:1.5rem;margin-bottom:1rem;margin-top:0}.content-area :global(h3){color:#90caf9;font-size:1.2rem;margin-bottom:.75rem;margin-top:1.5rem}.content-area :global(p){color:#e0e0e0;line-height:1.6;margin-bottom:1rem}.content-area :global(ul){color:#e0e0e0;line-height:1.6;margin-bottom:1rem}.content-area :global(li){margin-bottom:.5rem}.content-area :global(code){background:#64b5f633;color:#64b5f6;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace}.content-area :global(pre){background:#00000080;padding:1rem;border-radius:8px;overflow-x:auto;border:1px solid rgba(255,255,255,.1)}.content-area :global(blockquote){border-left:4px solid #64b5f6;padding-left:1rem;margin:1rem 0;color:#b0b0b0;font-style:italic}.connect-buttons{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin:2rem 0}.connect-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff0d;color:#b0b0b0;text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);font-size:1rem}.connect-button:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-2px)}.connect-button-icon{font-size:1.2em}.connect-button-label{font-weight:500}.connect-buttons--vertical{flex-direction:column;align-items:center;gap:.75rem}.connect-buttons--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;justify-items:center}.connect-buttons--small .connect-button{padding:.5rem 1rem;font-size:.9rem}.connect-buttons--large .connect-button{padding:1rem 2rem;font-size:1.1rem}.connect-buttons--minimal .connect-button{background:transparent;border:none;padding:.5rem}.connect-buttons--minimal .connect-button:hover{background:#ffffff0d;transform:none}.connect-buttons--outlined .connect-button{background:transparent;border:2px solid rgba(255,255,255,.2)}.connect-buttons--outlined .connect-button:hover{border-color:#fff6;background:#ffffff0d}.site-footer{margin-top:3rem;padding:2rem 0;border-top:1px solid rgba(255,255,255,.1)}.footer-links a{color:#e0e0e0;text-decoration:none;transition:color .3s ease;display:flex;align-items:center;gap:.5rem}.footer-icon{font-size:1.2em}.footer-label{font-weight:500}.site-footer--minimal{margin-top:1rem;padding:1rem 0;border-top:none}.site-footer--centered .footer-links{justify-content:center;text-align:center}.main-nav{background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 0;backdrop-filter:blur(10px)}.sticky-nav{position:fixed;top:0;left:0;right:0;background:#000000e6;border-bottom:1px solid rgba(255,255,255,.2);padding:.75rem 0;z-index:1000;backdrop-filter:blur(15px);transform:translateY(-100%);transition:transform .3s ease}.sticky-nav.visible{transform:translateY(0)}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-brand{font-size:1.2rem;font-weight:600;color:#fff;text-decoration:none}.nav-links{display:flex;align-items:center;gap:2rem;list-style:none;margin:0;padding:0}.nav-link{color:#b0b0b0;text-decoration:none;font-weight:500;transition:color .3s ease}.nav-link:hover,.nav-link.active{color:#64b5f6}.nav-home{font-weight:600}.nav-dropdown{position:relative;display:inline-flex;align-items:center}.dropdown-toggle{background:none;border:none;cursor:pointer;font-size:inherit;font-family:inherit;border-radius:4px;transition:outline .2s ease}.dropdown-toggle:focus{outline:2px solid #64b5f6;outline-offset:2px}.dropdown-menu{position:absolute;top:100%;left:0;background:#000000f2;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem 0;min-width:200px;z-index:1001;backdrop-filter:blur(15px);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.nav-dropdown:hover .dropdown-menu,.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;padding:.5rem 1rem;color:#b0b0b0;text-decoration:none;transition:all .3s ease;font-size:.9rem}.dropdown-item:hover,.dropdown-item:focus{background:#ffffff1a;color:#64b5f6;outline:none}.dropdown-header{font-weight:600;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.5rem}.dropdown-header:hover{background:#ffffff0d}.dropdown-separator{height:1px;background:#ffffff1a;margin:.5rem 0}.scroll-to-top{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#b0b0b0;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease;backdrop-filter:blur(10px)}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top:hover{background:#fff3;color:#fff;transform:translateY(-2px)}.mobile-scroll-top{position:fixed;bottom:2rem;right:2rem;background:#64b5f6e6;color:#fff;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:1.5rem;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease;backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;justify-content:center;text-align:center}.mobile-scroll-top.visible{opacity:1;visibility:visible}.mobile-scroll-top:hover{background:#64b5f6;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.footer{margin-top:3rem;padding:2rem 0;border-top:1px solid rgba(255,255,255,.1)}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-text{color:#b0b0b0;margin-bottom:1rem}.footer-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.footer-links a{color:#b0b0b0;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#64b5f6}.status{background:#ffffff0d;border-radius:8px;padding:1rem;margin:1rem 0;border:1px solid rgba(255,255,255,.1)}.status h2{color:#fff;font-size:1.2rem;margin-bottom:.5rem;margin-top:0}.status p{color:#b0b0b0;margin:0;line-height:1.5}.projects-cta{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.view-all-projects{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#64b5f6,#42a5f5);color:#000;text-decoration:none;border-radius:8px;font-weight:600;font-size:.9rem;transition:all .3s ease;box-shadow:0 4px 15px #64b5f64d}.view-all-projects:hover{transform:translateY(-2px);box-shadow:0 6px 25px #64b5f666;background:linear-gradient(135deg,#42a5f5,#1e88e5)}.projects{margin:3rem 0}.projects h2{color:#fff;margin-bottom:2rem;font-size:2rem;font-weight:600;text-align:center}.projects-container{margin:0 auto;padding:0}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:900px;margin:0 auto}.project-category{margin-bottom:0}.project-category h3{color:#b0b0b0;margin-bottom:1rem;font-size:1.3rem;font-weight:500;text-align:center;display:none}.project-card{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;transition:all .3s ease;position:relative;min-height:300px;backdrop-filter:blur(5px)}.project-card:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.project-title-row{display:flex;align-items:center;gap:.75rem;flex:1}.project-title{color:#fff;margin:0;font-size:1.2rem;font-weight:600}.project-date{background:#ffffff1a;color:#e0e0e0;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;white-space:nowrap}.project-body{flex:1;margin-bottom:1rem}.project-description{color:#b0b0b0;margin:0 0 1.5rem;line-height:1.6;font-size:1rem}.project-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-bottom:1rem}.project-meta-compact{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;align-items:center}.project-meta-compact .meta-item{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.meta-item{display:flex;flex-direction:column;gap:.25rem;text-align:center}.meta-label{font-size:.8rem;color:#888;font-weight:500}.meta-item .status,.meta-item .duration,.meta-item .team-size{font-size:.8rem;padding:.25rem .5rem;border-radius:12px;font-weight:500;align-self:center;text-transform:capitalize}.meta-item .external-link{align-self:center;text-decoration:none}.project-meta-compact .meta-item .status,.project-meta-compact .meta-item .duration,.project-meta-compact .meta-item .team-size,.project-meta-compact .meta-item .external-link{font-size:.8rem;padding:.25rem .5rem;border-radius:12px;font-weight:500;text-transform:capitalize;text-decoration:none}.project-meta-compact .meta-label{font-size:.8rem;color:#888;font-weight:500;margin-right:.25rem}.status-completed{background:#4caf5033;color:#a5d6a7}.status-in-progress{background:#ffc10733;color:#fff176}.status-planning{background:#9c27b033;color:#ce93d8}.status-production{background:#2196f333;color:#90caf9}.duration,.team-size{background:#ffffff1a;color:#e0e0e0}.external-link{color:#64b5f6;font-size:.8rem;padding:.25rem .5rem;border:1px solid rgba(100,181,246,.3);border-radius:8px;background:#64b5f61a}.project-cta-container{display:flex;justify-content:center;margin:1rem 0}.project-cta{background:#64b5f6;color:#000;padding:.5rem 1rem;border-radius:6px;text-decoration:none;font-weight:500;font-size:.9rem;transition:all .3s ease}.project-cta:hover{background:#90caf9;transform:translate(2px)}.project-footer{margin-top:auto;padding-top:1rem;border-top:1px solid transparent;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 20%,rgba(255,255,255,.1) 80%,transparent 100%) top / 100% 1px no-repeat;display:flex;justify-content:space-between;align-items:center;gap:1rem}.project-actions{flex-shrink:0}.tech-stack{display:flex;gap:.5rem;flex-wrap:wrap;flex:1}.tech-tag{background:#ffffff1a;color:#e0e0e0;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.tech-more{background:#ffffff0d;color:#888;padding:.25rem .5rem;border-radius:4px;font-size:.8rem}.category-badge{background:#64b5f633;color:#64b5f6;padding:.25rem .5rem;border-radius:8px;font-size:.75rem;font-weight:500;border:1px solid rgba(100,181,246,.3);white-space:nowrap;flex-shrink:0}.project-page{margin:0 auto;padding:2rem;background:#000000e6;border-radius:12px;margin-top:2rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);position:relative;z-index:10}.breadcrumb{margin-bottom:3rem;font-size:.9rem;color:#888;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.breadcrumb a{color:#64b5f6;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb-separator{margin:0 .5rem;color:#555}.current-page{color:#ccc}.project-title-section{margin-bottom:1rem}.project-title-section h1{font-size:2.5rem;margin-bottom:2rem;color:#fff}.project-title-centered{text-align:center}.project-metadata-inline{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:2rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.metadata-item{display:flex;align-items:center;gap:.5rem}.metadata-label{font-weight:500;color:#888;min-width:80px}.category{text-transform:capitalize;color:#64b5f6}.tech-stack-section{margin-bottom:2rem}.tech-stack-section h3{margin-bottom:1rem;color:#fff;font-size:1.2rem}.tech-stack-list{display:flex;flex-wrap:wrap;gap:.75rem}.tech-tag-large{background:#64b5f633;color:#64b5f6;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;border:1px solid rgba(100,181,246,.3)}.project-actions{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.action-button{padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.action-button-small{padding:.4rem .8rem;border-radius:4px;text-decoration:none;font-weight:500;font-size:.8rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:.3rem;background:#ffffff14;color:#b0b0b0;border:1px solid rgba(255,255,255,.15)}.action-button-small:hover{background:#ffffff26;color:#fff;border-color:#ffffff40;transform:translateY(-1px)}.action-button.primary{background:#64b5f6;color:#000}.action-button.primary:hover{background:#90caf9;transform:translateY(-2px)}.action-button.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.action-button.secondary:hover{background:#fff3;border-color:#ffffff4d}.project-main-content{display:flex;gap:2rem;margin-top:1rem}.project-side-nav{width:200px;flex-shrink:0;position:sticky;top:8rem;height:fit-content;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem}.side-nav-content h4{margin:0 0 1rem;color:#fff;font-size:.9rem;font-weight:600}.side-nav-links{list-style:none;padding:0;margin:0}.side-nav-links li{margin-bottom:.5rem}.side-nav-links a{color:#b0b0b0;text-decoration:none;font-size:.8rem;transition:all .3s ease;display:block;padding:.25rem .5rem;border-radius:4px;position:relative}.side-nav-links a:hover{color:#64b5f6;background:#64b5f61a}.side-nav-links a.active{color:#64b5f6;background:#64b5f626;font-weight:500}.side-nav-links a.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:#64b5f6;border-radius:0 2px 2px 0}.project-content{flex:1;line-height:1.7;color:#e0e0e0;min-width:0}.project-content h2{margin:2rem 0 1rem;color:#fff;font-size:1.5rem}.project-content p{margin-bottom:1rem}.project-content ul,.project-content ol{margin:1rem 0;padding-left:2rem}.project-content li{margin-bottom:.5rem}.project-content code{background:#ffffff1a;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem}.project-content pre{background:#ffffff0d;padding:1rem;border-radius:6px;overflow-x:auto;margin:1rem 0}.project-content blockquote{border-left:3px solid #64b5f6;padding-left:1rem;margin:1rem 0;color:#b0b0b0;font-style:italic}.project-navigation{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.back-to-projects{color:#64b5f6;text-decoration:none;font-weight:500;transition:color .3s ease}.back-to-projects:hover{color:#90caf9;text-decoration:underline}@media (min-width: 769px){.hamburger-menu{display:none!important}body:has(.project-page) .main-nav{display:none}}@media (max-width: 1024px){.projects-grid{grid-template-columns:1fr;max-width:800px}.project-main-content{flex-direction:column}.project-side-nav{width:100%;position:static;order:-1}.side-nav-content{display:flex;align-items:center;gap:2rem}.side-nav-links{display:flex;gap:1rem;flex-wrap:wrap}.side-nav-links li{margin-bottom:0}}@media (max-width: 768px){.container{padding-top:1.5rem;max-width:100%;padding:0 1rem}.stars{z-index:-1}.main-content{padding:1rem}header{margin-bottom:1rem}.intro{flex-direction:column;text-align:center;margin:1rem 0 2rem}.intro-content{text-align:center}.links{gap:1rem}header h1{font-size:2rem}.subtitle{font-size:1.5rem;color:#e0e0e0}.main-nav{padding:.75rem 0}.nav-container{padding:0 1rem;position:relative;z-index:1001}.sticky-nav{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;margin:0!important;transform:none!important;z-index:10000!important;display:none}.sticky-nav.visible{display:block}.sticky-nav.visible{top:0!important;left:0!important;right:0!important}.sticky-nav{padding-top:0!important}.nav-home{font-size:1rem}.nav-links,#stickyNavLinks{position:fixed;inset:0;width:100vw;height:100vh;background:#000000f2;flex-direction:column;justify-content:center;align-items:center;gap:2rem;z-index:99999;transform:translate(-100%);transition:transform .3s ease}body.menu-open{overflow:hidden}.nav-links,#stickyNavLinks{position:fixed;inset:0;width:100vw;height:100vh;background:#000000f2;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:5rem;gap:1rem;overflow-y:auto;z-index:99999;transform:translate(-100%);transition:transform .3s ease}#hamburgerMenu[aria-expanded=true]{position:fixed;top:.75rem;right:.75rem;z-index:100000}.nav-mobile-only{display:inline-block}.nav-links.mobile-open,#stickyNavLinks.mobile-open{transform:translate(0)!important;display:flex!important;visibility:visible!important;opacity:1!important}.nav-links .nav-link,#stickyNavLinks .nav-link,#stickyNavLinks .dropdown-toggle{font-size:1.1rem;padding:.75rem 1.25rem;background:#111;border:1px solid rgba(255,255,255,.15);border-radius:8px;width:220px;text-align:center;margin:.25rem 0;color:#fff}#stickyNavLinks .nav-dropdown{background:transparent!important;border:0!important;padding:0;box-shadow:none!important}#stickyNavLinks .dropdown-menu{position:static;display:none;background:transparent;box-shadow:none;backdrop-filter:none;padding-top:.25rem;border:0}#stickyNavLinks .dropdown-menu.show{display:block}#stickyNavLinks .dropdown-item{width:220px;text-align:center;padding:.75rem 1.25rem;border-radius:8px;background:#111;border:1px solid rgba(255,255,255,.15);color:#fff;margin:.25rem 0}.sticky-nav .nav-links:not(.mobile-open){display:none}.main-nav .nav-links:not(.mobile-open){display:none}#stickyNavLinks.mobile-open{display:flex!important;visibility:visible!important;opacity:1!important;transform:translate(0)!important}#hamburgerMenu{display:block!important;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .3s ease;z-index:1002;position:relative;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);min-width:44px;min-height:44px;display:flex!important;align-items:center;justify-content:center;margin-left:auto}#hamburgerMenu:hover{background:#fff3}.hamburger-menu,#hamburgerMenu{display:block!important;visibility:visible!important;opacity:1!important}.nav-links{gap:1rem}.page-header--medium .main-title{font-size:2.5rem}.page-header--medium .main-subtitle{font-size:1.1rem}.page-header--large .main-title{font-size:3rem}.page-header--large .main-subtitle{font-size:1.3rem}.card-area--medium{padding:1.5rem;margin-bottom:1.5rem}.card-area-title{font-size:1.5rem;margin-bottom:1rem}.content-area--medium{padding:1.5rem;margin-bottom:1.5rem}.connect-buttons{flex-direction:column;align-items:center;gap:.75rem}.connect-button{width:200px;justify-content:center}.connect-buttons--grid{grid-template-columns:1fr;max-width:300px}.footer-links{flex-direction:column;align-items:center;gap:1rem}.projects-grid{grid-template-columns:1fr;max-width:100%;gap:1.5rem}.project-card{min-height:auto}.project-title-row,.project-meta-compact{flex-direction:column;align-items:flex-start;gap:.5rem}.project-meta-compact .tech-stack{justify-content:flex-start}.project-page{padding:1rem;margin-top:1rem}.project-title-section h1{font-size:2rem}.project-metadata-inline{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.metadata-item{flex-direction:column;align-items:flex-start;gap:.25rem}.metadata-label{font-size:.9rem;min-width:auto}.project-actions{flex-direction:column;gap:1rem}.action-button,.action-button-small{width:100%;justify-content:center}.side-nav-content{flex-direction:column;align-items:flex-start;gap:1rem}.side-nav-links{flex-direction:column;gap:.5rem}#stickyNavLinks .nav-dropdown{display:flex;flex-direction:column;align-items:center}#stickyNavLinks .dropdown-menu{position:static;display:none;background:transparent;box-shadow:none;backdrop-filter:none;padding-top:.25rem;margin:0}#stickyNavLinks .dropdown-menu.show{display:block;width:auto}html,body{margin:0!important;padding:0!important}.content-area--narrow,.content-area--medium,.content-area--wide{max-width:100%!important;width:100%!important}.content-area,.content-area :where(h1,h2,h3,h4,h5,h6,p,li,blockquote,pre,code){overflow-wrap:anywhere;word-break:break-word}body,.container,main{overflow-x:hidden!important}.content-area *{max-width:100%!important;overflow-x:hidden}.content-area pre,.content-area code{white-space:pre-wrap;word-break:break-word}}