.dragon-container{width:100vw;height:100vh;position:relative;background:black;overflow:hidden;margin:0;padding:0}.dragon-canvas{display:block;z-index:1}.dragon-canvas,.dragon-hero-overlay{width:100%;height:100%;position:absolute;top:0;left:0}.dragon-hero-overlay{z-index:10;pointer-events:none}.dragon-hero-overlay>*{pointer-events:all}.dragon-hero-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,0,0,.2),rgba(0,0,0,.1) 50%,rgba(0,0,0,.15));z-index:-1;pointer-events:none}.dragon-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:black;color:white;z-index:20}.dragon-loading-content{text-align:center}.dragon-spinner{width:2rem;height:2rem;border:2px solid transparent;border-bottom-color:white;border-radius:50%;margin:0 auto .5rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.dragon-info{position:absolute;bottom:1rem;right:1rem;color:white;font-size:.875rem;background:rgba(0,0,0,.6);padding:.75rem;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);z-index:15;max-width:250px}.dragon-info p{margin:0}.dragon-info p:last-child{font-size:.75rem;opacity:.75;margin-top:.25rem}@media screen and (max-width:768px){.dragon-container{width:100vw;height:100vh;position:fixed;top:0;left:0}.dragon-info{bottom:.5rem;right:.5rem;left:auto;font-size:.75rem;padding:.5rem;max-width:200px}}@media (prefers-contrast:high){.dragon-hero-overlay:before{background:rgba(0,0,0,.5)}.dragon-info{background:rgba(0,0,0,.8);border-color:#ffffff}}.skills-showcase{position:relative;width:100%;height:100%;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:2.5rem;max-width:600px;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(600px,35vw);min-width:500px}}@media (max-width:767px){.skills-showcase{justify-content:center;padding:1rem}.skills-container{padding:2rem 1.5rem}}.profile-section{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;gap:2rem}@media (max-width:767px){.profile-section{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:1rem}.intro-text{text-align:left;flex:1 1}.profile-card{flex-shrink:0}}.intro-text{flex:1 1}.greeting{font-size:.9rem;color:#97ACAD;margin:0 0 .5rem;font-weight:300}.job-title{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;line-height:1.1;margin:0 0 .5rem;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:1rem;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:120px;height:120px;border-radius:50%;border:3px 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)}.social-links{display:flex;gap:.75rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;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:24px;height:24px}.social-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15);background:rgba(255,255,255,1)}.skills-header{margin-bottom:3rem}.skills-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1rem;background:linear-gradient(135deg,#ffffff,#ADA497);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-main{display:block}.title-accent{display:block;color:#ADA497;-webkit-text-fill-color:#ADA497}.skills-subtitle{font-size:1.2rem;color:#9897AD;font-weight:300;margin:0}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2vw;gap:2vw;justify-content:center;margin-bottom:4vw;max-width:100%;margin-left:auto;margin-right:auto}@media (min-width:768px){.skills-grid{gap:1rem;margin-bottom:2rem}}.skill-card{background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.1);border-radius:1.5vw;padding:2vw;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;animation:slideInUp .6s ease forwards}@media (min-width:768px){.skill-card{border-radius:12px;padding:1rem}}.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{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: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:1vw;display:flex;justify-content:center;align-items:center;flex-shrink:0}@media (min-width:768px){.skill-icon{margin-bottom:.5rem}}.skill-icon img{transition:transform .3s ease;display:block;width:85%;height:85%;min-width:60px;min-height:60px}.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 .5vw;color:#333333;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media (min-width:768px){.skill-name{margin:0 0 .25rem}}.skill-subtitle{font-size:clamp(.6rem,1.2vw,.8rem);color:#666666;margin:0;font-style:italic;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.skill-mastery-indicator{display:flex;justify-content:center;margin-top:.25rem}.mastery-hearts{display:flex;gap:.1rem}.mastery-hearts span{font-size:.8rem;animation:pulse 2s ease-in-out infinite;animation-delay:calc(var(--delay) + var(--heart-delay, 0s))}.mastery-hearts span:first-child{--heart-delay:0s}.mastery-hearts span:nth-child(2){--heart-delay:0.3s}.mastery-hearts span:nth-child(3){--heart-delay:0.6s}.skills-cta{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.cta-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#ADA497,#9897AD);color:#000000;border:none;border-radius:8px;font-weight:600;font-size:.875rem;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);box-shadow:0 8px 25px rgba(173,164,151,.3)}.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)}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@media (max-width:480px){.skills-showcase{padding:2vw}.skills-container{padding:4vw 3vw}.skills-title{font-size:6vw}.skills-subtitle{font-size:3vw}.cta-button{padding:2vw 3vw;font-size:2.5vw}}@media (prefers-contrast:high){.skill-card{border-color:#ffffff;background:rgba(255,255,255,.1)}.skill-level-bar{background:rgba(255,255,255,.3)}}@media (prefers-reduced-motion:reduce){.cta-button,.skill-card,.skill-level-fill{animation:none;transition:none}.skill-card{opacity:1;transform:none}}