html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;scroll-behavior:smooth}html,body{margin:0;padding:0;width:100%;height:100%;background-color:#fff;color:#333;line-height:1.6}[data-astro-cid-sckkx6r4]:focus{outline:2px solid #2563eb;outline-offset:2px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}[data-astro-cid-sckkx6r4],[data-astro-cid-sckkx6r4]:before,[data-astro-cid-sckkx6r4]:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--color-primary: #37003a;--color-accent: #c87a4c;--color-white: #ffffff;--color-black: #000000;--color-accent-light: #d4926b;--color-accent-dark: #a6633d;--color-primary-light: #4a0049;--color-primary-dark: #24002b;--color-surface: var(--color-white);--color-background: var(--color-primary);--color-text-primary: var(--color-white);--color-text-secondary: rgba(255, 255, 255, .8);--color-text-muted: rgba(255, 255, 255, .6);--color-hover-overlay: rgba(255, 255, 255, .1);--color-active-overlay: rgba(255, 255, 255, .2);--color-focus-ring: rgba(255, 255, 255, .5);--font-family-primary: "Anonymous Pro", "Courier New", monospace;--font-family-fallback: "Courier New", monospace;--font-weight-normal: 400;--font-weight-bold: 700;--font-size-xs: clamp(.75rem, 1.5vw, .875rem);--font-size-sm: clamp(.875rem, 2vw, 1rem);--font-size-base: clamp(1rem, 2.5vw, 1.125rem);--font-size-lg: clamp(1.125rem, 3vw, 1.25rem);--font-size-xl: clamp(1.25rem, 3.5vw, 1.5rem);--font-size-2xl: clamp(1.5rem, 4vw, 2rem);--font-size-3xl: clamp(1.875rem, 4.5vw, 2.25rem);--font-size-4xl: clamp(2.25rem, 5vw, 3rem);--line-height-tight: 1.1;--line-height-normal: 1.4;--line-height-relaxed: 1.6;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 2.5rem;--space-4xl: 3rem;--space-5xl: 4rem;--space-6xl: 5rem;--space-section: clamp(2rem, 5vw, 4rem);--space-container: clamp(1rem, 3vw, 3rem);--space-card: clamp(1.5rem, 4vw, 3rem);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--shadow-card: 0px 4px 4px rgba(0, 0, 0, .25);--shadow-card-hover: 0px 8px 16px rgba(0, 0, 0, .35);--shadow-card-focus: 0px 12px 24px rgba(0, 0, 0, .4);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--transition-all: all var(--transition-normal);--transition-transform: transform var(--transition-normal);--transition-opacity: opacity var(--transition-fast);--transition-colors: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal: 40;--z-popover: 50;--z-tooltip: 60;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--grid-gap: var(--space-xl);--grid-gap-sm: var(--space-lg);--grid-gap-lg: var(--space-2xl);--container-max-width: 1200px;--card-min-width: 350px;--card-max-width: 500px;--ease-in-out-cubic: cubic-bezier(.4, 0, .2, 1);--ease-out-cubic: cubic-bezier(0, 0, .2, 1);--ease-in-cubic: cubic-bezier(.4, 0, 1, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55)}@media (prefers-contrast: high){:root{--color-text-secondary: var(--color-white);--color-text-muted: rgba(255, 255, 255, .9);--shadow-card: 0px 4px 8px rgba(0, 0, 0, .5);--shadow-card-hover: 0px 8px 20px rgba(0, 0, 0, .6)}}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-normal: 0ms;--transition-slow: 0ms}}.portfolio-container{min-height:100vh;background:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family-primary);padding:var(--space-container);box-sizing:border-box}.portfolio-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--space-section)}.brand-container{margin-bottom:var(--space-4xl)}.brand-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0;letter-spacing:.05em;transition:var(--transition-colors)}.brand-title:hover{color:var(--color-accent);text-shadow:0 0 20px rgba(200,122,76,.3)}.profile-circle{width:clamp(120px,20vw,178px);height:clamp(120px,20vw,166px);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));border-radius:var(--radius-full);margin:0 auto var(--space-4xl);box-shadow:var(--shadow-card);transition:var(--transition-all);position:relative;overflow:hidden}.profile-circle:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:var(--transition-transform);opacity:0}.profile-circle:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-card-hover)}.profile-circle:hover:before{opacity:1;animation:shimmer 1.5s ease-in-out}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.role-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0;max-width:400px;line-height:var(--line-height-normal);opacity:.95}.portfolio-main{max-width:var(--container-max-width);margin:0 auto}.portfolio-grid{display:grid;grid-template-columns:1fr;gap:var(--grid-gap-sm);margin-top:var(--space-4xl)}.portfolio-card{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));border-radius:var(--radius-2xl);padding:var(--space-card);transition:var(--transition-all);box-shadow:var(--shadow-card);position:relative;overflow:hidden;cursor:pointer;border:2px solid transparent}.portfolio-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:var(--transition-opacity);pointer-events:none}.portfolio-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-card-hover);border-color:#fff3}.portfolio-card:hover:before{opacity:1}.portfolio-card:focus-within{outline:2px solid var(--color-focus-ring);outline-offset:4px;box-shadow:var(--shadow-card-focus)}.card-content{position:relative;z-index:var(--z-base)}.project-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-xl) 0;line-height:var(--line-height-tight);text-align:center;transition:var(--transition-colors)}.project-title a{color:var(--color-text-primary);text-decoration:none;transition:var(--transition-all);position:relative;display:inline-block}.project-title a:after{content:"";position:absolute;bottom:-4px;left:50%;width:0;height:2px;background:var(--color-white);transition:var(--transition-all);transform:translate(-50%)}.project-title a:hover{transform:translateY(-2px);text-shadow:0 4px 8px rgba(0,0,0,.3)}.project-title a:hover:after{width:100%}.project-description{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:var(--line-height-normal);margin:0 0 var(--space-2xl) 0;text-align:center;opacity:.95;color:var(--color-text-secondary)}.tech-tags{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin-top:var(--space-2xl)}.tech-tag{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:var(--space-sm) var(--space-lg);background:var(--color-hover-overlay);border-radius:var(--radius-full);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);transition:var(--transition-all);position:relative;overflow:hidden}.tech-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-transform)}.tech-tag:hover{background:var(--color-active-overlay);transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-md)}.tech-tag:hover:before{left:100%}.error-message,.empty-state{text-align:center;padding:var(--space-section);background:#c87a4c33;border-radius:var(--radius-2xl);margin:var(--space-4xl) 0;border:2px solid rgba(200,122,76,.3);backdrop-filter:blur(10px)}.error-message p,.empty-state p{font-size:var(--font-size-lg);margin:0;opacity:.9;color:var(--color-text-secondary)}@media (min-width: 768px){.portfolio-container{padding:var(--space-4xl)}.portfolio-header{padding-top:var(--space-5xl);margin-bottom:var(--space-6xl)}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--grid-gap)}.tech-tags{gap:var(--space-lg)}}@media (min-width: 1024px){.portfolio-container{padding:var(--space-6xl)}.portfolio-header{padding-top:var(--space-6xl);margin-bottom:var(--space-6xl)}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:var(--grid-gap-lg)}.project-title{margin-bottom:var(--space-2xl)}.project-description{margin-bottom:var(--space-3xl)}}@media (min-width: 1440px){.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(var(--card-max-width),1fr));gap:var(--space-5xl)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.portfolio-card{box-shadow:var(--shadow-card)}.portfolio-card:hover{box-shadow:var(--shadow-card-focus)}}@media (prefers-reduced-motion: reduce){.portfolio-card,.tech-tag,.project-title a,.profile-circle{transition:none}.portfolio-card:hover,.tech-tag:hover{transform:none}}.portfolio-card:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:4px}.tech-tag:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.project-title a:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:4px;border-radius:var(--radius-sm)}html,body{margin:0;padding:0;box-sizing:border-box}body{font-family:Anonymous Pro,Courier New,monospace}.layout-content{padding:0;margin:0}