.skills-showcase{position:relative;width:100%;min-height:calc(100vh - var(--nav-height, 64px));color:#ffffff;display:flex;align-items:center;justify-content:center;padding:2rem}.skills-container{background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(173,164,151,.3);border-radius:20px;padding:1.5rem;max-width:560px;width:100%;position:relative;z-index:10;box-shadow:0 20px 40px rgba(0,0,0,.6)}@media (min-width:768px){.skills-showcase{justify-content:flex-start;padding-left:4rem}.skills-container{max-width:min(440px,35vw);min-width:380px}}@media (max-width:767px){.skills-showcase{justify-content:center;padding:1rem}.skills-container{padding:1.25rem}}.profile-section{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.25rem;gap:1.25rem}@media (max-width:767px){.profile-section{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.intro-text{text-align:left;flex:1 1}.profile-card{flex-shrink:0}}.intro-text{flex:1 1}.greeting{font-size:.85rem;color:#97ACAD;margin:0 0 .35rem;font-weight:300}.job-title{font-size:clamp(1.25rem,4vw,1.9rem);font-weight:700;line-height:1.1;margin:0 0 .4rem;background:linear-gradient(135deg,#ffffff,#ADA497);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;flex-direction:column}.title-line{display:block}.hobby-text{font-size:.9rem;color:#9897AD;margin:0;font-weight:400}.profile-card{display:flex;flex-direction:column;align-items:center;gap:1rem}.profile-image{position:relative}.profile-image img{width:84px;height:84px;border-radius:50%;border:2px solid rgba(173,164,151,.3);transition:all .3s ease}.profile-image img:hover{transform:scale(1.05);border-color:rgba(173,164,151,.6)}@media (max-width:767px){.profile-card{gap:.6rem}.profile-image img{width:72px;height:72px}}.social-links{display:flex;gap:.5rem}.social-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.1);border-radius:50%;transition:all .3s ease;text-decoration:none}.social-link img{width:18px;height:18px}.social-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15);background:rgba(255,255,255,1)}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.6rem;gap:.6rem;justify-content:center;margin:0 auto 1.25rem;max-width:100%}.skill-card{background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.1);border-radius:10px;padding:.65rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;animation:slideInUp .6s ease forwards;opacity:0;transform:translateY(20px);position:relative;overflow:hidden;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.1);aspect-ratio:1;width:100%}.skill-card[data-delay="0"]{animation-delay:0s}.skill-card[data-delay="1"]{animation-delay:.1s}.skill-card[data-delay="2"]{animation-delay:.2s}.skill-card[data-delay="3"]{animation-delay:.3s}.skill-card[data-delay="4"]{animation-delay:.4s}.skill-card[data-delay="5"]{animation-delay:.5s}.skill-card[data-delay="6"]{animation-delay:.6s}.skill-card[data-delay="7"]{animation-delay:.7s}.skill-card[data-delay="8"]{animation-delay:.8s}.skill-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ADA497,#9897AD,#97ACAD);opacity:0;transition:opacity .3s ease}.skill-card:hover{transform:translateY(-2px);border-color:rgba(0,0,0,.2);background:rgba(255,255,255,1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.skill-card:hover:before{opacity:1}.skill-card:hover .skill-icon img{transform:scale(1.1)}.skill-icon{margin-bottom:.3rem;display:flex;justify-content:center;align-items:center;flex-shrink:0}.skill-icon img{transition:transform .3s ease;display:block;width:52px;height:52px}.skill-info{display:flex;flex-direction:column;align-items:center;text-align:center}.skill-name{font-size:clamp(.7rem,1.5vw,1rem);font-weight:600;margin:0 0 .25rem;color:#333333}.skill-name,.skill-subtitle{line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.skill-subtitle{font-size:clamp(.6rem,1.2vw,.8rem);color:#666666;margin:0;font-style:italic}@media (max-width:767px){.skills-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0 0 1rem}.skill-card{width:48px;aspect-ratio:1;padding:8px;border-radius:10px}.skill-card:hover{transform:translateY(-1px)}.skill-card:before{display:none}.skill-icon{margin-bottom:0}.skill-icon img{width:30px;height:30px}.skill-info{display:none}}.skills-cta{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.cta-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;background:linear-gradient(135deg,#ADA497,#9897AD);color:#000000;border:none;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.cta-button:hover:before{left:100%}.cta-button:hover{transform:translateY(-2px);background:linear-gradient(135deg,#c4b8aa,#b0afcc);box-shadow:0 8px 25px rgba(173,164,151,.4)}.cta-secondary{background:transparent;color:#ADA497;border:2px solid #ada497}.cta-secondary:hover{background:rgba(173,164,151,.1);border-color:#9897AD;color:#9897AD}.cta-arrow{transition:transform .3s ease}.cta-button:hover .cta-arrow{transform:translateX(4px)}.cta-button-primary{--border-width:2px;isolation:isolate}.cta-button-primary:before{content:"";position:absolute;top:calc(-1 * var(--border-width));left:calc(-1 * var(--border-width));z-index:-1;width:calc(100% + var(--border-width) * 2);height:calc(100% + var(--border-width) * 2);background:linear-gradient(60deg,hsl(224,85%,66%),hsl(269,85%,66%),hsl(314,85%,66%),hsl(359,85%,66%),hsl(44,85%,66%),hsl(89,85%,66%),hsl(134,85%,66%),hsl(179,85%,66%));background-size:300% 300%;background-position:0 50%;border-radius:calc(8px + var(--border-width));animation:moveGradient 4s infinite alternate}.cta-button-primary:hover:before{left:calc(-1 * var(--border-width));filter:brightness(1.3);background-size:200% 200%}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@keyframes moveGradient{50%{background-position:100% 50%}}@media (prefers-contrast:high){.skill-card{border-color:#ffffff;background:rgba(255,255,255,.1)}}@media (prefers-reduced-motion:reduce){.cta-button,.skill-card{animation:none;transition:none}.skill-card{opacity:1;transform:none}}