:root{--bg-dark:#fafafa;--bg-card:#fff;--bg-card-hover:#f4f4f5;--border-card:#000;--border-card-hover:#000;--accent-cyan:#f36;--accent-sky:#f04;--accent-teal:#000;--accent-emerald:#000;--accent-purple:#f36;--text-main:#000;--text-muted:#333;--text-dim:#666;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--brutal-shadow:4px 4px 0px #000;--brutal-shadow-hover:8px 8px 0px #000}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main)}body{min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}h1,h2,h3,h4,.font-heading{font-family:var(--font-heading);letter-spacing:-.02em;text-transform:uppercase;font-weight:900}.font-mono{font-family:var(--font-mono)}.gradient-text{background:var(--accent-cyan);-webkit-text-fill-color:transparent;color:var(--accent-cyan);-webkit-background-clip:text;font-weight:900}.gradient-text-purple{background:var(--accent-purple);-webkit-text-fill-color:transparent;color:var(--accent-purple);-webkit-background-clip:text;font-weight:900}.brutalist-card,.glass-card{background:var(--bg-card);border:3px solid var(--border-card);box-shadow:var(--brutal-shadow);border-radius:0;transition:all .2s ease-out}.brutalist-card:hover,.glass-card:hover{background:var(--bg-card-hover);box-shadow:var(--brutal-shadow-hover);transform:translate(-4px,-4px)}.brutalist-badge,.glass-badge{color:#000;font-family:var(--font-mono);text-transform:uppercase;background:#fff;border:2px solid #000;align-items:center;gap:.5rem;padding:.35rem .85rem;font-size:.825rem;font-weight:700;display:inline-flex;box-shadow:2px 2px #000}.brutalist-button,.btn-primary,.btn-secondary{background:var(--accent-cyan);color:#000;font-family:var(--font-heading);text-transform:uppercase;cursor:pointer;box-shadow:var(--brutal-shadow);border:3px solid #000;border-radius:0;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 1.8rem;font-size:.95rem;font-weight:900;text-decoration:none;transition:all .2s;display:inline-flex}.brutalist-button:hover,.btn-primary:hover,.btn-secondary:hover{box-shadow:var(--brutal-shadow-hover);background:var(--accent-sky);color:#000;transform:translate(-4px,-4px)}.btn-secondary{color:#000;background:#fff}.btn-secondary:hover{color:#000;background:#e5e5e5}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section-padding{padding:6rem 0}.section-title-wrapper{text-align:center;margin-bottom:4rem}.section-title{text-transform:uppercase;letter-spacing:-.05em;-webkit-text-stroke:1px #000;color:#000;margin-bottom:.75rem;font-size:3rem;font-weight:900}.section-subtitle{color:var(--text-muted);background:#fff;border:2px solid #000;max-width:650px;margin:0 auto;padding:1rem;font-size:1.1rem;font-weight:700;box-shadow:4px 4px #000}.modal-overlay{z-index:100;background:#000c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border:4px solid #000;border-radius:0;width:100%;max-width:700px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto;box-shadow:12px 12px #000}.desktop-nav>a,.desktop-nav>.nav-dropdown>button{border:2px solid #0000;align-items:center;gap:.35rem;padding:.25rem .75rem;display:flex}.desktop-nav>a.active,.desktop-nav>.nav-dropdown>button.active{background:#fff;border:2px solid #000;font-weight:700;box-shadow:2px 2px #000;color:#000!important}.desktop-nav>a:hover:not(.active),.desktop-nav>.nav-dropdown>button:hover:not(.active){background:var(--accent-cyan);border:2px solid #000;box-shadow:2px 2px #000;color:#fff!important}.nav-dropdown-menu{z-index:60;background:#fff;border:3px solid #000;flex-direction:column;gap:.5rem;min-width:220px;padding:.75rem;display:flex;position:absolute;top:calc(100% + .75rem);left:0;box-shadow:6px 6px #000}.nav-dropdown-menu a{white-space:nowrap;border:2px solid #0000;padding:.5rem .75rem;font-size:.9rem;font-weight:700;text-decoration:none;color:#000!important}.nav-dropdown-menu a.active{background:#fff;border:2px solid #000;box-shadow:2px 2px #000;color:var(--accent-sky)!important}.nav-dropdown-menu a:hover:not(.active){background:#000;border:2px solid #000;box-shadow:2px 2px #000;color:#fff!important}.status-badge{text-transform:uppercase;color:#000!important;background:#fff!important;border:2px solid #000!important;border-radius:0!important;font-weight:700!important;box-shadow:2px 2px #000!important}.status-badge:hover{transform:translate(-2px,-2px)!important;box-shadow:4px 4px #000!important}.tech-badge{transition:all .2s}.tech-badge:hover{box-shadow:3px 3px #000;color:var(--accent-sky)!important;border-color:var(--accent-sky)!important;background:#fff!important}.project-btn-tech{color:#000;background:#fff;border:2px solid #000;transition:all .2s}.project-btn-tech:hover{background:var(--hover-accent);color:#fff;border-color:#000;box-shadow:2px 2px #000}.project-btn-live{color:#fff;background:#10b981;border:2px solid #000;transition:all .2s}.project-btn-live:hover{background:#059669;box-shadow:2px 2px #000}.modal-close-btn{transition:all .2s}.modal-close-btn:hover{box-shadow:2px 2px #000;background:var(--accent-cyan)!important;color:#fff!important}