.calendar-container{background-color:rgba(15,23,42,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(100,116,139,.3);border-radius:8px;padding:16px;width:320px;box-shadow:0 4px 12px rgba(0,0,0,.2);color:#fff;font-family:Segoe UI,sans-serif}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.calendar-header span{font-size:16px;font-weight:600}.calendar-nav.year-picker button{background:rgba(100,116,139,.3);border:1px solid rgba(100,116,139,.5);color:#fff;cursor:pointer;font-size:16px;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.calendar-nav.year-picker button:hover{background:rgba(100,116,139,.5)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day,.calendar-day-name{display:flex;align-items:center;justify-content:center;height:36px;width:36px;border-radius:4px}.calendar-day-name{font-size:12px;font-weight:600;color:#a0a0a0}.calendar-day{font-size:14px;cursor:pointer;transition:background-color .2s ease}.calendar-day:not(.empty):hover{background-color:rgba(100,116,139,.5)}.calendar-day.today{background-color:#0078d4;color:#fff}.calendar-day.selected{border:2px solid #0078d4}.month-year-button{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:4px 8px}.year-picker{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.year-picker button{background:rgba(100,116,139,.3);border:1px solid rgba(100,116,139,.5);color:#fff;cursor:pointer;font-size:16px;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.year-picker button:hover{background:rgba(100,116,139,.5)}.month-nav,.year-nav{display:flex;flex-direction:column;align-items:center;gap:4px}.month-nav .nav-label,.year-nav .nav-label{font-size:10px;color:#a0a0a0;margin-top:2px}.month-nav>div,.year-nav>div{display:flex;gap:8px}.month-year-display{text-align:center}.month-year-display .month{font-size:18px;font-weight:600}.month-year-display .year{font-size:14px;color:#a0a0a0}.month-nav button,.year-nav button{background:rgba(100,116,139,.3);border:1px solid rgba(100,116,139,.5);color:#fff;cursor:pointer;font-size:16px;padding:4px 8px;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.calendar-nav button:hover{background:rgba(100,116,139,.5)}.calendar-day.empty{cursor:default}*{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover-lift{transition:transform .2s ease}.hover-lift:hover{transform:translateY(-2px)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.social-icon-box{transition:all .3s ease-in-out}.social-icon-box:hover{transform:rotate(45deg)}.social-icon-box:hover .fa-icon{transform:rotate(-45deg)}.social-icon-email:hover{background-color:#c71610}.social-icon-github:hover{background-color:#333}.social-icon-linkedin:hover{background-color:#0077b5}.social-icon-instagram:hover{background-color:#e1306c}.social-icon-facebook:hover{background-color:#3b5998}.social-icon-discord:hover{background-color:#7289da}.social-icon-twitter:hover{background-color:#1da1f2}.social-icon-reddit:hover{background-color:#ff4500}.social-icon-telegram:hover{background-color:#08c}.social-icon-youtube:hover{background-color:red}.social-icon-whatsapp:hover{background-color:#25d366}.social-icon-snapchat:hover{background-color:#fffc00;color:#000}.social-icon-tiktok:hover{background-color:#000}.social-icon-skype:hover{background-color:#00aff0}.social-icon-heart:hover{background-color:red}.social-icon-pinterest:hover{background-color:#bd081c}.social-icon-behance:hover{background-color:#1769ff}.social-icon-medium:hover{background-color:#00ab6c}.social-icon-codepen:hover{background-color:#000}.social-icon-dribbble:hover{background-color:#ea4c89}.social-icon-twitch:hover{background-color:#9146ff}.social-icon-gitlab:hover{background-color:#fca326}.social-icon-stackoverflow:hover{background-color:#f48024}.social-icon-steam:hover{background-color:#000}@keyframes skillBarFill{0%{width:0}to{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skill-bar{animation:skillBarFill 1.5s ease-out forwards;position:relative;overflow:hidden}.skill-bar:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.achievement-card{transition:all .3s cubic-bezier(.25,.8,.25,1);animation:fadeIn .5s ease-out forwards;position:relative;overflow:hidden}.achievement-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px rgba(59,130,246,.5)}.achievement-card:hover:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#3b82f6,#60a5fa,#3b82f6);animation:shimmer 2s infinite;background-size:200% 100%}.certification-card{transition:all .3s cubic-bezier(.25,.8,.25,1);animation:fadeIn .5s ease-out forwards}.certification-card:hover{border-color:#3b82f6;background-color:rgba(59,130,246,.1);transform:translateY(-5px);box-shadow:0 10px 20px -10px rgba(59,130,246,.3)}.certification-card:hover svg{animation:pulse 1.5s ease-in-out infinite;color:#60a5fa!important}.bg-slate-800{transition:all .3s cubic-bezier(.25,.8,.25,1);animation:fadeIn .5s ease-out forwards}.grid>div:first-child{animation-delay:.1s}.grid>div:nth-child(2){animation-delay:.2s}.grid>div:nth-child(3){animation-delay:.3s}.grid>div:nth-child(4){animation-delay:.4s}.grid>div:nth-child(5){animation-delay:.5s}.grid>div:nth-child(6){animation-delay:.6s}.grid>div:nth-child(7){animation-delay:.7s}.grid>div:nth-child(8){animation-delay:.8s}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}.narrow-scrollbar::-webkit-scrollbar{width:5px}.narrow-scrollbar::-webkit-scrollbar-track{background:rgba(30,41,59,.5);border-radius:10px}.narrow-scrollbar::-webkit-scrollbar-thumb{background:rgba(59,130,246,.7);border-radius:10px}.narrow-scrollbar::-webkit-scrollbar-thumb:hover{background:#3b82f6}