.card-base{background:var(--bg-secondary);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.card-base:hover{border-color:var(--accent-primary);transform:translateY(-6px);box-shadow:0 20px 40px var(--accent-primary);opacity:.8}.card-accent-top:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));opacity:0;transition:opacity .3s ease}.card-accent-top:hover:before{opacity:1}.card-accent-bottom:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));opacity:0;transition:opacity .3s ease}.card-accent-bottom:hover:after{opacity:1}.section-title-gradient{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:3rem;background:linear-gradient(135deg,var(--heading-color),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.skill-tag-shared{padding:.5rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;font-size:.9rem;color:var(--text-primary);transition:all .3s ease;display:inline-block}.skill-tag-shared:hover{background:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-2px);color:#fff}.hero{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:4rem 2rem}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,var(--accent-primary) 0%,transparent 50%),radial-gradient(circle at 70% 50%,var(--accent-secondary) 0%,transparent 50%);opacity:.1;animation:heroGradient 15s ease infinite;z-index:0}@keyframes heroGradient{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-5%,5%) rotate(5deg)}}.hero-content{position:relative;z-index:1;max-width:900px}.hero-greeting{font-size:1.25rem;color:var(--accent-primary);font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px;opacity:0;animation:fadeInUp .8s ease forwards}.hero-name{font-size:clamp(3rem,8vw,5rem);font-weight:800;margin:0;background:linear-gradient(135deg,var(--heading-color),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;animation:fadeInUp .8s ease .2s forwards}.hero-title{font-size:clamp(1.5rem,4vw,2.5rem);color:var(--text-primary);margin:1rem 0 1.5rem;font-weight:600;opacity:0;animation:fadeInUp .8s ease .4s forwards}.hero-tagline{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);max-width:700px;margin:0 auto 2rem;line-height:1.8;opacity:0;animation:fadeInUp .8s ease .6s forwards}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;opacity:0;animation:fadeInUp .8s ease .8s forwards}.cta-button{padding:1rem 2rem;border-radius:var(--border-radius);font-weight:600;font-size:1.125rem;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.cta-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px var(--accent-primary);opacity:.9;text-decoration:none}.cta-secondary{background:transparent;border:2px solid var(--accent-primary);color:var(--accent-primary)}.cta-secondary:hover{background:var(--accent-primary);transform:translateY(-2px);text-decoration:none;color:#fff}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}0%{opacity:0;transform:translateY(20px)}}.about-preview{padding:4rem 2rem;position:relative}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:3rem;text-align:center;background:linear-gradient(135deg,var(--heading-color),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-content{max-width:900px;margin:0 auto;background:var(--bg-secondary);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:16px;padding:3rem;transition:all .3s ease}.about-content:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 20px 40px var(--accent-primary);opacity:.95}.about-content p{font-size:1.125rem;line-height:1.8;color:var(--text-primary);margin-bottom:1.5rem}.about-content p:last-child{margin-bottom:0}.about-highlight{color:var(--accent-secondary);font-weight:600}.read-more{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;color:var(--accent-primary);font-weight:600;transition:gap .3s ease}.read-more:hover{gap:1rem}.skills-showcase{padding:4rem 2rem;background:linear-gradient(180deg,transparent,var(--accent-primary),transparent);position:relative}.skills-showcase:before{content:"";position:absolute;inset:0;background:var(--bg-primary);opacity:.97;z-index:-1}.skills-grid-home{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;position:relative;z-index:1}.skill-category-card{background:var(--bg-secondary);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.skill-category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));opacity:0;transition:opacity .3s ease}.skill-category-card:hover{border-color:var(--accent-primary);transform:translateY(-8px);box-shadow:0 20px 40px var(--accent-primary);opacity:.95}.skill-category-card:hover:before{opacity:1}.skill-category-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--heading-color);display:flex;align-items:center;gap:.75rem}.skill-category-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:8px;font-size:1.25rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.75rem}.skill-tag-home{padding:.5rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;font-size:.9rem;color:var(--text-primary);transition:all .3s ease}.skill-tag-home:hover{background:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-2px);color:#fff}.view-all-skills{text-align:center;margin-top:3rem}.view-all-skills a{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:transparent;border:2px solid var(--accent-primary);border-radius:var(--border-radius);color:var(--accent-primary);font-weight:600;transition:all .3s ease}.view-all-skills a:hover{background:var(--accent-primary);transform:translateY(-2px);text-decoration:none;color:#fff}.blog-section{padding:4rem 2rem}.blog-header{text-align:center;margin-bottom:3rem}.blog-subtitle{color:var(--text-secondary);font-size:1.125rem;margin-top:.5rem}.contact-cta{padding:6rem 2rem;text-align:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));position:relative;overflow:hidden}.contact-cta:before{content:"";position:absolute;inset:0;background:var(--bg-primary);opacity:.9}.contact-content{position:relative;z-index:1;max-width:700px;margin:0 auto}.contact-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:1rem}.contact-description{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem}.social-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.social-link{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-color);transition:all .3s ease;color:var(--text-primary);font-size:1.25rem}.social-link:hover{background:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-4px) scale(1.1);text-decoration:none;color:#fff}@media(max-width:768px){.hero{min-height:70vh;padding:3rem 1.5rem}.about-content{padding:2rem}.skills-grid-home{grid-template-columns:1fr;gap:1.5rem}.hero-cta{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:300px;justify-content:center}.contact-cta{padding:4rem 1.5rem}}@media(max-width:480px){.section-title{font-size:2rem}.skill-category-card{padding:1.5rem}}