:root{--bg-color:#050505;--bg-secondary:#0f0f0f;--bg-tertiary:#1a1a1a;--text-main:#f0f0f0;--text-muted:#a0a0b0;--primary-accent:#3b82f6;--primary-glow:#3b82f680;--secondary-accent:#8b5cf6;--secondary-glow:#8b5cf680;--accent-cyan:#06b6d4;--accent-pink:#ec4899;--gradient-main:linear-gradient(135deg, var(--primary-accent), var(--secondary-accent));--gradient-subtle:linear-gradient(135deg, #3b82f626, #8b5cf626);--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-blur:12px;--header-bg:#050505d9;--nav-mobile-bg:#0a0a0af7;--card-shadow:#00000080;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:3rem;--spacing-xl:5rem;--max-width:1100px;--header-height:64px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--font-family:"Inter", system-ui, -apple-system, sans-serif}[data-theme=light]{--bg-color:#f5f7fb;--bg-secondary:#e8ecf4;--bg-tertiary:#dde3ef;--text-main:#1a1a2e;--text-muted:#555570;--primary-glow:#3b82f640;--secondary-glow:#8b5cf640;--glass-bg:#fff9;--glass-border:#00000014;--header-bg:#f5f7fbe0;--nav-mobile-bg:#f5f7fbf7;--card-shadow:#00000014;--gradient-subtle:linear-gradient(135deg, #3b82f614, #8b5cf614)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-color);color:var(--text-main);line-height:1.7;transition:background-color .4s,color .4s;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-accent)}.container{width:90%;max-width:var(--max-width);padding:0 var(--spacing-sm);margin:0 auto}.section-padding{padding:var(--spacing-xl) 0}.text-gradient{background:var(--gradient-main);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}h1,h2,h3{letter-spacing:-.02em;line-height:1.2}.card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-md);padding:var(--spacing-md);transition:var(--transition);box-shadow:0 4px 24px -8px var(--card-shadow);position:relative;overflow:hidden}.card:before{content:"";background:var(--gradient-main);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.card:hover{box-shadow:0 8px 32px -8px var(--primary-glow);border-color:#8b5cf633;transform:translateY(-3px)}.card:hover:before{opacity:1}header{height:var(--header-height);background:var(--header-bg);-webkit-backdrop-filter:blur(16px);z-index:1000;border-bottom:1px solid var(--glass-border);justify-content:center;align-items:center;width:100%;transition:background-color .4s;display:flex;position:fixed;top:0;left:0}.nav-flex{justify-content:space-between;align-items:center;width:100%;display:flex}.nav-logo{background:var(--gradient-main);-webkit-text-fill-color:transparent;color:#0000;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700;text-decoration:none}.nav-links{align-items:center;gap:clamp(1rem,3vw,2rem);display:flex}.nav-links a{color:var(--text-muted);transition:var(--transition);padding:4px 0;font-size:.92rem;font-weight:500;text-decoration:none;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--text-main)}.nav-links a.active:after{content:"";background:var(--gradient-main);width:100%;height:2px;box-shadow:0 0 8px var(--primary-glow);border-radius:2px;position:absolute;bottom:-2px;left:0}.theme-toggle{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;width:38px;height:38px;transition:var(--transition);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.theme-toggle:hover{color:var(--primary-accent);border-color:var(--primary-accent);box-shadow:0 0 12px var(--primary-glow)}.hamburger{cursor:pointer;display:none}.tags{margin-top:var(--spacing-sm);flex-wrap:wrap;gap:8px;display:flex}.tag{background:var(--gradient-subtle);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-muted);transition:var(--transition);white-space:nowrap;align-items:center;gap:5px;padding:6px 14px;font-size:.82rem;font-weight:500;display:inline-flex}.tag:hover{border-color:var(--primary-accent);color:var(--primary-accent);box-shadow:0 0 12px #3b82f626}.social-links{margin-top:var(--spacing-md);flex-wrap:wrap;gap:10px;display:flex}.social-btn{border-radius:var(--radius-full);transition:var(--transition);cursor:pointer;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-main);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.social-btn:hover{border-color:var(--primary-accent);box-shadow:0 4px 16px var(--primary-glow);transform:translateY(-2px)}.social-btn.linkedin:hover{color:#fff;background:#0077b5;border-color:#0077b5;box-shadow:0 4px 20px #0077b566}.social-btn.github:hover{color:#fff;background:#333;border-color:#6e5494;box-shadow:0 4px 20px #3336}.social-btn.resume{background:var(--gradient-main);color:#fff;border:none}.social-btn.resume:hover{box-shadow:0 6px 24px var(--primary-glow);transform:translateY(-2px)}.social-btn span{font-size:.88rem;font-weight:600}.project-btn{border-radius:var(--radius-full);transition:var(--transition);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.project-btn.btn-live{background:var(--gradient-main);color:#fff}.project-btn.btn-live:hover{box-shadow:0 4px 20px var(--primary-glow);transform:translateY(-2px)}.project-btn.btn-details{color:var(--text-muted);border:1px solid var(--glass-border);background:0 0}.project-btn.btn-details:hover{color:var(--primary-accent);border-color:var(--primary-accent);box-shadow:0 0 12px var(--primary-glow);transform:translateY(-2px)}.view-all-wrapper{text-align:center;margin-top:var(--spacing-lg)}.view-all-btn{color:var(--text-main);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);transition:var(--transition);align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.view-all-btn:hover{background:var(--gradient-main);color:#fff;box-shadow:0 6px 24px var(--primary-glow);border-color:#0000;transform:translateY(-2px)}#contact-form{gap:var(--spacing-sm);flex-direction:column;max-width:520px;margin:0 auto;display:flex}input,textarea{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;color:var(--text-main);transition:var(--transition);padding:14px 18px;font-family:inherit;font-size:.95rem}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.6}input:focus,textarea:focus{border-color:var(--primary-accent);background:var(--bg-tertiary);outline:none;box-shadow:0 0 0 3px #3b82f626}button[type=submit]{border-radius:var(--radius-full);background:var(--gradient-main);color:#fff;cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:600;display:inline-flex}button[type=submit]:hover{box-shadow:0 6px 24px var(--primary-glow);transform:translateY(-2px)}footer{background:var(--bg-secondary);padding:var(--spacing-lg) 0 0;color:var(--text-muted);border-top:1px solid var(--glass-border);margin-top:auto;transition:background-color .4s}.footer-content{justify-content:space-between;gap:var(--spacing-md);padding-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.footer-section{min-width:180px;margin-bottom:var(--spacing-sm);flex:1}.footer-section h3{color:var(--text-main);margin-bottom:var(--spacing-sm);font-size:1.1rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.4rem}.footer-section ul li a{color:var(--text-muted);transition:var(--transition);font-size:.92rem;text-decoration:none}.footer-section ul li a:hover{color:var(--primary-accent)}.footer-social{margin-top:var(--spacing-sm);gap:10px;display:flex}.footer-social a{background:var(--glass-bg);width:36px;height:36px;color:var(--text-muted);border:1px solid var(--glass-border);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;text-decoration:none;display:flex}.footer-social a:hover{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent);box-shadow:0 4px 12px var(--primary-glow);transform:translateY(-2px)}.footer-bottom{text-align:center;padding:var(--spacing-md) 0;border-top:1px solid var(--glass-border);color:var(--text-muted);font-size:.85rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%{box-shadow:0 0 20px #3b82f64d,0 0 40px #8b5cf626}to{box-shadow:0 0 30px #3b82f680,0 0 60px #8b5cf64d}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.hamburger{z-index:2000;display:block}.nav-links{top:calc(var(--header-height) + 8px);background:var(--nav-mobile-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 8px 32px var(--card-shadow);flex-direction:column;gap:4px;padding:1.5rem;display:none;position:fixed;left:12px;right:12px}.nav-links.active{display:flex}.nav-links a{border-radius:var(--radius-sm);text-align:center;width:100%;padding:10px 16px}.nav-links a:hover,.nav-links a.active{background:var(--gradient-subtle)}.nav-links a.active:after{display:none}.section-padding{padding:var(--spacing-lg) 0}}@media (width<=480px){.container{width:92%;padding:0 4px}.section-padding{padding:var(--spacing-md) 0}.social-btn{padding:8px 14px;font-size:.85rem}.social-btn span{font-size:.82rem}}#hero{min-height:100vh;padding-top:var(--header-height);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}#hero:before{content:"";filter:blur(60px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#3b82f61f,#8b5cf614,#0000 70%);width:600px;height:500px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.hero-content{text-align:left;justify-content:space-between;align-items:center;gap:var(--spacing-xl);width:100%;display:flex}.hero-text{flex:1}.hero-image{flex:none;justify-content:center;align-items:center;display:flex}.profile-img{object-fit:cover;border:3px solid var(--glass-border);width:clamp(180px,22vw,280px);height:clamp(180px,22vw,280px);box-shadow:0 0 40px var(--primary-glow), 0 0 80px #8b5cf626;transition:var(--transition);z-index:1;border-radius:50%;animation:6s ease-in-out infinite float;position:relative}.profile-img:hover{border-color:var(--primary-accent);box-shadow:0 0 50px var(--primary-glow), 0 0 100px #8b5cf640;transform:scale(1.03)}#hero h1{margin-bottom:var(--spacing-sm);letter-spacing:-.03em;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}#hero h1 span{display:inline-block}.hero-subtitle{color:var(--text-muted);margin-bottom:var(--spacing-sm);max-width:500px;font-size:clamp(1rem,2vw,1.25rem)}.status-badge{border-radius:var(--radius-full);color:#34d399;margin-bottom:var(--spacing-md);background:#10b9811a;border:1px solid #10b9814d;align-items:center;gap:8px;padding:6px 16px;font-size:.82rem;font-weight:500;display:inline-flex}.status-dot{background:#34d399;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.scroll-indicator{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;opacity:.5;flex-direction:column;align-items:center;gap:6px;font-size:.75rem;font-weight:500;animation:2s ease-in-out infinite bounce-down;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}@keyframes bounce-down{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.featured-grid{gap:var(--spacing-md);margin-top:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.featured-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-md);padding:var(--spacing-md);transition:var(--transition);flex-direction:column;justify-content:space-between;min-height:280px;display:flex;position:relative;overflow:hidden}.featured-card:before{content:"";background:var(--gradient-main);opacity:.6;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.featured-card:hover{box-shadow:0 12px 40px -8px var(--primary-glow);border-color:#8b5cf640;transform:translateY(-4px)}.featured-card:hover:before{opacity:1}.featured-card .card-year{border-radius:var(--radius-full);color:var(--accent-pink);background:#ec48991f;border:1px solid #ec489940;width:fit-content;margin-bottom:12px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-block}[data-theme=light] .featured-card .card-year{color:#c74d6d;background:#ec489914}.featured-card h3{margin-bottom:4px;font-size:1.25rem;font-weight:700}.featured-card h3 a{background:var(--gradient-main);-webkit-text-fill-color:transparent;color:#0000;transition:var(--transition);-webkit-background-clip:text;background-clip:text;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.featured-card h3 a i{-webkit-text-fill-color:var(--secondary-accent);color:var(--secondary-accent);font-size:1rem}.featured-card .card-subtitle{color:var(--primary-accent);margin-bottom:10px;font-size:.88rem;font-weight:500}.featured-card p{color:var(--text-muted);flex:1;margin-bottom:14px;font-size:.9rem;line-height:1.6}.featured-card .project-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.section-header{text-align:center;margin-bottom:var(--spacing-lg)}.section-header h2{margin-bottom:8px;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800}.section-header p{color:var(--text-muted);max-width:500px;margin:0 auto;font-size:clamp(.95rem,1.5vw,1.1rem)}@media (width<=900px){.hero-content{text-align:center;gap:var(--spacing-lg);flex-direction:column}.hero-image{order:-1}.hero-subtitle{margin-left:auto;margin-right:auto}.tags,.social-links{justify-content:center}.status-badge{margin-left:auto;margin-right:auto}.scroll-indicator{display:none}}@media (width<=600px){#hero{min-height:90vh;padding-top:calc(var(--header-height) + 20px)}#hero .lastName{margin-top:2px;display:block}.featured-grid{grid-template-columns:1fr}}@media (width<=480px){.featured-card{min-height:auto;padding:var(--spacing-sm)}}.about-header{text-align:center;margin-bottom:var(--spacing-lg);padding-top:calc(var(--header-height) + 24px)}.about-avatar{width:160px;height:160px;margin:0 auto var(--spacing-md);border:3px solid var(--glass-border);box-shadow:0 0 30px var(--primary-glow);background:#0f0f0f;border-radius:50%;animation:6s ease-in-out infinite float;position:relative;overflow:hidden}.about-avatar img{object-fit:cover;width:100%;height:100%;display:block}.about-header h1{margin-bottom:6px;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}.about-header .subtitle{color:var(--primary-accent);margin-bottom:var(--spacing-md);font-size:clamp(.95rem,1.8vw,1.15rem);font-weight:500}.contact-chips{margin-bottom:var(--spacing-md);flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.contact-chip{background:var(--gradient-subtle);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-muted);transition:var(--transition);align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;text-decoration:none;display:inline-flex}.contact-chip:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.contact-chip a{color:inherit;text-decoration:none}.about-content{gap:var(--spacing-md);flex-direction:column;max-width:800px;margin:0 auto;display:flex}.about-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-md);padding:var(--spacing-md);transition:var(--transition);position:relative;overflow:hidden}.about-card:before{content:"";background:var(--gradient-main);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.about-card:hover{box-shadow:0 8px 32px -8px var(--primary-glow);border-color:#8b5cf633;transform:translateY(-2px)}.about-card:hover:before{opacity:1}.about-card h2{color:var(--primary-accent);align-items:center;gap:10px;margin-bottom:14px;font-size:clamp(1.15rem,2vw,1.35rem);font-weight:700;display:flex}.about-card p{color:var(--text-muted);font-size:.95rem;line-height:1.7}.edu-item{border-bottom:1px solid var(--glass-border);margin-bottom:14px;padding-bottom:14px}.edu-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.edu-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.edu-row h4{color:var(--text-main);font-size:clamp(.95rem,1.5vw,1.08rem);font-weight:600}.edu-row .year{color:var(--primary-accent);white-space:nowrap;font-size:.85rem;font-weight:600}.edu-detail{color:var(--text-muted);margin-top:2px;font-size:.9rem}.edu-detail strong{color:var(--text-main)}.achievement-item{flex-direction:column;gap:6px;display:flex}.achievement-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.achievement-row h4{color:var(--text-main);font-size:clamp(.92rem,1.4vw,1.05rem);font-weight:600}.achievement-row .year{color:var(--primary-accent);font-size:.85rem;font-weight:600}.skill-category{margin-bottom:16px}.skill-category:last-child{margin-bottom:0}.skill-category h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.82rem;font-weight:600}.skill-pills{flex-wrap:wrap;gap:8px;display:flex}.activity-item{border-bottom:1px solid #ffffff0a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-item .name{color:var(--text-main);font-size:.92rem;font-weight:600}.activity-item .role{color:var(--text-muted);font-size:.88rem}.activity-item .period{color:var(--text-muted);white-space:nowrap;font-size:.82rem}.about-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (width<=600px){.about-header{padding-top:calc(var(--header-height) + 16px)}.about-avatar{margin:40px auto var(--spacing-md)}.edu-row,.achievement-row{flex-direction:column;gap:2px}.activity-item{flex-direction:column;align-items:flex-start;gap:4px}.contact-chips{flex-direction:column;align-items:center}}#projects-page{padding-top:calc(var(--header-height) + var(--spacing-xl))}.projects-header{text-align:center;margin-bottom:var(--spacing-md);padding-top:0}.projects-header h1{margin-bottom:8px;font-size:clamp(2rem,4vw,3rem);font-weight:800}.projects-header p{color:var(--text-muted);max-width:480px;margin:0 auto;font-size:clamp(.92rem,1.5vw,1.05rem)}.projects-filters{max-width:700px;margin:0 auto var(--spacing-lg);flex-direction:column;gap:16px;display:flex}.search-wrapper{position:relative}.search-wrapper svg{color:var(--text-muted);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-input{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);width:100%;color:var(--text-main);transition:var(--transition);padding:14px 20px 14px 46px;font-size:.95rem}.search-input:focus{border-color:var(--primary-accent);background:var(--bg-secondary);outline:none;box-shadow:0 0 0 3px #3b82f61f}.search-input::placeholder{color:var(--text-muted);opacity:.6}.filter-tags{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.filter-btn{border-radius:var(--radius-full);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-muted);cursor:pointer;transition:var(--transition);padding:7px 16px;font-size:.82rem;font-weight:500}.filter-btn:hover{border-color:var(--secondary-accent);color:var(--text-main)}.filter-btn.active{background:var(--gradient-main);color:#fff;box-shadow:0 2px 12px var(--primary-glow);border-color:#0000;font-weight:700}.projects-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.project-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-md);padding:var(--spacing-md);transition:var(--transition);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";background:var(--gradient-main);opacity:.5;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.project-card:hover{box-shadow:0 12px 40px -8px var(--primary-glow);border-color:#8b5cf640;transform:translateY(-4px)}.project-card:hover:before{opacity:1}.project-card .card-year{border-radius:var(--radius-full);color:var(--accent-pink);background:#ec48991f;border:1px solid #ec489940;width:fit-content;margin-bottom:10px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-block}[data-theme=light] .project-card .card-year{color:#c74d6d;background:#ec489914}.project-card h3{margin-bottom:8px;font-size:1.2rem;font-weight:700}.project-card h3 a{background:var(--gradient-main);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.project-card h3 a i{-webkit-text-fill-color:var(--secondary-accent);color:var(--secondary-accent)}.project-card>div>p{color:var(--text-muted);margin-bottom:14px;font-size:.9rem;line-height:1.6}.project-card .project-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px;font-size:.95rem}@media (width<=768px){#projects-page{padding-top:calc(var(--header-height) + var(--spacing-lg))}}@media (width<=600px){.projects-grid{grid-template-columns:1fr}.filter-tags{gap:6px}.filter-btn{padding:6px 12px;font-size:.78rem}}@media (width<=480px){#projects-page{padding-top:calc(var(--header-height) + 2rem)}}#project-detail-page{padding-top:calc(var(--header-height) + var(--spacing-xl))}#project-detail{margin-top:var(--spacing-sm)}#project-detail .card{transition:none}#project-detail .card:hover{box-shadow:0 4px 24px -8px var(--card-shadow);transform:none}#project-detail .card:before{opacity:1}@media (width<=768px){#project-detail-page{padding-top:calc(var(--header-height) + var(--spacing-lg))}}@media (width<=600px){#project-detail h1{word-break:break-word}#project-detail .project-actions{flex-direction:column}#project-detail .project-btn{justify-content:center;width:100%}}@media (width<=480px){#project-detail-page{padding-top:calc(var(--header-height) + 2rem)}}