:root{--clr-black:#000;--clr-white:#fff;--clr-cream-bg:#faf8f0;--clr-card-cream:#fffdf9;--clr-border:#000;--clr-yellow:#ffe600;--clr-blue:#3b82f6;--clr-pink:#ff4b91;--clr-green:#10b981;--clr-orange:#ff7a00;--clr-purple:#8b5cf6;--clr-red:#ef4444;--clr-cyan:#06b6d4;--border-thick:3px solid var(--clr-border);--border-thin:2px solid var(--clr-border);--shadow-offset-base:5px;--shadow-offset-hover:8px;--shadow-offset-active:2px;--accent:var(--clr-yellow);--accent-hover:#e5ce00;--accent-contrast:var(--clr-black)}.theme-yellow{--accent:var(--clr-yellow);--accent-hover:#e6ce00;--accent-contrast:var(--clr-black)}.theme-blue{--accent:var(--clr-blue);--accent-hover:#2563eb;--accent-contrast:var(--clr-white)}.theme-pink{--accent:var(--clr-pink);--accent-hover:#e22d73;--accent-contrast:var(--clr-white)}.theme-green{--accent:var(--clr-green);--accent-hover:#059669;--accent-contrast:var(--clr-white)}.theme-orange{--accent:var(--clr-orange);--accent-hover:#e06300;--accent-contrast:var(--clr-white)}.theme-purple{--accent:var(--clr-purple);--accent-hover:#7c3aed;--accent-contrast:var(--clr-white)}.theme-red{--accent:var(--clr-red);--accent-hover:#dc2626;--accent-contrast:var(--clr-white)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--clr-cream-bg);background-image:radial-gradient(#d5d2c2 1.5px, transparent 1.5px), radial-gradient(#d5d2c2 1.5px, var(--clr-cream-bg) 1.5px);color:var(--clr-black);background-position:0 0,12px 12px;background-size:24px 24px;padding-top:130px;font-family:Plus Jakarta Sans,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--clr-black);text-transform:uppercase;font-family:Syne,sans-serif;font-weight:800}a{color:inherit;text-decoration:none}.color-palette-bar{background-color:var(--clr-white);border-bottom:var(--border-thick);z-index:1000;width:100%;height:48px;box-shadow:0 4px 0 var(--clr-black);justify-content:center;align-items:center;gap:12px;padding:0 16px;display:flex;position:fixed;top:0;left:0}.palette-label{text-transform:uppercase;align-items:center;gap:6px;font-family:Space Mono,monospace;font-size:.85rem;font-weight:700;display:flex}.palette-label svg{width:16px;height:16px}.color-options{align-items:center;gap:8px;display:flex}.color-dot{border:2px solid var(--clr-black);cursor:pointer;border-radius:50%;width:22px;height:22px;transition:transform .15s cubic-bezier(.175,.885,.32,1.275)}.color-dot:hover{transform:scale(1.25)}.color-dot.active{box-shadow:0 0 0 2px var(--clr-white), 0 0 0 4px var(--clr-black);transform:scale(1.15)}.btn-yellow{background-color:var(--clr-yellow)}.btn-blue{background-color:var(--clr-blue)}.btn-pink{background-color:var(--clr-pink)}.btn-green{background-color:var(--clr-green)}.btn-orange{background-color:var(--clr-orange)}.btn-purple{background-color:var(--clr-purple)}.btn-red{background-color:var(--clr-red)}.main-header{background-color:var(--clr-white);border:var(--border-thick);width:90%;height:72px;box-shadow:var(--shadow-offset-base) var(--shadow-offset-base) 0 var(--clr-black);z-index:999;justify-content:space-between;align-items:center;padding:0 24px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;top:48px;left:5%}.logo-box{border-right:var(--border-thick);align-items:center;height:100%;padding-right:24px;display:flex}.logo-text{letter-spacing:-.5px;background-color:var(--clr-black);color:var(--clr-white);border:2px solid var(--clr-black);padding:6px 12px;font-family:Space Mono,monospace;font-size:1.3rem;font-weight:700}.nav-links{align-items:center;gap:8px;height:100%;display:flex}.nav-item{cursor:pointer;border:2px solid #0000;padding:8px 16px;font-family:Space Mono,monospace;font-size:.9rem;font-weight:700;transition:all .1s}.nav-item:hover{background-color:var(--accent);color:var(--accent-contrast);border:var(--border-thin);box-shadow:3px 3px 0 var(--clr-black);transform:translate(-3px,-3px)}.contact-nav{background-color:var(--clr-black);color:var(--clr-white);border:var(--border-thin)}.contact-nav:hover{background-color:var(--clr-white);color:var(--clr-black);border:2px solid var(--clr-black);box-shadow:3px 3px 0 var(--clr-black)}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.mobile-menu-btn svg{width:24px;height:24px}.content-wrapper{width:90%;max-width:1200px;margin:0 auto;padding:40px 0}.section-container{border-top:var(--border-thick);margin-top:40px;padding:80px 0}.section-heading{background-color:var(--accent);color:var(--accent-contrast);border:var(--border-thick);box-shadow:5px 5px 0 var(--clr-black);margin-bottom:40px;padding:10px 20px;font-size:2.5rem;display:inline-block;transform:rotate(-1deg)}.section-subheading{margin-bottom:40px;font-family:Space Mono,monospace;font-size:1.1rem;font-weight:700}.card{background-color:var(--clr-white);border:var(--border-thick);box-shadow:var(--shadow-offset-base) var(--shadow-offset-base) 0 var(--clr-black);padding:30px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s;position:relative}.card:hover{box-shadow:var(--shadow-offset-hover) var(--shadow-offset-hover) 0 var(--clr-black);transform:translate(-3px,-3px)}.bg-cream{background-color:var(--clr-card-cream)}.bg-blue{background-color:var(--clr-blue);color:var(--clr-white)}.bg-pink{background-color:var(--clr-pink);color:var(--clr-white)}.bg-green{background-color:var(--clr-green);color:var(--clr-white)}.bg-orange{background-color:var(--clr-orange);color:var(--clr-white)}.bg-purple{background-color:var(--clr-purple);color:var(--clr-white)}.bg-red{background-color:var(--clr-red);color:var(--clr-white)}.bg-yellow{background-color:var(--clr-yellow);color:var(--clr-black)}.btn{text-transform:uppercase;border:var(--border-thick);box-shadow:var(--shadow-offset-base) var(--shadow-offset-base) 0 var(--clr-black);cursor:pointer;text-align:center;background:0 0;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-family:Space Mono,monospace;font-size:1rem;font-weight:700;transition:all .15s cubic-bezier(.175,.885,.32,1.275);display:inline-flex}.btn svg{width:18px;height:18px}.btn:hover{box-shadow:var(--shadow-offset-hover) var(--shadow-offset-hover) 0 var(--clr-black);transform:translate(-3px,-3px)}.btn:active{transform:translate(var(--shadow-offset-active), var(--shadow-offset-active));box-shadow:var(--shadow-offset-active) var(--shadow-offset-active) 0 var(--clr-black)}.btn-primary{background-color:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{background-color:var(--clr-white);color:var(--clr-black)}.btn-secondary:hover{background-color:var(--clr-card-cream)}.sticker-badge{background-color:var(--clr-white);color:var(--clr-black);border:var(--border-thin);box-shadow:3px 3px 0 var(--clr-black);z-index:10;padding:6px 12px;font-family:Space Mono,monospace;font-size:.85rem;font-weight:700;transition:transform .2s ease-out;display:inline-block}.hero-section{padding:40px 0 80px}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;display:grid}.hero-text-card{background-color:var(--clr-white);border:var(--border-thick);box-shadow:8px 8px 0 var(--clr-black);padding:50px 40px;position:relative}.float-sticker-1{background-color:var(--clr-pink);color:var(--clr-white);position:absolute;top:-20px;left:40px}.hero-title{letter-spacing:-1px;margin-bottom:24px;font-size:3.5rem;line-height:1.1}.hero-title .highlight{background-color:var(--accent);color:var(--accent-contrast);border:var(--border-thin);box-shadow:4px 4px 0 var(--clr-black);padding:0 8px;display:inline-block;transform:rotate(1deg)}.hero-subtitle{color:#444;margin-bottom:35px;font-size:1.2rem;font-weight:600}.hero-cta-group{flex-wrap:wrap;gap:16px;display:flex}.hero-visual-card{justify-content:center;align-items:center;display:flex;position:relative}.float-sticker-2{background-color:var(--clr-green);color:var(--clr-white);position:absolute;bottom:-15px;right:20px}.retro-window{background-color:var(--clr-white);border:var(--border-thick);width:100%;max-width:380px;box-shadow:8px 8px 0 var(--clr-black);overflow:hidden}.window-titlebar{background-color:var(--clr-black);color:var(--clr-white);justify-content:space-between;align-items:center;padding:10px 16px;font-family:Space Mono,monospace;font-size:.8rem;font-weight:700;display:flex}.window-controls{gap:6px;display:flex}.dot{border:1px solid var(--clr-black);border-radius:50%;width:10px;height:10px;display:inline-block}.dot-close{background-color:var(--clr-red)}.dot-minimize{background-color:var(--clr-yellow)}.dot-maximize{background-color:var(--clr-green)}.window-body{background-color:var(--clr-card-cream);flex-direction:column;align-items:center;padding:24px;display:flex}.avatar-container{margin-bottom:20px}.avatar-frame{background-color:var(--accent);border:var(--border-thick);width:160px;height:160px;box-shadow:4px 4px 0 var(--clr-black);justify-content:center;align-items:center;transition:transform .2s;display:flex}.avatar-frame:hover{transform:rotate(5deg)scale(1.05)}.pixel-avatar{background-color:var(--clr-white);border-radius:0;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.avatar-placeholder-icon{stroke-width:1.5px;width:80px;height:80px}.status-tags{flex-direction:column;gap:8px;width:100%;display:flex}.status-tag{border:var(--border-thin);box-shadow:2px 2px 0 var(--clr-black);padding:6px 12px;font-family:Space Mono,monospace;font-size:.8rem;font-weight:700}.tag-cyan{background-color:var(--clr-cyan);color:var(--clr-black)}.tag-pink{background-color:var(--clr-pink);color:var(--clr-white)}.tag-purple{background-color:var(--clr-purple);color:var(--clr-white)}.stats-marquee{background-color:var(--clr-black);width:100%;color:var(--clr-white);border-top:var(--border-thick);border-bottom:var(--border-thick);white-space:nowrap;margin:40px 0;padding:16px 0;overflow:hidden}.marquee-track{font-family:Space Mono,monospace;font-size:1.1rem;font-weight:700;animation:25s linear infinite marquee;display:inline-block}.marquee-track span{margin-right:30px;display:inline-block}@keyframes marquee{0%{transform:translate(0%)}to{transform:translate(-50%)}}.about-grid{grid-template-columns:1.2fr .8fr;gap:30px;display:grid}.about-main-card h3{margin-bottom:20px;font-size:1.8rem}.brutalist-text{margin-bottom:16px;font-size:1.1rem;font-weight:500}.about-quote{background-color:var(--clr-yellow);color:var(--clr-black);border:var(--border-thin);box-shadow:4px 4px 0 var(--clr-black);margin-top:30px;padding:16px;font-family:Space Mono,monospace;font-style:italic;font-weight:700;line-height:1.4}.about-details-card{flex-direction:column;gap:20px;display:flex}.about-details-card h3{border-bottom:var(--border-thin);margin-bottom:10px;padding-bottom:8px;font-size:1.8rem}.brutalist-list{flex-direction:column;gap:12px;list-style:none;display:flex}.brutalist-list li{border-bottom:2px dashed #ffffff73;padding-bottom:10px;font-size:1rem}.brutalist-list.list-dark li{border-bottom:2px dashed #00000026}.card-footer-decorative{border-top:2px solid #fff6;justify-content:space-between;margin-top:auto;padding-top:16px;font-family:Space Mono,monospace;font-size:.8rem;font-weight:700;display:flex}.projects-grid{grid-template-columns:repeat(2,1fr);gap:40px;display:grid}.project-card{border:var(--border-thick);box-shadow:var(--shadow-offset-base) var(--shadow-offset-base) 0 var(--clr-black);flex-direction:column;padding:35px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s;display:flex;position:relative}.project-card:hover{box-shadow:var(--shadow-offset-hover) var(--shadow-offset-hover) 0 var(--clr-black);transform:translate(-5px,-5px)}.project-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.project-number{font-family:Space Mono,monospace;font-size:1.1rem;font-weight:700}.project-tag{background-color:var(--clr-black);color:var(--clr-white);border:1px solid var(--clr-white);padding:4px 8px;font-family:Space Mono,monospace;font-size:.75rem;font-weight:700}.project-card.bg-yellow .project-tag,.project-card.bg-green .project-tag{background-color:var(--clr-white);color:var(--clr-black);border:1px solid var(--clr-black)}.project-title{margin-bottom:12px;font-size:2rem}.project-desc{opacity:.9;flex-grow:1;margin-bottom:24px;font-size:1rem}.project-tech-stack{flex-wrap:wrap;gap:8px;margin-bottom:30px;display:flex}.tech-tag{color:var(--clr-white);background-color:#fff3;border:1px solid #ffffff4d;padding:4px 10px;font-family:Space Mono,monospace;font-size:.75rem;font-weight:700}.project-card.bg-yellow .tech-tag{color:var(--clr-black);background-color:#0000000f;border:1px solid #00000026}.project-links{gap:16px;display:flex}.project-link-btn{background-color:var(--clr-black);color:var(--clr-white);border:2px solid var(--clr-black);align-items:center;gap:6px;padding:10px 16px;font-family:Space Mono,monospace;font-size:.85rem;font-weight:700;transition:all .1s;display:inline-flex}.project-link-btn svg{width:14px;height:14px}.project-link-btn:hover{background-color:var(--clr-white);color:var(--clr-black);box-shadow:3px 3px 0 var(--clr-black);transform:translate(-3px,-3px)}.project-card.bg-yellow .project-link-btn{background-color:var(--clr-black);color:var(--clr-white)}.project-card.bg-yellow .project-link-btn:hover{background-color:var(--clr-white);color:var(--clr-black)}.skills-layout{grid-template-columns:1.1fr .9fr;gap:30px;display:grid}.skills-card{border:var(--border-thick);box-shadow:var(--shadow-offset-base) var(--shadow-offset-base) 0 var(--clr-black);padding:35px}.skills-card h3,.skills-stickers h3{margin-bottom:30px;font-size:1.8rem}.skills-progress-group{flex-direction:column;gap:20px;display:flex}.skill-row{flex-direction:column;gap:6px;display:flex}.skill-name{font-family:Space Mono,monospace;font-size:.95rem;font-weight:700}.brutalist-progress-bar{background-color:var(--clr-white);border:var(--border-thin);width:100%;height:24px;box-shadow:2px 2px 0 var(--clr-black);position:relative;overflow:hidden}.progress-fill{border-right:var(--border-thin);height:100%}.skills-stickers{border:var(--border-thick);box-shadow:var(--shadow-offset-base) var(--shadow-offset-base) 0 var(--clr-black);padding:35px}.sticker-cloud{flex-wrap:wrap;gap:12px;display:flex}.skill-sticker{border:var(--border-thin);box-shadow:3px 3px 0 var(--clr-black);cursor:pointer;padding:10px 18px;font-family:Space Mono,monospace;font-size:.9rem;font-weight:700;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.skill-sticker:hover{transform:scale(1.1)}.contact-layout{grid-template-columns:1.2fr .8fr;gap:30px;display:grid}.contact-card{border:var(--border-thick);box-shadow:var(--shadow-offset-base) var(--shadow-offset-base) 0 var(--clr-black);padding:40px}.contact-card-header{margin-bottom:30px}.contact-card-header h3{margin-bottom:10px;font-size:1.8rem}.contact-card-header p{color:#555;font-size:1rem;font-weight:500}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{font-family:Space Mono,monospace;font-size:.9rem;font-weight:700}.form-group input,.form-group textarea{border:var(--border-thin);box-shadow:3px 3px 0 var(--clr-black);background-color:var(--clr-white);outline:none;padding:12px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:500;transition:transform .15s,box-shadow .15s}.form-group input:focus,.form-group textarea:focus{box-shadow:5px 5px 0 var(--accent);border-color:var(--clr-black);transform:translate(-2px,-2px)}.form-submit-btn{align-self:flex-start;margin-top:10px}.form-submit-btn svg{animation:none}.spinning svg{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brutalist-alert{border:var(--border-thick);box-shadow:5px 5px 0 var(--clr-black);align-items:center;gap:16px;margin-top:25px;padding:20px;font-family:Space Mono,monospace;font-size:.9rem;display:flex}.alert-icon svg{width:28px;height:28px}.hidden{display:none!important}.connect-sidebar{border:var(--border-thick);box-shadow:var(--shadow-offset-base) var(--shadow-offset-base) 0 var(--clr-black);flex-direction:column;padding:40px;display:flex}.connect-sidebar h3{margin-bottom:12px;font-size:1.8rem}.connect-subtext{margin-bottom:30px;font-size:1rem}.coordinates-list{flex-direction:column;gap:16px;display:flex}.coordinate-item{background-color:var(--clr-black);color:var(--clr-white);border:2px solid var(--clr-black);align-items:center;gap:12px;padding:12px 18px;font-family:Space Mono,monospace;font-size:.95rem;font-weight:700;transition:all .15s cubic-bezier(.175,.885,.32,1.275);display:flex}.coordinate-item svg{width:18px;height:18px}.coordinate-item:hover{background-color:var(--clr-white);color:var(--clr-black);box-shadow:4px 4px 0 var(--clr-black);transform:translate(-3px,-3px)}.main-footer{border-top:var(--border-thick);justify-content:space-between;align-items:center;width:90%;max-width:1200px;margin:80px auto 40px;padding:30px 0;font-family:Space Mono,monospace;font-size:.85rem;font-weight:700;display:flex}.footer-link{background-color:var(--accent);color:var(--accent-contrast);border:var(--border-thin);box-shadow:3px 3px 0 var(--clr-black);cursor:pointer;padding:6px 12px}.footer-link:hover{box-shadow:5px 5px 0 var(--clr-black);transform:translate(-2px,-2px)}@media (width<=992px){body{padding-top:160px}.hero-grid{grid-template-columns:1fr;gap:60px}.about-grid,.skills-layout,.contact-layout,.projects-grid{grid-template-columns:1fr;gap:30px}.main-header{width:94%;padding:0 16px;left:3%}}@media (width<=768px){body{padding-top:160px}.mobile-menu-btn{display:flex}.nav-links{background-color:var(--clr-white);border:var(--border-thick);width:calc(100% + 6px);box-shadow:var(--shadow-offset-base) var(--shadow-offset-base) 0 var(--clr-black);flex-direction:column;gap:16px;height:auto;padding:20px;display:none;position:absolute;top:70px;left:-3px}.nav-links.show{display:flex}.logo-box{border-right:none}.hero-title{font-size:2.3rem}.section-heading{font-size:1.8rem}}@media (width<=600px){.stats-marquee{margin:30px 0;padding:12px 0}.marquee-track{font-size:.95rem}}@media (width<=480px){body{padding-top:140px}.main-header{height:60px;top:48px}.logo-text{padding:4px 8px;font-size:.95rem}.logo-box{padding-right:12px}.mobile-menu-btn svg{width:20px;height:20px}.nav-links{gap:12px;padding:16px;top:58px}.theme-text-label{display:none}.color-palette-bar{gap:6px;padding:0 8px}.color-dot{width:18px;height:18px}.hero-text-card{padding:35px 16px 25px}.hero-title{font-size:1.85rem}.hero-subtitle{margin-bottom:25px;font-size:1rem}.float-sticker-1{padding:4px 8px;font-size:.75rem;top:-15px;left:15px}.float-sticker-2{padding:4px 8px;font-size:.75rem;bottom:-12px;right:15px}.section-heading{margin-bottom:25px;padding:8px 12px;font-size:1.45rem!important}.section-subheading{margin-bottom:25px;font-size:.95rem}.card,.project-card,.skills-card,.skills-stickers,.contact-card,.connect-sidebar{padding:24px 16px!important}.btn{width:100%;padding:10px 18px;font-size:.85rem}.hero-cta-group{flex-direction:column;gap:12px;width:100%}.skills-progress-group{gap:16px}.skill-sticker{padding:8px 14px;font-size:.8rem}.about-main-card h3,.about-details-card h3,.projects-card h3,.skills-card h3,.skills-stickers h3,.contact-card-header h3,.connect-sidebar h3{font-size:1.4rem!important}}