@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');:root{--color-primary:#1f2328;--color-primary-light:rgba(31,35,40,0.1);--color-primary-alpha-10:rgba(31,35,40,0.1);--color-primary-alpha-20:rgba(31,35,40,0.2);--color-accent-blue:#0969da;--color-bg-dark:#ffffff;--color-bg-panel:#ffffff;--color-bg-black-alpha:rgba(0,0,0,0.04);--color-text-main:#1f2328;--color-text-muted:#656d76;--color-text-dim:#8c959f;--border-glass:1px solid #d0d7de;--shadow-glass:0 1px 0 rgba(31,35,40,0.04);--transition-fast:0.2s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--font-sans:'Inter',system-ui,-apple-system,sans-serif;--font-display:'Space Grotesk',sans-serif;}body.dark-theme{--color-bg-dark:#010409;--color-bg-panel:#0d1117;--color-bg-black-alpha:rgba(255,255,255,0.05);--color-text-main:#e6edf3;--color-text-muted:#848d97;--color-text-dim:#7d8590;--border-glass:1px solid #30363d;--color-primary:#ffffff;--color-primary-alpha-20:rgba(255,255,255,0.2);--shadow-glass:0 8px 24px rgba(0,0,0,0.2);}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:var(--font-sans);background-color:var(--color-bg-dark);color:var(--color-text-main);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-0.02em;}a{text-decoration:none;transition:all var(--transition-fast);}header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-dark);padding:1rem 1.5rem;}header h1{font-size:0.875rem;text-transform:uppercase;letter-spacing:0.1em;margin:0;display:flex;flex-direction:column;}.header-actions{display:flex;align-items:center;gap:1.25rem;}.theme-toggle{background:var(--color-bg-panel);border:2px solid var(--color-primary-alpha-20);color:var(--color-text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:all var(--transition-base);box-shadow:var(--shadow-glass);}.theme-toggle:hover{border-color:var(--color-primary);transform:translateY(-1px);color:var(--color-primary);}.icon-sun{display:none !important;}.icon-moon{display:flex !important;}body.dark-theme .icon-sun{display:flex !important;}body.dark-theme .icon-moon{display:none !important;}.header-profile{display:flex;align-items:center;gap:0.75rem;}.profile-image{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--color-primary-alpha-20);}.profile-name{font-family:var(--font-sans);font-size:0.875rem;font-weight:500;color:var(--color-text-main);}main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem;position:relative;z-index:1;}main::before{content:'Projects';display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-text-main);margin-bottom:1.5rem;padding:0 0.5rem;}.project-grid{display:grid;gap:1rem;width:100%;}@media (min-width:640px){.project-grid{grid-template-columns:repeat(2,1fr);}}@media (min-width:1024px){.project-grid{grid-template-columns:repeat(3,1fr);}}.project-card{--card-primary:var(--project-primary,var(--color-primary));--card-bg:var(--project-bg,var(--color-bg-dark));--card-primary-alpha-10:color-mix(in srgb,var(--card-primary),transparent 90%);--card-primary-alpha-20:color-mix(in srgb,var(--card-primary),transparent 80%);background:var(--color-bg-panel);border:1px solid var(--border-glass);border-radius:0.75rem;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all var(--transition-base);animation:fadeInUp 0.6s ease-out forwards;opacity:0;box-shadow:0 1px 3px rgba(0,0,0,0.05),0 1px 2px rgba(0,0,0,0.1);}.project-card:hover{transform:translateY(-2px);border-color:var(--card-primary);}.project-card:focus{outline:none;border-color:var(--card-primary);}.project-card-image{height:160px;width:100%;position:relative;background-color:var(--color-bg-black-alpha);overflow:hidden;}.project-card-image img{width:100%;height:100%;object-fit:cover;transition:all var(--transition-slow);}.project-card:hover .project-card-image img{transform:scale(1.05);}.project-card h3{font-size:1.1rem;font-weight:600;color:var(--color-text-main);padding:0 1rem;margin-top:1rem;margin-bottom:0.25rem;}.project-card p{font-family:var(--font-sans);font-size:0.85rem;color:var(--color-text-muted);padding:0 1rem;margin-bottom:1rem;line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.project-card-tags{display:flex;flex-wrap:wrap;gap:6px;padding:0 1rem;margin-bottom:1rem;order:-1;}.project-card h3{order:2;}.project-card p{order:3;}.project-card-tags{order:1;margin-top:0.75rem;}.project-card-links{order:4;margin-top:auto;}.project-card-image{order:0;}.project-card-tag{font-family:var(--font-sans);font-size:0.7rem;font-weight:500;color:var(--card-primary);background:var(--card-primary-alpha-10);border-radius:4px;padding:2px 8px;}.project-card-tag:nth-child(even){color:var(--card-primary);background:var(--card-primary-alpha-10);}.project-card-links{display:flex;gap:0.75rem;padding:1rem;border-top:1px solid rgba(0,0,0,0.05);background:var(--card-bg);}.project-card a{font-family:var(--font-sans);font-size:0.8rem;font-weight:500;padding:0.5rem 1rem;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;transition:all var(--transition-fast);}.project-link-demo{color:#ffffff;background:#1f2328;border:1px solid #1f2328;font-weight:600;}body.dark-theme .project-link-demo{color:#0d1117;background:#ffffff;border:1px solid #ffffff;}.project-link-demo:hover{filter:brightness(0.9);transform:translateY(-1px);}.project-link-repo{color:var(--color-text-main);background:var(--color-bg-panel);border:1px solid var(--border-glass);}body.dark-theme .project-link-repo{color:#ffffff;background:rgba(255,255,255,0.05);}.project-link-repo:hover{background:var(--color-primary-alpha-10);transform:translateY(-1px);}body.dark-theme .project-link-repo:hover{background:var(--color-primary-alpha-20);}.project-card.error{border-color:#ef4444;box-shadow:0 0 20px rgba(239,68,68,0.2);}.project-card.error .project-card-error{font-family:var(--font-mono);color:#ef4444;font-size:10px;padding:0.5rem;background:rgba(239,68,68,0.1);border-top:1px solid rgba(239,68,68,0.2);text-align:center;order:5;}footer{padding:1.5rem;text-align:center;border-top:1px solid rgba(0,0,0,0.05);background:var(--color-bg-panel);position:relative;z-index:10;}footer p{font-family:var(--font-sans);font-size:0.85rem;color:var(--color-text-muted);}footer a{color:#000000;font-weight:600;text-decoration:underline;transition:color var(--transition-fast);}body.dark-theme footer a{color:#ffffff;}footer a:hover{opacity:0.8;}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}