@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Syne:wght@700;800&family=JetBrains+Mono:wght@400;700&display=swap";.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.5rem 0;transition:all .3s ease;background:transparent;border-bottom:2px solid transparent}.navbar.scrolled{padding:1rem 0;background:var(--bg-dark);border-bottom:2px solid var(--text-primary)}.navbar-container{display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:-.05em;color:var(--text-primary);text-transform:uppercase;position:relative}@media(min-width:480px){.logo{font-size:2rem}}.logo:hover{animation:glitch .3s cubic-bezier(.25,.46,.45,.94) both infinite;color:var(--accent-yellow)}.accent-dot{color:var(--accent-pink);font-size:2rem;line-height:0}@media(min-width:480px){.accent-dot{font-size:2.5rem}}.desktop-menu{display:none;align-items:center;gap:3rem}@media(min-width:992px){.desktop-menu{display:flex}}.nav-link{font-family:var(--font-mono);font-size:1rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;position:relative}.nav-link:before{content:"";position:absolute;bottom:-4px;left:0;width:0;height:4px;background:var(--accent-blue);transition:width .2s ease}.nav-link:hover:before,.nav-link.active:before{width:100%}.nav-link:hover,.nav-link.active{color:var(--accent-blue)}.btn-primary{padding:.8rem 1.5rem;font-family:var(--font-mono);font-weight:700;text-transform:uppercase;background:var(--accent-pink);color:#fff;border:2px solid var(--accent-pink);box-shadow:4px 4px #fff;transition:all .2s ease}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--accent-yellow);background:var(--accent-yellow);border-color:var(--accent-yellow);color:#000}.mobile-toggle{display:block;padding:.5rem}@media(min-width:992px){.mobile-toggle{display:none}}.mobile-menu{position:fixed;inset:0;z-index:1001;background:var(--accent-yellow);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;overflow-y:auto}.mobile-close{position:absolute;top:1.5rem;right:1.5rem;padding:.5rem;background:#000;color:var(--accent-yellow);border:none;border-radius:50%;cursor:pointer}.mobile-links{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}@media(min-height:600px){.mobile-links{gap:2rem}}.mobile-link{font-family:var(--font-display);font-size:2rem;font-weight:800;color:#000;text-transform:uppercase;transition:transform .2s ease;text-align:center}@media(min-width:480px){.mobile-link{font-size:3rem}}.mobile-link:hover{transform:scale(1.1) rotate(-2deg);text-decoration:underline;text-decoration-thickness:4px}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:100px;padding-bottom:100px;overflow:hidden;background-color:var(--bg-dark)}.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:50px 50px;z-index:0;pointer-events:none}.hero-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.hero-content{max-width:1200px;width:100%;padding:3rem 1rem;display:flex;flex-direction:column;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--accent-green);color:#000;font-family:var(--font-mono);font-weight:700;font-size:.9rem;border:2px solid #fff;box-shadow:4px 4px #fff;margin-bottom:2rem;transform:rotate(-2deg)}.hero-title{font-weight:800;line-height:.9;margin-bottom:2rem;text-transform:uppercase;color:#fff;text-shadow:4px 4px 0px #000;width:100%}.hero-subtitle{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--text-muted);margin-bottom:3rem;max-width:700px;line-height:1.6}.hero-actions{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%;max-width:400px}@media(min-width:480px){.hero-actions{flex-direction:row;justify-content:center;gap:2rem;max-width:none}}@media(max-height:750px)and (min-width:1024px){.hero{padding-top:80px;padding-bottom:80px}.hero-badge,.hero-title{margin-bottom:1rem}.hero-subtitle{margin-bottom:2rem}}@media(max-height:600px){.hero{padding-top:60px;padding-bottom:60px;min-height:auto}}.marquee-container{position:absolute;bottom:5vh;left:-10%;width:120%;background:var(--accent-yellow);border-top:3px solid #fff;border-bottom:3px solid #fff;padding:.8rem 0;transform:rotate(-2deg) scale(1.1);overflow:hidden;z-index:2;box-shadow:0 10px 20px #00000080}@media(max-width:480px){.marquee-container{bottom:5vh;padding:.5rem 0}.marquee-content span{font-size:1.5rem}}@media(max-width:768px)and (max-height:800px){.marquee-container{position:relative;bottom:auto;left:-10%;margin-top:3rem;transform:rotate(-2deg) scale(1.1)}.hero{padding-bottom:0;overflow-x:hidden;height:auto;min-height:100vh;align-items:flex-start}.hero-container{padding-top:2rem}}.marquee-content{display:flex;white-space:nowrap;animation:marquee 20s linear infinite}.marquee-content span{font-family:var(--font-display);font-weight:800;font-size:2rem;color:#000;margin-right:2rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.projects-section{padding:var(--section-padding) 0;background-color:var(--bg-dark);position:relative}.section-header{margin-bottom:3rem;text-align:center;padding:0 1rem}@media(min-width:768px){.section-header{margin-bottom:5rem}}.section-title{font-weight:800;margin-bottom:1rem;text-transform:uppercase}.section-subtitle{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--text-muted);max-width:600px;margin:0 auto}.projects-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:4rem}}.project-card{background:var(--bg-card);border:var(--border-thick);border-radius:var(--radius-sm);box-shadow:var(--shadow-hard) var(--accent-blue);overflow:hidden;transition:all .2s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;position:relative;height:100%}.project-card:hover{transform:translate(-6px,-6px);box-shadow:12px 12px 0 0 var(--accent-pink);border-color:var(--accent-pink);z-index:10}@media(hover:none){.project-card:hover{transform:none;box-shadow:var(--shadow-hard) var(--accent-blue)}}.project-image-container{position:relative;aspect-ratio:16/9;overflow:hidden;border-bottom:var(--border-thick)}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .1s steps(3);filter:grayscale(100%) contrast(1.2)}@media(hover:none){.project-image{filter:grayscale(0%) contrast(1)}}.project-card:hover .project-image{transform:scale(1.1);filter:grayscale(0%) contrast(1)}.project-overlay{position:absolute;inset:0;background:#ffd600e6;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.project-card:hover .project-overlay{opacity:1}@media(hover:none){.project-overlay{opacity:1;background:#0000004d;align-items:flex-end;padding:1rem;justify-content:flex-end}.project-links{transform:none}}.project-links{display:flex;gap:1rem}.project-link{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#000;color:#fff;border:3px solid #000;box-shadow:4px 4px #fff;transition:all .2s ease}.project-link:hover{transform:translate(-4px,-4px);box-shadow:8px 8px #fff;background:var(--accent-pink)}.project-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;background:var(--bg-card)}.project-category{display:inline-block;font-family:var(--font-mono);font-size:.8rem;font-weight:700;color:#000;background:var(--accent-green);padding:.25rem .75rem;text-transform:uppercase;margin-bottom:1rem;align-self:flex-start;border:2px solid #fff;box-shadow:3px 3px #fff}.project-title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;margin-bottom:1rem;color:var(--text-primary);line-height:1.1}.project-description{font-family:var(--font-mono);font-size:.95rem;color:var(--text-muted);margin-bottom:2rem;line-height:1.6;flex-grow:1}.project-tech{display:flex;flex-wrap:wrap;gap:.75rem;border-top:2px solid rgba(255,255,255,.1);padding-top:1.5rem}.tech-tag{font-family:var(--font-mono);font-size:.75rem;font-weight:700;padding:.3rem .6rem;background:transparent;border:1px solid var(--text-muted);color:var(--text-muted);text-transform:uppercase}.project-card:hover .tech-tag{border-color:var(--accent-yellow);color:var(--accent-yellow)}.experience-section{padding:var(--section-padding) 0;background-color:var(--bg-dark);overflow-x:hidden}.experience-grid{display:grid;grid-template-columns:1fr;gap:3rem}.experience-col,.skills-col{min-width:0}@media(min-width:992px){.experience-grid{grid-template-columns:1fr 1fr;gap:6rem}}.mb-8{margin-bottom:2rem}.timeline{position:relative;padding-left:1.5rem;border-left:4px solid var(--text-primary);margin-left:1rem}@media(min-width:768px){.timeline{padding-left:2.5rem;margin-left:0}}.timeline-item{position:relative;margin-bottom:3rem}.timeline-dot{position:absolute;left:calc(-1.5rem - 10px);top:1.5rem;width:16px;height:16px;background-color:var(--accent-yellow);border:3px solid #000;box-shadow:0 0 0 2px var(--text-primary)}@media(min-width:768px){.timeline-dot{left:calc(-2.5rem - 12px);width:20px;height:20px;border-width:4px}}.timeline-content{padding:1.5rem;background:var(--bg-card);border:var(--border-thick);box-shadow:var(--shadow-hard) var(--accent-blue);transition:transform .2s ease}@media(min-width:768px){.timeline-content{padding:2rem}}.timeline-content:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 var(--accent-pink);border-color:var(--accent-pink)}@media(hover:none){.timeline-content:hover{transform:none;box-shadow:var(--shadow-hard) var(--accent-blue)}}.role-title{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:var(--text-primary);text-transform:uppercase;line-height:1.2}@media(min-width:768px){.role-title{font-size:1.5rem}}.company-name{font-family:var(--font-mono);font-size:.9rem;color:var(--accent-yellow);font-weight:700;background:#000;padding:.2rem .5rem;display:inline-block;margin-top:.5rem}@media(min-width:768px){.company-name{font-size:1rem}}.timeline-period{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);margin:1rem 0;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.timeline-desc{font-family:var(--font-mono);font-size:.95rem;color:var(--text-primary);line-height:1.6}.skills-container{display:flex;flex-direction:column;gap:2rem}.skill-group{padding:1.5rem;border:var(--border-thick);background:var(--bg-card);box-shadow:var(--shadow-hard) #fff}@media(min-width:768px){.skill-group{padding:2rem}}.skill-category{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:var(--accent-green);margin-bottom:1.5rem;text-transform:uppercase;border-bottom:4px solid var(--accent-green);display:inline-block}@media(min-width:768px){.skill-category{font-size:1.5rem}}.skill-tags{display:flex;flex-wrap:wrap;gap:.75rem}.skill-tag{font-family:var(--font-mono);font-size:.85rem;font-weight:700;padding:.4rem .8rem;background:#000;border:2px solid #fff;color:#fff;transition:all .2s ease;text-transform:uppercase}@media(min-width:768px){.skill-tag{font-size:.9rem;padding:.5rem 1rem}}.skill-tag:hover{background:var(--accent-pink);border-color:var(--accent-pink);transform:translate(-2px,-2px);box-shadow:4px 4px #fff;color:#fff}.about-section{padding:var(--section-padding) 0;background-color:var(--bg-dark);border-top:var(--border-thick);border-bottom:var(--border-thick);background-image:radial-gradient(var(--accent-blue) 1px,transparent 1px);background-size:30px 30px;overflow:hidden}.about-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}@media(min-width:768px){.about-grid{gap:4rem}}@media(min-width:992px){.about-grid{grid-template-columns:.8fr 1.2fr;gap:6rem}}.profile-frame{position:relative;width:100%;max-width:280px;margin:0 auto;aspect-ratio:1/1.2;border:var(--border-thick);box-shadow:var(--shadow-hard) var(--accent-pink);background:var(--accent-yellow);padding:.5rem;transform:rotate(-3deg);transition:transform .3s ease}@media(min-width:480px){.profile-frame{max-width:320px}}@media(min-width:768px){.profile-frame{max-width:400px;padding:1rem}}.profile-frame:hover{transform:rotate(0) scale(1.02);box-shadow:12px 12px 0 var(--accent-blue)}@media(hover:none){.profile-frame:hover{transform:rotate(-3deg);box-shadow:var(--shadow-hard) var(--accent-pink)}}.profile-image{width:100%;height:100%;object-fit:cover;border:2px solid #000}.about-text{font-family:var(--font-mono);font-size:var(--text-base);color:var(--text-primary);line-height:1.8;background:var(--bg-card);padding:1.5rem;border:var(--border-thick);box-shadow:var(--shadow-hard) #fff}@media(min-width:768px){.about-text{padding:2rem}}.lead-text{font-family:var(--font-display);font-size:1.25rem;color:var(--accent-yellow);font-weight:700;margin-bottom:1.5rem;text-transform:uppercase;line-height:1.2}@media(min-width:768px){.lead-text{font-size:1.5rem}}.highlight{background:var(--accent-pink);color:#fff;padding:0 5px;display:inline-block}.sub-heading{font-family:var(--font-display);font-size:1.25rem;color:var(--accent-blue);font-weight:800;margin-top:2rem;margin-bottom:.5rem;text-transform:uppercase;border-bottom:2px solid var(--accent-blue);display:inline-block}@media(min-width:768px){.sub-heading{font-size:1.5rem}}.read-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#fff;color:#000;font-weight:800;margin-top:2rem;padding:.8rem 1.5rem;border:3px solid #000;box-shadow:4px 4px #000;text-transform:uppercase;transition:all .2s ease;width:100%}@media(min-width:480px){.read-more-btn{width:auto;padding:1rem 2rem}}.read-more-btn:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--accent-pink);background:var(--accent-yellow)}.about-list{list-style:none;padding:0;margin:1rem 0}.about-list li{margin-bottom:.5rem;font-size:1rem}.principles-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1rem}@media(min-width:600px){.principles-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.principle-item{background:#ffffff0d;padding:1rem;border-left:4px solid var(--accent-green)}.principle-item strong{display:block;color:var(--accent-green);margin-bottom:.5rem;font-family:var(--font-display);font-size:1.1rem}.principle-item p{font-size:.9rem;margin:0;color:var(--text-muted)}.contact-section{padding:4rem 0 3rem;background-color:var(--accent-yellow);color:#000;position:relative;overflow:hidden;border-top:4px solid #fff}@media(min-width:768px){.contact-section{padding:var(--section-padding) 0 4rem}}.contact-container{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;padding:0 1.5rem}.contact-content{width:100%;display:flex;flex-direction:column;align-items:center}.contact-title{font-size:var(--text-2xl);font-weight:800;line-height:1;margin-bottom:1.5rem;color:#000;text-transform:uppercase;word-wrap:break-word;width:100%}@media(min-width:480px){.contact-title{font-size:var(--text-3xl)}}@media(min-width:768px){.contact-title{font-size:var(--text-4xl);line-height:.9;margin-bottom:2rem}}.contact-subtitle{font-family:var(--font-mono);font-size:1rem;color:#000;margin-bottom:3rem;font-weight:700;max-width:600px;padding:0;line-height:1.5}@media(min-width:768px){.contact-subtitle{font-size:var(--text-xl);margin-bottom:4rem}}.email-container{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#000;border:3px solid #000;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:6px 6px #fff;max-width:100%;width:100%}@media(min-width:480px){.email-container{width:auto;padding:1.5rem 3rem;gap:1rem;border:4px solid #000;box-shadow:8px 8px #fff}}.email-container:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 var(--accent-pink);background:var(--accent-pink);border-color:var(--accent-pink)}.email-icon{color:#fff;flex-shrink:0;width:24px;height:24px}@media(min-width:480px){.email-icon{width:32px;height:32px}}.email-text{font-family:var(--font-display);font-size:1rem;font-weight:800;color:#fff;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1;text-align:center}@media(min-width:480px){.email-text{font-size:1.5rem;flex-grow:0}}.copy-btn{color:#fff;flex-shrink:0;display:flex}.copy-btn svg{width:20px;height:20px}@media(min-width:480px){.copy-btn svg{width:24px;height:24px}}.social-links{display:flex;justify-content:center;gap:1rem;margin-top:3rem;flex-wrap:wrap;width:100%}@media(min-width:480px){.social-links{gap:2rem;margin-top:5rem}}.social-link{color:#000;transition:all .2s ease;padding:.8rem;background:#fff;border:3px solid #000;box-shadow:4px 4px #000;display:flex}.social-link svg{width:24px;height:24px}@media(min-width:480px){.social-link{padding:1rem}.social-link svg{width:32px;height:32px}}.footer-bottom{width:100%;padding-top:2rem;margin-top:3rem;border-top:3px solid #000;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#000;font-family:var(--font-mono);font-weight:700;text-transform:uppercase;text-align:center;font-size:.8rem}@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between;text-align:left;padding-top:4rem;margin-top:4rem;border-top:4px solid #000;font-size:.9rem}}.page-content{padding-top:calc(100px + 2rem);padding-bottom:6rem;min-height:100vh}.page-header{text-align:center;margin-bottom:4rem;padding:0 1rem}.page-title{font-size:var(--text-4xl);font-weight:800;margin-bottom:1.5rem;text-transform:uppercase}.page-subtitle{font-family:var(--font-mono);font-size:var(--text-base);color:var(--text-muted);max-width:60ch;margin:0 auto;line-height:1.8}.filter-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:4rem;padding:0 1rem}.filter-btn{font-family:var(--font-mono);font-size:.9rem;font-weight:700;padding:.75rem 1.5rem;border-radius:50px;background:#ffffff0d;color:var(--text-muted);border:1px solid transparent;transition:all .3s ease}.filter-btn:hover{background:#ffffff1a;color:var(--text-primary)}.filter-btn.active{background:var(--accent-blue);color:#fff;box-shadow:0 4px 12px #2d5bff4d;transform:translateY(-2px)}.projects-page-grid{display:grid;grid-template-columns:1fr;gap:3rem;margin-bottom:5rem}@media(min-width:768px){.projects-page-grid{grid-template-columns:repeat(2,1fr);gap:3rem}}@media(min-width:1200px){.projects-page-grid{grid-template-columns:repeat(3,1fr);gap:4rem}}.load-more-container{display:flex;justify-content:center;padding-top:2rem}.mb-responsive{margin-bottom:clamp(2rem,5vw,4rem)}.text-gradient{background:linear-gradient(to right,var(--accent-yellow),var(--accent-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.custom-cursor{position:fixed;top:0;left:0;width:32px;height:32px;border-radius:50%;background-color:var(--accent-yellow);pointer-events:none;z-index:9999;mix-blend-mode:difference;border:2px solid #fff}@media(max-width:768px){.custom-cursor{display:none}}body,a,button{cursor:none}:root{--bg-dark: #050505;--bg-card: #111111;--bg-light: #ffffff;--accent-yellow: #FFD600;--accent-pink: #FF0055;--accent-blue: #2D5BFF;--accent-green: #CCFF00;--text-primary: #FFFFFF;--text-inverse: #000000;--text-muted: #888888;--font-display: "Syne", sans-serif;--font-heading: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .375vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1.05rem + .5vw, 1.35rem);--text-xl: clamp(1.25rem, 1.15rem + .75vw, 1.75rem);--text-2xl: clamp(1.5rem, 1.35rem + 1vw, 2.5rem);--text-3xl: clamp(2rem, 1.8rem + 1.5vw, 3.5rem);--text-4xl: clamp(2.5rem, 2.2rem + 2vw, 5rem);--text-huge: clamp(3rem, 2.5rem + 6vw, 9rem);--spacing-container: clamp(1rem, 5vw, 4rem);--section-padding: clamp(4rem, 8vw, 10rem);--border-thick: 3px solid #ffffff;--border-thin: 1px solid rgba(255, 255, 255, .2);--shadow-hard: 6px 6px 0px 0px;--radius-sm: 4px;--radius-lg: 12px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-heading);font-size:var(--text-base);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:40px 40px;background-position:0 0,20px 20px}::selection{background-color:var(--accent-pink);color:#fff}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);line-height:1;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:-.02em;word-wrap:break-word}h1{font-size:var(--text-huge)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-2xl)}p{max-width:65ch}a{color:inherit;text-decoration:none;cursor:pointer}button{cursor:pointer;border:none;background:none;font-family:inherit}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1600px;margin:0 auto;padding:0 var(--spacing-container)}.brutal-card{background:var(--bg-card);border:var(--border-thick);border-radius:var(--radius-lg);box-shadow:var(--shadow-hard) var(--accent-blue);transition:all .2s cubic-bezier(.25,.46,.45,.94)}.brutal-card:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 0 var(--accent-pink)}.highlight-yellow{background-color:var(--accent-yellow);color:var(--text-inverse);padding:0 .2em;display:inline-block;transform:skew(-2deg)}.highlight-pink{background-color:var(--accent-pink);color:var(--text-primary);padding:0 .2em;display:inline-block;transform:skew(2deg)}.btn-brutal{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2.5rem;font-family:var(--font-mono);font-weight:700;text-transform:uppercase;font-size:1rem;border:var(--border-thick);background:var(--bg-dark);color:var(--text-primary);box-shadow:var(--shadow-hard) var(--text-primary);transition:all .2s ease;position:relative;overflow:hidden;text-align:center;white-space:nowrap}@media(max-width:480px){.btn-brutal{padding:.8rem 1.5rem;font-size:.9rem;width:100%}}.btn-brutal:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 0 var(--accent-yellow);color:var(--accent-yellow);border-color:var(--accent-yellow)}.btn-brutal:active{transform:translate(2px,2px);box-shadow:2px 2px 0 0 var(--accent-yellow)}.btn-brutal-filled{background:var(--accent-blue);color:var(--text-primary);border-color:var(--accent-blue);box-shadow:var(--shadow-hard) var(--text-primary)}.btn-brutal-filled:hover{background:var(--accent-pink);border-color:var(--accent-pink);color:var(--text-primary);box-shadow:8px 8px 0 0 var(--text-primary)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-dark);border-left:1px solid #333}::-webkit-scrollbar-thumb{background:var(--accent-yellow);border:2px solid var(--bg-dark)}::-webkit-scrollbar-thumb:hover{background:var(--accent-pink)}