@font-face{font-family:AxelBrush Regular;src:url(/Portfolio/assets/AlexBrush-Regular-DEWYWpQW.ttf)}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-bg:#fff;--secondary-bg:#f9fafb;--border-color:#eee;--primary-border:#e5e7eb;--secondary-border:#111827;--hero-border:#d1d5db;--primary-text:#111827;--secondary-text:#4b5563;--footer-text:#6b7280;--accent-color:#da8d69;--blue:#3b82f6;--button-bg:#111827;--button-hover-bg:#374151;--primary-btn-text:#fff;--primary-link:#111827;--secondary-link:#374151}html{scroll-behavior:smooth}body{color:#111827;background:#fff;margin:0;font-family:Inter,system-ui,sans-serif}h1,p{margin:0}.secondary-bg{background:#f9fafb}.header{z-index:100;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background-color:#fffc;position:sticky;top:0}.navbar{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:1.2rem 2rem;display:flex}.logo{align-items:center;display:flex}.logo img{width:5rem;display:block}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{color:var(--secondary-link);border-radius:8px;padding:.5rem .7rem;font-size:.95rem;text-decoration:none;transition:all .2s}.nav-links a:hover{color:var(--primary-btn-text);background-color:var(--accent-color)}.cv-button{border:1px solid var(--secondary-border);color:var(--primary-btn-text);background-color:var(--button-bg);border-radius:8px;padding:.7rem 1rem;font-size:.9rem;text-decoration:none}.cv-button:hover{background:var(--secondary-link)}@media (width<=768px){.nav-links{display:none}.cv-button{padding:.6rem .8rem;font-size:.8rem}}.footer{background-color:var(--primary-bg);border-top:1px solid var(--primary-border);padding:2rem}.footer-container{justify-content:space-between;align-items:center;gap:1rem;max-width:1100px;margin:0 auto;display:flex}.footer p{color:var(--footer-text);font-size:.9rem}.footer-links{gap:1.2rem;display:flex}.footer-links a{color:var(--secondary-link);font-size:.9rem;font-weight:500;text-decoration:none}.footer-links a:hover{color:var(--primary-link)}@media (width<=768px){.footer-container{text-align:center;flex-direction:column}}.hero{background-color:var(--primary-bg);align-items:center;min-height:calc(100vh - 80px);padding:6rem 2rem;display:flex}.hero-content{justify-content:space-between;align-items:center;gap:3rem;width:100%;max-width:1100px;margin:0 auto;display:flex}.hero-copy{flex:1}.hero-label{color:var(--accent-color);margin-bottom:1rem;font-weight:600}.hero h1{letter-spacing:-.05em;color:var(--primary-text);margin-bottom:1.5rem;font-size:clamp(3rem,7vw,5.8rem);line-height:1}.hero-text{max-width:620px;color:var(--secondary-text);margin-bottom:2rem;font-size:1.15rem;line-height:1.7}.creativity{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#3b82f6,#7b6790,#da8d69);-webkit-background-clip:text;background-clip:text;font-family:AxelBrush Regular,cursive;font-size:2rem}.code{color:var(--blue);font-family:monospace;font-size:1.5rem}.profile{object-fit:contain;width:100%;max-width:450px;height:auto}.hero-image{flex:1;justify-content:center;display:flex}.hero-actions{gap:1rem;margin-bottom:2.5rem;display:flex}.primary-button,.secondary-button{border-radius:10px;padding:.9rem 1.2rem;font-size:.95rem;font-weight:600;text-decoration:none}.primary-button{background:var(--button-bg);color:var(--primary-btn-text)}.secondary-button{color:var(--primary-text);border:1px solid var(--hero-border)}.primary-button:hover{background-color:var(--button-hover-bg)}.secondary-button:hover{border-color:var(--button-bg)}.tech-stack{flex-wrap:wrap;gap:.7rem;display:flex}.tech-stack span{border:1px solid var(--primary-border);color:var(--secondary-text);background-color:var(--secondary-bg);border-radius:999px;padding:.55rem .8rem;font-size:.9rem}@media (width<=768px){.hero{padding:4rem 1.5rem}.hero-content{flex-direction:column;align-items:flex-start}.hero-image{width:100%}.hero-actions{flex-direction:column;align-items:flex-start}}.about{padding:6rem 2rem}.about-container{grid-template-columns:1fr 1fr;gap:4rem;max-width:1100px;margin:0 auto;display:grid}.about-text h2{color:var(--primary-text);margin-bottom:1.2rem;font-size:2.4rem}.about-text p{color:var(--secondary-text);margin-bottom:1rem;line-height:1.7}.about-extra{gap:1.2rem;display:grid}.about-extra div{border:1px solid var(--primary-border);background-color:var(--primary-bg);border-radius:14px;padding:1.4rem}.about-extra h3{color:var(--primary-text);margin-bottom:.4rem}.about-extra p{color:var(--secondary-text)}@media (width<=768px){.about-container{grid-template-columns:1fr}.about-text h2{font-size:2rem}}.section{width:100%;padding:5rem 1.5rem}.section--primary-bg{background-color:var(--primary-bg)}.section--secondary-bg{background-color:var(--secondary-bg)}.section__inner{max-width:1100px;margin:0 auto}.projects{padding:6rem 2rem}.projects-container{max-width:1100px;margin:0 auto}.projects h2{color:#111827;margin-bottom:3rem;font-size:2.2rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;display:grid}.project-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1.8rem;transition:transform .2s}.project-card:hover{transform:translateY(-4px)}.project-card h3{margin-bottom:.8rem;font-size:1.2rem}.project-card p{color:#4b5563;margin-bottom:1rem;font-size:.95rem}.projectImage{object-fit:cover;width:100%;height:10em}.diceeImage{object-position:bottom}.drumkitImage{object-position:50% 27%}.pingPongImage{object-position:50% 10%}.toDoImage{object-position:50% 27%}.tech{flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem;display:flex}.tech span{color:#4338ca;background:#eef2ff;border-radius:6px;padding:.3rem .6rem;font-size:.8rem}.links{gap:1rem;display:flex}.links a{color:#111827;font-size:.9rem;font-weight:500;text-decoration:none}.links a:hover{text-decoration:underline}.contact{padding:6rem 2rem}.contact-container{text-align:center;max-width:760px;margin:0 auto}.contact h2{color:var(--primary-text);margin-bottom:1rem;font-size:2.5rem}.contact-text{color:var(--secondary-text);margin-bottom:2rem;line-height:1.7}.contact-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;display:flex}.contact-links a{color:var(--primary-link);font-weight:600;text-decoration:none}.contact-links a:hover{text-decoration:underline}.primary-button{background-color:var(--button-bg);border-radius:10px;padding:.9rem 1.2rem;color:var(--primary-btn-text)!important}.primary-button:hover{background-color:var(--button-hover-bg);text-decoration:none!important}