@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap);:root{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-tertiary:#ffffff1a;--bg-hover:#ffffff0d;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#fff9;--border-primary:#fff3;--border-secondary:#ffffff1a;--shadow-primary:#0000004d;--shadow-secondary:#0003;--accent-primary:#f8f9fa;--accent-secondary:#2ecc71;--accent-warning:#f1c40f;--accent-error:#e74c3c;--gradient-primary:linear-gradient(45deg,#fff,#ccc);--gradient-secondary:linear-gradient(45deg,#3498db,#2980b9);--gradient-accent:linear-gradient(45deg,#2ecc71,#27ae60);--transition-primary:all 0.8s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.3s ease;--spacing-xs:5px;--spacing-sm:10px;--spacing-md:20px;--spacing-lg:30px;--spacing-xl:40px;--radius-sm:5px;--radius-md:10px;--radius-lg:15px;--radius-xl:25px;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.6;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}.light-mode{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#fff6;--bg-hover:#2c3e501a;--text-primary:#2c3e50;--text-secondary:#34495e;--text-muted:#2c3e5099;--border-primary:#2c3e5033;--border-secondary:#2c3e501a;--shadow-primary:#2c3e5033;--shadow-secondary:#2c3e5026;--gradient-primary:linear-gradient(45deg,#2a3a4b,#34495e)}.App,.App *,body,body *{transition:background-color .4s ease-out,color .4s ease-out,border-color .4s ease-out,box-shadow .4s ease-out}.footer,.left-section,.menu,.right-section,body{transition:background-color .4s ease-out,color .4s ease-out}.footer,.menu{transition:background-color .4s ease-out,color .4s ease-out,border-color .4s ease-out,box-shadow .4s ease-out}.menu .menu-item{overflow:hidden!important;position:relative!important;transition:all .6s cubic-bezier(.4,0,.2,1)!important}.menu .menu-item:after{background:linear-gradient(90deg,#0000,#fff,#0000)!important;border-radius:1px!important;bottom:0!important;content:""!important;height:2px!important;left:-100%!important;position:absolute!important;transition:left .6s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.menu .menu-item:hover:after{left:100%!important}.light-mode .menu .menu-item:after{background:linear-gradient(90deg,#0000,#3498db,#0000)!important}.menu .menu-action-btn{overflow:hidden!important;position:relative!important;transition:all .6s cubic-bezier(.4,0,.2,1)!important}.menu .menu-action-btn:after{background:linear-gradient(90deg,#0000,#fff,#0000)!important;border-radius:1px!important;bottom:0!important;content:""!important;height:2px!important;left:-100%!important;position:absolute!important;transition:left .6s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.menu .menu-action-btn:hover:after{left:100%!important}.light-mode .menu .menu-action-btn:after{background:linear-gradient(90deg,#0000,#3498db,#0000)!important}.menu .mobile-menu-toggle{overflow:hidden!important;position:relative!important;transition:all .6s cubic-bezier(.4,0,.2,1)!important}.menu .mobile-menu-toggle:after{background:linear-gradient(90deg,#0000,#fff,#0000)!important;border-radius:1px!important;bottom:0!important;content:""!important;height:2px!important;left:-100%!important;position:absolute!important;transition:left .6s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.menu .mobile-menu-toggle:hover:after{left:100%!important}.light-mode .menu .mobile-menu-toggle:after{background:linear-gradient(90deg,#0000,#3498db,#0000)!important}.bg-primary{background-color:#0a0a0a;background-color:var(--bg-primary)}.bg-secondary{background-color:#1a1a1a;background-color:var(--bg-secondary)}.bg-tertiary{background-color:#ffffff1a;background-color:var(--bg-tertiary)}.text-primary{color:#fff;color:var(--text-primary)}.text-secondary{color:#ccc;color:var(--text-secondary)}.text-muted{color:#fff9;color:var(--text-muted)}.border-primary{border-color:#fff3;border-color:var(--border-primary)}.border-secondary{border-color:#ffffff1a;border-color:var(--border-secondary)}.shadow-primary{box-shadow:0 10px 30px #0000004d;box-shadow:0 10px 30px var(--shadow-primary)}.shadow-secondary{box-shadow:0 5px 15px #0003;box-shadow:0 5px 15px var(--shadow-secondary)}.text-accent-primary{color:#f8f9fa;color:var(--accent-primary)}.text-accent-secondary{color:#2ecc71;color:var(--accent-secondary)}.text-accent-warning{color:#f1c40f;color:var(--accent-warning)}.text-accent-error{color:#e74c3c;color:var(--accent-error)}.bg-accent-primary{background-color:#f8f9fa;background-color:var(--accent-primary)}.bg-accent-secondary{background-color:#2ecc71;background-color:var(--accent-secondary)}.bg-accent-warning{background-color:#f1c40f;background-color:var(--accent-warning)}.bg-accent-error{background-color:#e74c3c;background-color:var(--accent-error)}.gradient-primary{background:linear-gradient(45deg,#fff,#ccc);background:var(--gradient-primary)}.gradient-secondary{background:linear-gradient(45deg,#3498db,#2980b9);background:var(--gradient-secondary)}.gradient-accent{background:linear-gradient(45deg,#2ecc71,#27ae60);background:var(--gradient-accent)}.backdrop-blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.backdrop-blur-lg{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.animate-fade-in{animation:fadeIn .8s cubic-bezier(.4,0,.2,1)}.animate-slide-up{animation:slideUp .8s cubic-bezier(.4,0,.2,1)}.animate-scale-in{animation:scaleIn .8s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hover-lift{transition:all .8s cubic-bezier(.4,0,.2,1);transition:var(--transition-primary)}.hover-lift:hover{box-shadow:0 10px 30px #0000004d;box-shadow:0 10px 30px var(--shadow-primary);transform:translateY(-5px)}.hover-glow{transition:all .8s cubic-bezier(.4,0,.2,1);transition:var(--transition-primary)}.hover-glow:hover{box-shadow:0 0 20px #f8f9fa;box-shadow:0 0 20px var(--accent-primary)}.focus-ring:focus{box-shadow:0 0 0 3px #3498db4d;outline:none}@media (max-width:768px){:root{--spacing-lg:20px;--spacing-xl:30px;--font-size-4xl:2.5rem;--font-size-3xl:1.8rem}}@media (max-width:480px){:root{--spacing-lg:15px;--spacing-xl:25px;--font-size-4xl:2rem;--font-size-3xl:1.5rem}}.page-container{align-items:center;box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow-y:auto;padding:20px}.page-wrapper{display:flex;flex-direction:column;height:100%;justify-content:flex-start;max-width:1200px;padding-top:40px;width:100%}.page-content{display:flex;flex:1 1;flex-direction:column;gap:40px;overflow-y:auto;padding-bottom:40px}.page-title{margin-bottom:40px}.body-text,.section-title{margin-bottom:20px}.body-text{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#ccc;font-family:inherit;font-size:1.2rem;line-height:1.6;text-rendering:optimizeLegibility;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .body-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#34495e,#2c3e50);-webkit-background-clip:text;background-clip:text;color:#34495e;text-shadow:0 0 6px #34495e33}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #0000;border-radius:15px;padding:30px;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .card{background:#fff6;border:1px solid #0000;box-shadow:none}.card:hover{box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.light-mode .card:hover{box-shadow:0 10px 30px #2c3e5026}.btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:12px 24px;text-decoration:none;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .btn{background:#fff6;border:1px solid #2c3e5033;color:#2c3e50}.btn:hover{background:#fff3;box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.light-mode .btn:hover{background:#fff9;box-shadow:0 5px 15px #2c3e5033}.btn.active{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 0 20px #fff3}.light-mode .btn.active{background:#00c3ffcc;border-color:#c7e2fc80;box-shadow:0 0 20px #2c3e5033}.grid-2{grid-gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-2,.grid-3{display:grid;gap:20px}.grid-3{grid-gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-column{display:flex;flex-direction:column}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mt-40{margin-top:40px}.p-20{padding:20px}.p-30{padding:30px}.p-40{padding:40px}@media (max-width:768px){.page-title{font-size:2.5rem}.section-title{font-size:1.8rem}.body-text{font-size:1.1rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card{padding:20px}}@media (max-width:480px){.page-title{font-size:2rem}.section-title{font-size:1.5rem}.body-text{font-size:1rem}}.about-main,.contact-main,.main-content.page-section,.portfolio-main{box-sizing:border-box;margin:0 auto;max-width:1440px;padding:0 32px 40px}.nav-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-bottom:1px solid #ffffff1a;left:0;position:fixed;right:0;top:0;transition:all .8s cubic-bezier(.4,0,.2,1);z-index:1000}.light-mode .nav-container{background:#ffffffe6;border-bottom:1px solid #2c3e501a}.nav-content{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .nav-logo{color:#2c3e50}.nav-menu{display:flex;gap:30px;list-style:none;margin:0;padding:0}.nav-link{color:#fff;font-weight:500;position:relative;text-decoration:none;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .nav-link{color:#2c3e50}.nav-link:hover{color:#ccc}.light-mode .nav-link:hover{color:#34495e}.nav-link:after{background:#fff;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .8s cubic-bezier(.4,0,.2,1);width:0}.light-mode .nav-link:after{background:#2c3e50}.nav-link:hover:after{width:100%}.form-group{margin-bottom:20px}.form-label{color:#fff;display:block;font-weight:600;margin-bottom:8px;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .form-label{color:#2c3e50}.form-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;padding:12px 16px;transition:all .8s cubic-bezier(.4,0,.2,1);width:100%}.light-mode .form-input{background:#fff6;border:1px solid #2c3e5033;color:#2c3e50}.form-input::placeholder{color:#fff9}.light-mode .form-input::placeholder{color:#2c3e5099}.form-input:focus{border-color:#ffffff80;box-shadow:0 0 10px #fff3;outline:none}.light-mode .form-input:focus{border-color:#2c3e5080;box-shadow:0 0 10px #2c3e5033}.form-textarea{min-height:120px;resize:vertical}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .8s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:2000}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;max-height:80vh;max-width:500px;overflow-y:auto;padding:30px;transform:translateY(20px);transition:all .8s cubic-bezier(.4,0,.2,1);width:90%}.light-mode .modal-content{background:#ffffffe6;border:1px solid #2c3e5033}.modal-overlay.active .modal-content{transform:translateY(0)}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.light-mode .modal-title{color:#2c3e50}.modal-close{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;padding:5px;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .modal-close{color:#2c3e50}.modal-close:hover{background:#ffffff1a}.light-mode .modal-close:hover{background:#2c3e501a}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-top-color:#fff;display:inline-block;height:20px;width:20px}.light-mode .loading-spinner{border-color:#2c3e50 #2c3e504d #2c3e504d}.loading-container{padding:40px}.alert{border-radius:8px;font-weight:500;margin-bottom:20px;padding:15px 20px;transition:all .8s cubic-bezier(.4,0,.2,1)}.alert-success{background:#2ecc7133;border:1px solid #2ecc714d;color:#2ecc71}.alert-error{background:#e74c3c33;border:1px solid #e74c3c4d;color:#e74c3c}.alert-warning{background:#f1c40f33;border:1px solid #f1c40f4d;color:#f1c40f}.alert-info{background:#3498db33;border:1px solid #3498db4d;color:#3498db}.badge{border-radius:15px;display:inline-block;font-size:.8rem;font-weight:500;letter-spacing:0;padding:5px 12px;text-transform:none;transition:all .8s cubic-bezier(.4,0,.2,1)}.badge-primary{background:#3498db33;border:1px solid #3498db4d;color:#3498db}.light-mode .badge-primary{background:#2c3e501a;border:1px solid #0000;color:#2c3e50}.badge-success{background:#2ecc7133;border:1px solid #2ecc714d;color:#2ecc71}.badge-warning{background:#f1c40f33;border:1px solid #f1c40f4d;color:#f1c40f}.badge-error{background:#e74c3c33;border:1px solid #e74c3c4d;color:#e74c3c}.tooltip{display:inline-block;position:relative}.tooltip-content{background:#000000e6;border-radius:6px;bottom:125%;color:#fff;font-size:.875rem;left:50%;opacity:0;padding:8px 12px;position:absolute;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;white-space:nowrap;z-index:1000}.light-mode .tooltip-content{background:#2c3e50e6;color:#fff}.tooltip:hover .tooltip-content{opacity:1;visibility:visible}.tooltip-content:after{border:5px solid #0000;border-top-color:#000000e6;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.light-mode .tooltip-content:after{border-top-color:#2c3e50e6}body.troll-spin .custom-section,body.troll-spin .left-section,body.troll-spin .menu,body.troll-spin .mini-social-bar,body.troll-spin .placeholder-card,body.troll-spin .profile-card,body.troll-spin .right-section,body.troll-spin .social-icons{animation:troll-spin 1.2s linear infinite!important}@keyframes troll-spin{to{transform:rotate(1turn)}}body.troll-spin .menu{animation:troll-spin-menu 1s linear infinite!important}.divider{border-top:2px solid #bbb;margin:0;opacity:1;width:100%}body.troll-spin .about-banner-box,body.troll-spin .about-section,body.troll-spin .about-skills-col,body.troll-spin .about-timeline-col,body.troll-spin .contact-container,body.troll-spin .contact-content,body.troll-spin .contact-form-section,body.troll-spin .contact-info-item,body.troll-spin .contact-info-social,body.troll-spin .contact-page,body.troll-spin .contact-stats,body.troll-spin .core-values-section .value-item,body.troll-spin .custom-section,body.troll-spin .left-section,body.troll-spin .links-grid .social-link,body.troll-spin .menu,body.troll-spin .mini-social-bar,body.troll-spin .placeholder-card,body.troll-spin .portfolio-container,body.troll-spin .portfolio-content,body.troll-spin .portfolio-page,body.troll-spin .portfolio-stats,body.troll-spin .profile-card,body.troll-spin .right-section,body.troll-spin .skill-category,body.troll-spin .social-icons,body.troll-spin .timeline-item{animation:troll-spin 1.2s linear infinite!important}body.troll-spin .effect-controls,body.troll-spin .effect-controls *{animation:none!important}body.troll-spin .links-grid .social-link:nth-child(odd){animation-direction:normal!important;animation-duration:1s!important}body.troll-spin .links-grid .social-link:nth-child(2n){animation-direction:reverse!important;animation-duration:1.6s!important}body.troll-spin .links-grid .social-link:nth-child(3n){animation-duration:.9s!important}body.troll-spin .links-grid .social-link:nth-child(4n){animation-duration:2s!important}body.troll-spin .core-values-section .value-item:nth-child(odd){animation-duration:1s!important}body.troll-spin .core-values-section .value-item:nth-child(2n){animation-direction:reverse!important;animation-duration:1.6s!important}body.troll-spin .skill-category:nth-child(odd){animation-duration:1.1s!important}body.troll-spin .skill-category:nth-child(2n){animation-direction:reverse!important;animation-duration:1.7s!important}body.troll-spin .timeline-item:nth-child(odd){animation-duration:1.3s!important}body.troll-spin .timeline-item:nth-child(2n){animation-direction:reverse!important;animation-duration:1.9s!important}body.troll-spin .portfolio-stats>:nth-child(odd){animation-duration:1s!important}body.troll-spin .portfolio-stats>:nth-child(2n){animation-direction:reverse!important;animation-duration:1.6s!important}body.troll-spin .portfolio-stats>:nth-child(3n){animation-duration:.85s!important}body.troll-spin .portfolio-stats>:nth-child(4n){animation-duration:2.1s!important}body.troll-spin .contact-info-item:nth-child(odd){animation-duration:1.15s!important}body.troll-spin .contact-info-item:nth-child(2n){animation-direction:reverse!important;animation-duration:1.8s!important}body.troll-spin .contact-form-section{animation-duration:1.4s!important}body.troll-spin .menu{animation-direction:normal!important;animation-duration:1s!important}body.troll-spin .mini-social-bar{animation-direction:reverse!important;animation-duration:1.4s!important}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);background-image:radial-gradient(ellipse 80% 60% at 20% 20%,#3c287859 0,#0000 80%),radial-gradient(ellipse 60% 40% at 80% 70%,#00507840 0,#0000 80%),radial-gradient(ellipse 100% 80% at 50% 100%,#1e1e2880 0,#0000 80%);background-repeat:no-repeat;background-size:cover;color:var(--text-primary);line-height:var(--line-height-normal);transition:background-color .4s ease-out,color .4s ease-out}body.light-mode{background-image:radial-gradient(ellipse 60% 40% at 20% 20%,#78b4ff2e 0,#0000 80%),radial-gradient(ellipse 60% 40% at 80% 10%,#b4dcff21 0,#0000 80%),radial-gradient(ellipse 50% 30% at 80% 70%,#2c82c91f 0,#0000 80%),radial-gradient(ellipse 70% 50% at 60% 60%,#c8b4ff1f 0,#0000 80%),radial-gradient(ellipse 100% 80% at 50% 100%,#f0f0ff33 0,#0000 80%),radial-gradient(ellipse 30% 18% at 40% 60%,#78b4ff1a 0,#0000 80%),radial-gradient(ellipse 25% 15% at 70% 60%,#2c82c914 0,#0000 80%),radial-gradient(ellipse 20% 12% at 30% 80%,#b4dcff12 0,#0000 80%),radial-gradient(ellipse 18% 10% at 80% 40%,#64c8ff0f 0,#0000 80%),radial-gradient(ellipse 22% 14% at 60% 80%,#78b4ff14 0,#0000 80%),radial-gradient(ellipse 18% 12% at 35% 35%,#2c82c914 0,#0000 80%),radial-gradient(ellipse 15% 10% at 75% 25%,#00c8b412 0,#0000 80%),radial-gradient(ellipse 12% 8% at 60% 60%,#b478ff0f 0,#0000 80%),radial-gradient(ellipse 18% 12% at 55% 40%,#7850ff33 0,#0000 80%),radial-gradient(ellipse 15% 10% at 80% 60%,#2c82ff33 0,#0000 80%),radial-gradient(ellipse 20% 14% at 30% 50%,#50b4ff2e 0,#0000 80%),radial-gradient(ellipse 30% 18% at 70% 92%,#2cc8ff21 0,#0000 80%),radial-gradient(ellipse 50% 30% at 25% 85%,#2c82ff1f 0,#0000 80%),linear-gradient(135deg,#2c3e50,#34495e 25%,#5d6d7e 50%,#85929e 75%,#ecf0f1)}body,body.dark-mode,body.light-mode{background-repeat:no-repeat;background-size:cover;transition:background-color .6s cubic-bezier(.4,0,.2,1),color .6s cubic-bezier(.4,0,.2,1)}body,body.dark-mode{background-image:radial-gradient(ellipse 60% 40% at 80% 10%,#503cb442 0,#0000 80%),radial-gradient(ellipse 50% 30% at 20% 80%,#0064b436 0,#0000 80%),radial-gradient(ellipse 70% 50% at 60% 60%,#ffb47812 0,#0000 80%),radial-gradient(ellipse 40% 30% at 70% 80%,#ff78b40d 0,#0000 80%),radial-gradient(ellipse 100% 80% at 50% 100%,#1e283c80 0,#0000 80%),radial-gradient(ellipse 60% 40% at 10% 30%,#ffdc780a 0,#0000 80%),radial-gradient(ellipse 45% 28% at 58% 54%,#a050ff14 0,#0000 80%),radial-gradient(ellipse 30% 18% at 40% 60%,#ffc8780d 0,#0000 80%),radial-gradient(ellipse 80% 50% at 50% 35%,#ffb4780f 0,#0000 80%),radial-gradient(ellipse 60% 40% at 85% 50%,#783cb426 0,#0000 80%)}.menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000d9;background-image:radial-gradient(ellipse 60% 40% at 80% 10%,#7850b41a 0,#0000 80%),radial-gradient(ellipse 50% 30% at 20% 80%,#00507814 0,#0000 80%);background-repeat:no-repeat;background-size:cover;border-bottom:1px solid #ffffff14;box-shadow:0 4px 20px #0000002e;z-index:1000}body.light-mode .menu{background:#ffffffd9;background-image:radial-gradient(ellipse 60% 40% at 80% 10%,#ffdcb41a 0,#0000 80%),radial-gradient(ellipse 50% 30% at 20% 80%,#b4dcff14 0,#0000 80%);background-repeat:no-repeat;background-size:cover;border-bottom:1px solid #2c3e5014;box-shadow:0 4px 20px #2c3e501a}body.light-mode .footer{background:#ffffffd9}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:#add8e680;color:var(--text-primary)}.dark-mode ::selection{background:#2b292980;color:#f8f9fa}img{display:block;height:auto;max-width:100%}a{color:inherit;text-decoration:none;transition:var(--transition-primary)}a:hover{color:var(--accent-primary)}ol,ul{list-style:none}button{background:none;border:none;cursor:pointer}button,input,select,textarea{color:inherit;font-family:inherit;font-size:inherit}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--border-secondary);padding:var(--spacing-sm);text-align:left}th{color:var(--text-primary);font-weight:var(--font-weight-semibold)}@media print{*{background:#0000!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;transition:all .8s cubic-bezier(.4,0,.2,1)}body,body.light-mode{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:16px;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;vertical-align:initial}body.light-mode{color:#34495e}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}div,h1,h2,h3,h4,h5,h6,p,span{-webkit-user-select:text;user-select:text}:active,:focus,:focus-visible,:focus-within{border:none!important;box-shadow:none!important;outline:none!important}:focus-visible{border:none!important;box-shadow:none!important;outline:none!important}:focus-visible:after,:focus-visible:before{display:none!important}a:active,a:focus,button:active,button:focus,input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus{-webkit-tap-highlight-color:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}.App{min-height:100vh;overflow:hidden;position:relative;transition:all .8s cubic-bezier(.4,0,.2,1)}.App:before{bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .8s cubic-bezier(.4,0,.2,1);z-index:-1}.App.light-mode:before{opacity:1}.main-content{display:flex;gap:20px;padding:20px}.left-section,.main-content{min-height:calc(100vh - 260px)}.left-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #0000;border-radius:15px;box-sizing:border-box;flex:0.3 1;overflow:hidden;padding:30px;position:relative;transition:all .8s cubic-bezier(.4,0,.2,1)}.left-section:before{background:#fff6;border:1px solid #2c3e5026;border-radius:15px;bottom:0;box-shadow:0 8px 32px #2c3e5014;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .8s cubic-bezier(.4,0,.2,1);z-index:-1}.light-mode .left-section:before{opacity:1}.light-mode .left-section{background:#0000;border:1px solid #0000;box-shadow:none}.right-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #0000;border-radius:15px;box-sizing:border-box;flex:0.7 1;min-height:calc(100vh - 260px);overflow:hidden;padding:30px;position:relative;transition:all .8s cubic-bezier(.4,0,.2,1)}.right-section:before{background:#fff6;border:1px solid #2c3e5026;border-radius:15px;bottom:0;box-shadow:0 8px 32px #2c3e5014;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .8s cubic-bezier(.4,0,.2,1);z-index:-1}.light-mode .right-section:before{opacity:1}.light-mode .right-section{background:#0000;border:1px solid #0000;box-shadow:none}@keyframes appFadeIn{0%{filter:blur(12px);opacity:0;transform:scale(.96)}to{filter:blur(0);opacity:1;transform:scale(1)}}.App:not(.app-fade-done){animation:appFadeIn .6s cubic-bezier(.22,.61,.36,1) both}.App.app-fade-done{animation:none}@media (max-width:768px){.main-content{flex-direction:column;gap:16px;padding:16px}.left-section,.right-section{flex:1 1 auto;min-height:auto;padding:20px 18px}}.social-links{box-sizing:border-box;display:flex;flex-direction:column;height:100%}.light-mode .section-title{text-shadow:0 0 10px #2a3a4b4d,0 0 20px #2a3a4b1a}.links-grid{grid-gap:20px;box-sizing:border-box;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));height:calc(100% - 80px)}.social-link{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff26,#ffffff14 50%,#ffffff26);border:1px solid #0000;border-radius:16px;box-shadow:0 4px 16px #00000014,0 0 0 1px #ffffff1a;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:120px;outline:none;overflow:hidden;padding:25px 20px;position:relative;text-decoration:none;transform-origin:center center;transition:all .4s cubic-bezier(.4,0,.2,1)}.social-link:before{background:linear-gradient(90deg,#0000,#ffffff12,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.social-link:hover:before{left:100%}.social-link:hover{background:linear-gradient(135deg,#ffffff40,#ffffff26 50%,#ffffff40);box-shadow:0 12px 32px #00000026,0 0 0 1px #fff3;transform:scale(1.05)}.light-mode .social-link{background:linear-gradient(135deg,#ffffffe6,#ffffffb3 50%,#ffffffe6);box-shadow:0 4px 16px #2c3e5014,0 0 0 1px #2c3e501a;color:#2c3e50}.light-mode .social-link:hover{background:linear-gradient(135deg,#fffffff2,#ffffffd9 50%,#fffffff2);box-shadow:0 12px 32px #00b7ff26,0 0 0 1px #00b7ff33;transform:scale(1.05)}.light-mode .social-link:before{background:linear-gradient(90deg,#0000,#2c3e501a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .6s ease;width:100%}.light-mode .social-link:hover:before{left:100%}.social-link:active,.social-link:focus,.social-link:focus-visible{-webkit-tap-highlight-color:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}.social-link:active{background:#fff3;transform:translateY(-5px) scale(1.05)}.link-icon{font-size:2.5rem;margin-bottom:15px;transition:color .8s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.25,.46,.45,.94)}.social-link:hover .link-icon{color:var(--hover-color);transform:scale(1.15);transition:all .4s cubic-bezier(.25,.46,.45,.94)}.link-name{font-size:1.2rem;font-weight:500;margin-bottom:5px}.link-name,.link-username{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;display:block;font-family:inherit;line-height:1.2;position:static;text-align:center;text-rendering:optimizeLegibility;transition:color .8s cubic-bezier(.4,0,.2,1),text-shadow .8s cubic-bezier(.4,0,.2,1),background .8s cubic-bezier(.4,0,.2,1);width:100%}.link-username{color:#ccc;font-size:.9rem;font-weight:400;opacity:.9}.light-mode .link-name{-webkit-text-fill-color:#0000;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:1.2rem;font-weight:500;text-rendering:optimizeLegibility;text-shadow:0 0 8px #34495e33}.light-mode .link-name,.light-mode .link-username{background:linear-gradient(45deg,#34495e,#2c3e50);-webkit-background-clip:text;background-clip:text;color:#34495e;display:block;font-family:inherit;line-height:1.2;position:static}.light-mode .link-username{-webkit-text-fill-color:#0000;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:.9rem;font-weight:400;text-rendering:optimizeLegibility;text-shadow:0 0 6px #34495e33}@media (max-width:768px){.social-links{height:auto;min-height:auto}.light-mode .section-title,.section-title{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;display:block;font-family:inherit;font-size:1.5rem;font-weight:700;letter-spacing:1.2px;line-height:1.2;margin-bottom:20px;position:static;text-align:center;text-rendering:optimizeLegibility;text-transform:uppercase;transition:all .8s cubic-bezier(.4,0,.2,1)}.links-grid{gap:10px;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:repeat(3,1fr)}.social-link{align-items:center;border-radius:12px;justify-content:center;min-height:80px;padding:20px 15px}.link-icon{font-size:2.2rem;margin-bottom:0}.link-name,.link-username{display:none}.light-mode .link-name,.light-mode .link-username{display:none!important}.light-mode .link-icon{font-size:2.2rem;margin-bottom:0}}.custom-section{box-sizing:border-box;display:flex;flex-direction:column;height:100%}.section-title{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background:linear-gradient(45deg,#fff,#ccc);-webkit-background-clip:text;background-clip:text;color:#fff;margin-bottom:30px;text-align:center;text-rendering:optimizeLegibility;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .section-title,.section-title{-webkit-text-fill-color:#0000;display:block;font-family:inherit;font-size:2rem;font-weight:700;letter-spacing:1.2px;line-height:1.2;position:static;text-shadow:0 0 10px #ffffff4d,0 0 20px #ffffff1a;text-transform:uppercase}.light-mode .section-title{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background:linear-gradient(45deg,#2a3a4b,#34495e);-webkit-background-clip:text;background-clip:text;color:#2a3a4b;text-rendering:optimizeLegibility}.custom-content{align-items:flex-start;box-sizing:border-box;display:flex;flex:1 1;height:calc(100% - 80px);justify-content:center;overflow-y:auto;padding:0}.profile-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;max-width:800px;padding:30px;text-align:center;transition:all .8s cubic-bezier(.4,0,.2,1);width:100%}.light-mode .profile-card,.profile-card{border:1px solid #0000;box-sizing:border-box}.light-mode .profile-card{background:#fff6;box-shadow:none}.profile-header{margin-bottom:30px}.profile-name{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#ccc);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;margin-bottom:15px;text-rendering:optimizeLegibility;text-shadow:0 0 10px #ffffff4d;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .profile-name,.profile-name{display:block;font-family:inherit;font-weight:700;letter-spacing:1.2px;line-height:1.2;position:static;text-transform:none}.light-mode .profile-name{-webkit-text-fill-color:#0000;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background:linear-gradient(45deg,#2c3e50,#34495e);-webkit-background-clip:text;background-clip:text;color:#2c3e50;text-rendering:optimizeLegibility;text-shadow:0 0 8px #2c3e5033}.profile-subtitle{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#ccc;font-size:1.3rem;margin-bottom:20px;text-rendering:optimizeLegibility;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .profile-subtitle,.profile-subtitle{display:block;font-family:inherit;font-weight:400;line-height:1.6;position:static}.light-mode .profile-subtitle{-webkit-text-fill-color:#0000;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background:linear-gradient(45deg,#34495e,#2c3e50);-webkit-background-clip:text;background-clip:text;color:#34495e;text-rendering:optimizeLegibility;text-shadow:0 0 6px #34495e33}.profile-stats{flex-wrap:wrap;gap:20px;margin-bottom:30px}.profile-banner-box,.profile-stats{display:flex;justify-content:center}.profile-banner-box{align-items:center;background:#ffffff1a;border-radius:22px;box-shadow:0 6px 32px #0000002e;margin:0 auto;max-width:100%;overflow:hidden;transition:box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);width:93%}.profile-banner-box:hover{box-shadow:0 12px 48px #00000047;transform:scale(1.025)}.stat-item img{border-radius:8px;height:auto;max-width:100%;transition:transform .3s ease}.stat-item img:hover{transform:scale(1.05)}.divider{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);border:none;height:2px;margin:30px 0;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .divider{background:linear-gradient(90deg,#0000,#2c3e504d,#0000)}.profile-about h3,.profile-connect h3,.profile-skills h3{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#ccc);-webkit-background-clip:text;background-clip:text;color:#fff;display:block;font-family:inherit;font-size:1.5rem;font-weight:700;letter-spacing:1.2px;line-height:1.2;margin-bottom:20px;position:static;text-rendering:optimizeLegibility;text-shadow:0 0 10px #ffffff4d;text-transform:uppercase;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .profile-about h3,.light-mode .profile-connect h3,.light-mode .profile-skills h3{-webkit-text-fill-color:#0000;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background:linear-gradient(45deg,#2c3e50,#34495e);-webkit-background-clip:text;background-clip:text;color:#2c3e50;display:block;font-family:inherit;font-weight:700;letter-spacing:1.2px;line-height:1.2;position:static;text-rendering:optimizeLegibility;text-shadow:0 0 8px #2c3e5033;text-transform:uppercase}.about-list{list-style:none;margin:20px 0;padding-left:20px;text-align:left}.about-list li{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#ccc;font-size:1.1rem;margin:15px 0;transition:all .8s cubic-bezier(.4,0,.2,1)}.about-list li,.light-mode .about-list li{display:block;font-family:inherit;font-weight:400;line-height:1.4;position:static;text-rendering:optimizeLegibility}.light-mode .about-list li{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#34495e;text-shadow:0 0 6px #34495e33}.about-list a{color:#0af162;font-weight:600;text-decoration:none;transition:all .3s ease}.about-list a:hover{color:#0f2;text-shadow:0 0 8px #4caf5066}.light-mode .about-list a{color:#3498db;font-weight:600;text-shadow:0 0 8px #3498db4d;transition:all .3s ease}.light-mode .about-list a:hover{color:#2980b9;text-shadow:0 0 12px #3498db99,0 0 20px #3498db4d;transform:scale(1.02)}.social-icons{flex-wrap:wrap;gap:15px;margin-bottom:30px}.social-icons,.social-icons a{display:flex;justify-content:center}.social-icons a{align-items:center;background:#ffffff1a;border-radius:50%;height:50px;text-decoration:none;transition:all .3s ease;width:50px}.social-icons a:hover{background:#fff3;box-shadow:0 5px 15px #0000004d;transform:translateY(-3px) scale(1.1)}.light-mode .social-icons a{background:#fff3}.light-mode .social-icons a:hover{background:#ffffff4d;box-shadow:0 5px 15px #2c3e5033}.social-icons img{filter:brightness(0) invert(1);height:30px;transition:all .3s ease;width:30px}.light-mode .social-icons img{filter:brightness(0) invert(.3)}.skills-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));margin-bottom:30px;margin-left:auto;margin-right:auto}.skills-grid a{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;height:50px;justify-content:center;margin:0 auto;text-decoration:none;transition:all .3s ease;width:50px}.skills-grid a:hover{background:#fff3;box-shadow:0 5px 15px #0000004d;transform:translateY(-3px) scale(1.1)}.light-mode .skills-grid a{background:#fff3}.light-mode .skills-grid a:hover{background:#ffffff4d;box-shadow:0 5px 15px #2c3e5033}.skills-grid img{height:35px;transition:all .3s ease;width:35px}.profile-stats-full{align-items:center;display:flex;flex-direction:column;gap:20px}.profile-stats-full img{border-radius:8px;height:auto;max-width:100%;transition:transform .3s ease}.profile-stats-full img:hover{transform:scale(1.02)}@media (max-width:768px){.custom-section{height:auto;min-height:auto}.light-mode .section-title,.section-title{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;display:block;font-family:inherit;font-size:1.5rem;font-weight:700;letter-spacing:1.2px;line-height:1.2;margin-bottom:20px;position:static;text-align:center;text-rendering:optimizeLegibility;text-transform:uppercase;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .profile-name,.profile-name{font-size:2rem}.light-mode .profile-subtitle,.profile-subtitle{font-size:1.1rem}.light-mode .profile-about h3,.light-mode .profile-connect h3,.light-mode .profile-skills h3,.profile-about h3,.profile-connect h3,.profile-skills h3{font-size:1.3rem}.about-list li,.light-mode .about-list li{font-size:1rem}.skills-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(40px,1fr))}.skills-grid a{height:40px;width:40px}.skills-grid img{height:25px;width:25px}.social-icons a{height:45px;width:45px}.social-icons img{height:25px;width:25px}}.placeholder-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #0000;border-radius:15px;box-sizing:border-box;max-width:500px;padding:30px;text-align:center}.light-mode .placeholder-card{background:#fff6;border:1px solid #0000;box-shadow:none;box-sizing:border-box}.placeholder-card h3{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#fff;margin-bottom:30px;text-rendering:optimizeLegibility;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .placeholder-card h3,.placeholder-card h3{display:block;font-family:inherit;font-size:2rem;font-weight:700;letter-spacing:1.2px;line-height:1.2;position:static;text-transform:uppercase}.light-mode .placeholder-card h3{-webkit-text-fill-color:#0000;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background:linear-gradient(45deg,#2a3a4b,#34495e);-webkit-background-clip:text;background-clip:text;color:#2a3a4b;text-rendering:optimizeLegibility;text-shadow:0 0 10px #2a3a4b4d}@media (max-width:768px){.light-mode .placeholder-card h3,.placeholder-card h3{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#ccc);-webkit-background-clip:text;background-clip:text;color:#fff;display:block;font-family:inherit;font-size:1.5rem;font-weight:700;letter-spacing:1.2px;line-height:1.2;margin-bottom:20px;position:static;text-rendering:optimizeLegibility;text-shadow:0 0 10px #ffffff4d;text-transform:uppercase;transition:all .8s cubic-bezier(.4,0,.2,1)}}.placeholder-card p{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#ccc;margin-bottom:20px;text-rendering:optimizeLegibility;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .placeholder-card p,.placeholder-card p{display:block;font-family:inherit;font-weight:400;line-height:1.6;position:static}.light-mode .placeholder-card p{-webkit-text-fill-color:#0000;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background:linear-gradient(45deg,#34495e,#2c3e50);-webkit-background-clip:text;background-clip:text;color:#34495e;text-rendering:optimizeLegibility;text-shadow:0 0 6px #34495e33}.placeholder-card ul{margin:20px 0;padding-left:20px;text-align:left}.placeholder-card li{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#ccc;font-size:1.1rem;margin:10px 0;text-rendering:optimizeLegibility;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .placeholder-card li,.placeholder-card li{display:block;font-family:inherit;font-weight:400;line-height:1.4;position:static}.light-mode .placeholder-card li{-webkit-text-fill-color:#0000;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background:linear-gradient(45deg,#34495e,#2c3e50);-webkit-background-clip:text;background-clip:text;color:#34495e;text-rendering:optimizeLegibility;text-shadow:0 0 6px #34495e33}.edit-hint{background:#ffffff0d;border-left:4px solid #4caf50;border-radius:10px;margin-top:30px;padding:15px}.edit-hint p{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#aaa;font-size:.9rem;margin:0;text-rendering:optimizeLegibility;transition:all .8s cubic-bezier(.4,0,.2,1)}.edit-hint p,.light-mode .edit-hint p{display:block;font-family:inherit;font-weight:400;line-height:1.3;position:static}.light-mode .edit-hint p{-webkit-text-fill-color:#0000;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background:linear-gradient(45deg,#5d6d7e,#34495e);-webkit-background-clip:text;background-clip:text;color:#5d6d7e;text-rendering:optimizeLegibility;text-shadow:0 0 4px #5d6d7e33}.edit-hint code{background:#ffffff1a;border-radius:4px;color:#4caf50;font-family:Courier New,monospace;padding:2px 6px}.light-mode .custom-section{background:none;position:relative}.light-mode .custom-section:after{background:radial-gradient(ellipse 40% 30% at 10% 90%,#2cc8ff21 0,#0000 80%);bottom:0;content:"";height:120px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:80%;z-index:0}.menu{background:#000000f2;border-bottom:1px solid #ffffff26;box-shadow:0 4px 20px #0000004d;position:fixed;transition:all .8s cubic-bezier(.4,0,.2,1);z-index:9999}.menu,.menu:before{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);left:0;right:0;top:0}.menu:before{background:#2c3e50f2;border-bottom:1px solid #ffffff1a;bottom:0;box-shadow:0 4px 20px #00000026;content:"";opacity:0;position:absolute;transition:opacity .8s cubic-bezier(.4,0,.2,1);z-index:-1}.light-mode .menu:before{opacity:1}.light-mode .menu{animation:fadeInMenuLight .8s cubic-bezier(.4,0,.2,1) .2s forwards;background:#0000;border-bottom:#0000;box-shadow:none;opacity:0;transform:translateY(-10px)}.menu.scrolled{background:#000000fa;box-shadow:0 4px 25px #0006;transition:background .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .5s cubic-bezier(.4,0,.2,1);transition:background .5s cubic-bezier(.4,0,.2,1),backdrop-filter .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1);transition:background .5s cubic-bezier(.4,0,.2,1),backdrop-filter .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .5s cubic-bezier(.4,0,.2,1)}.light-mode .menu.scrolled,.menu.scrolled{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);opacity:1!important;transform:translateY(0)!important}.light-mode .menu.scrolled{animation:none!important;background:#2c3e50fa;box-shadow:0 4px 25px #0003}.light-mode .menu.at-top,.menu.at-top,body.troll-spin .light-mode .menu.at-top,body.troll-spin .menu.at-top{animation:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border-bottom:#0000!important;box-shadow:none!important;display:block!important;height:auto!important;left:0!important;opacity:1!important;pointer-events:auto!important;position:fixed!important;right:0!important;top:0!important;transform:translateY(0)!important;transition:all .6s cubic-bezier(.4,0,.2,1)!important;width:100%!important;z-index:9999!important}.light-mode .menu.at-top:before,.light-mode .menu.at-top:hover:before,body.troll-spin .light-mode .menu.at-top:before,body.troll-spin .light-mode .menu.at-top:hover:before{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border-bottom:#0000!important;box-shadow:none!important;opacity:0!important;transition:all .6s cubic-bezier(.4,0,.2,1)!important}.menu.at-top:hover{background:#000000f2!important;border-bottom:1px solid #ffffff26!important;box-shadow:0 4px 20px #0000004d!important}.light-mode .menu.at-top:hover,.menu.at-top:hover{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.light-mode .menu.at-top:hover{background:#2c3e50f2!important;border-bottom:1px solid #ffffff1a!important;box-shadow:0 4px 20px #0003!important}.light-mode .menu.at-top:hover:before{opacity:1!important;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.menu.in-header{opacity:.8!important}.light-mode .menu.in-header,.menu.in-header{animation:none!important;transform:translateY(0)!important;transition:all .6s cubic-bezier(.4,0,.2,1)}.light-mode .menu.in-header{background:#2c3e50cc!important;border-bottom:1px solid #2c3e502e;box-shadow:0 4px 20px #2c3e502e;opacity:1!important}.light-mode .menu.in-header:before{background:#2c3e50cc!important;opacity:1!important;transition:opacity .6s cubic-bezier(.4,0,.2,1)}.light-mode .menu.in-header:hover,.menu.in-header:hover{opacity:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.light-mode .menu.in-header:hover:before{opacity:1!important;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.light-mode .menu.at-top .menu-action-btn,.light-mode .menu.at-top .menu-item,.light-mode .menu.at-top .menu-username,.light-mode .menu.at-top .mobile-menu-toggle,.light-mode .menu.in-header .menu-action-btn,.light-mode .menu.in-header .menu-item,.light-mode .menu.in-header .menu-username,.light-mode .menu.in-header .mobile-menu-toggle,.light-mode .menu.in-header:hover .menu-action-btn,.light-mode .menu.in-header:hover .menu-item,.light-mode .menu.in-header:hover .menu-username,.light-mode .menu.in-header:hover .mobile-menu-toggle,.light-mode .menu.scrolled .menu-action-btn,.light-mode .menu.scrolled .menu-item,.light-mode .menu.scrolled .menu-username,.light-mode .menu.scrolled .mobile-menu-toggle,.menu.at-top .menu-action-btn,.menu.at-top .menu-item,.menu.at-top .menu-username,.menu.at-top .mobile-menu-toggle,.menu.in-header .menu-action-btn,.menu.in-header .menu-item,.menu.in-header .menu-username,.menu.in-header .mobile-menu-toggle,.menu.in-header:hover .menu-action-btn,.menu.in-header:hover .menu-item,.menu.in-header:hover .menu-username,.menu.in-header:hover .mobile-menu-toggle,.menu.scrolled .menu-action-btn,.menu.scrolled .menu-item,.menu.scrolled .menu-username,.menu.scrolled .mobile-menu-toggle{opacity:1;transition:opacity .3s ease}.light-mode .menu.at-top .menu-action-btn,.light-mode .menu.at-top .menu-item,.light-mode .menu.at-top .menu-username,.menu.at-top .menu-action-btn,.menu.at-top .menu-item,.menu.at-top .menu-username,body.troll-spin .light-mode .menu.at-top .menu-action-btn,body.troll-spin .light-mode .menu.at-top .menu-item,body.troll-spin .light-mode .menu.at-top .menu-username,body.troll-spin .menu.at-top .menu-action-btn,body.troll-spin .menu.at-top .menu-item,body.troll-spin .menu.at-top .menu-username{opacity:1!important;pointer-events:auto!important;visibility:visible!important}body.troll-spin .menu.at-top{animation:troll-spin-menu 1s linear infinite!important}body.troll-spin .light-mode .menu.at-top:before{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border-bottom:#0000!important;box-shadow:none!important;opacity:0!important}.menu-container{gap:30px;height:60px;padding:0 12px;position:relative;width:100%}.menu-container,.menu-username{align-items:center;display:flex}.menu-username{animation:slideInLeft .5s ease;left:2%;position:absolute;transition:opacity .5s ease,transform .5s ease;z-index:10}.menu-username.fade-out{animation:slideOutLeft .3s ease forwards;pointer-events:none}.light-mode .username-text,.username-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f8f9fa);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.4rem;font-weight:700;letter-spacing:1.2px;line-height:1;text-shadow:0 0 10px #ffffff4d;vertical-align:initial;white-space:nowrap}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-20px)}}@keyframes fadeInMenuLight{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-items{flex:1 1;gap:clamp(12px,4vw,60px);justify-content:center;margin:0 auto;min-width:0}.menu-item,.menu-items{align-items:center;display:flex}.menu-item{border-radius:10px;font-size:.9rem;font-weight:500;gap:8px;padding:12px 18px;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.light-mode .menu-item,.menu-item{color:#fff;text-shadow:0 0 8px #fff3}.light-mode .menu-item:hover,.menu-item:hover{background:#ffffff26;text-shadow:0 0 12px #fff6;transform:translateY(-2px)}.menu-item svg{font-size:1rem;transition:all .3s ease}.menu-item:hover svg{transform:scale(1.1)}.menu-item span{font-size:.85rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.menu-actions{gap:15px;position:absolute;right:2%;z-index:10}.menu-action-btn,.menu-actions{align-items:center;display:flex}.menu-action-btn{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1.1rem;height:44px;justify-content:center;padding:8px;transition:all .3s ease;width:44px}.light-mode .menu-action-btn,.menu-action-btn{color:#fff;text-shadow:0 0 8px #fff3}.light-mode .menu-action-btn:hover,.menu-action-btn:hover{background:#ffffff26;text-shadow:0 0 12px #fff6;transform:scale(1.1)}.theme-btn{overflow:hidden;position:relative}.theme-btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .8s cubic-bezier(.4,0,.2,1) -.2s;width:0}.theme-btn:hover:before{height:100%;width:100%}.theme-btn svg{transition:all .3s ease}.theme-btn:hover svg{transform:rotate(180deg)}.search-overlay{animation:slideDown .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000fa;border-top:1px solid #ffffff26;box-shadow:0 4px 20px #0000004d;left:0;padding:20px;position:absolute;right:0;top:100%}.light-mode .search-overlay{background:#2c3e50fa;border-top:1px solid #ffffff1a}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-form{align-items:center;display:flex;gap:10px;margin:0 auto;max-width:600px}.search-input{background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fff;flex:1 1;font-size:1rem;outline:none;padding:12px 20px;text-shadow:0 0 8px #fff3;transition:all .3s ease}.light-mode .search-input{background:#ffffff1a;border:1px solid #fff3;color:#fff}.light-mode .search-input::placeholder,.search-input::placeholder{color:#fff9}.search-input:focus{border-color:#4caf50;box-shadow:0 0 10px #4caf504d}.search-submit{align-items:center;background:#4caf50;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:45px;justify-content:center;transition:all .3s ease;width:45px}.search-submit:hover{background:#45a049;transform:scale(1.05)}.mobile-menu-toggle{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:none;font-size:1.2rem;height:44px;justify-content:center;left:30px;padding:8px;position:absolute;text-shadow:0 0 8px #fff3;transition:background .3s,transform .4s cubic-bezier(.4,0,.2,1);width:44px;z-index:1}.light-mode .mobile-menu-toggle{color:#fff}.mobile-menu-toggle svg{transition:transform .4s cubic-bezier(.4,0,.2,1)}.mobile-menu-toggle.active svg{transform:rotate(90deg)}.mobile-menu-toggle:hover{background:#ffffff26;text-shadow:0 0 12px #fff6;transform:scale(1.1)}.mobile-menu-toggle.active:hover{background:#ffffff2e;text-shadow:0 0 16px #ffffff80;transform:scale(1.1)}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000fa;border-top:1px solid #ffffff26;left:0;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:all .3s ease;visibility:hidden;z-index:12002}.light-mode .mobile-menu{background:#2c3e50fa;border-top:1px solid #ffffff26}.mobile-menu.open{opacity:1;transform:translateY(0);visibility:visible}.mobile-menu-items{display:flex;flex-direction:column;gap:15px;padding:20px}.mobile-menu-item{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:1.1rem;font-weight:500;gap:12px;padding:15px 20px;text-decoration:none;text-shadow:0 0 8px #fff3;transition:all .3s ease}.light-mode .mobile-menu-item{color:#fff}.mobile-menu-item:hover{background:#ffffff26;text-shadow:0 0 12px #fff6}.mobile-menu-item svg{font-size:1.2rem;transition:all .3s ease}.mobile-menu-item:hover svg{transform:scale(1.1)}.mobile-menu-item span{font-size:1rem;letter-spacing:.5px;text-transform:uppercase}.toggle--btn{background:#3c4145;border:4px solid #1c1c1c;border-radius:44px;height:44px;padding:0;position:relative;transition:all .35s ease;width:80px}.toggle--btn:before{border:4px solid #e3e3c7;border-radius:50%;height:34px;left:4px;top:2px;transition:all .35s ease;width:34px}.toggle--btn:after,.toggle--btn:before{background:#fff;content:"";position:absolute}.toggle--btn:after{border-radius:50%;box-shadow:3px 0 0 0 #fff,6px 0 0 0 #fff,9px 0 0 0 #fff,11px 0 0 0 #fff,14px 0 0 0 #fff,16px 0 0 0 #fff,21px -1px 0 1px #fff,16px -7px 0 -2px #fff,7px -7px 0 1px #fff,0 0 0 4px #d3d3d3,6px 0 0 4px #d3d3d3,11px 0 0 4px #d3d3d3,16px 0 0 4px #d3d3d3,21px -1px 0 5px #d3d3d3,16px -7px 0 1px #d3d3d3,7px -7px 0 5px #d3d3d3;height:8px;left:calc(100% - 54px);opacity:0;top:60%;transition:opacity .25s ease;width:8px}.toggle--feature{animation:starry 5s ease-in-out infinite;height:4px;left:50%;top:8px;width:4px}.toggle--feature,.toggle--feature:before{background:#fff;border-radius:50%;position:absolute}.toggle--feature:before{border:5px solid #e3e3c7;box-shadow:-26px 0 0 -3px #e3e3c7,-8px 22px 0 -2px #e3e3c7;content:"";height:18px;left:-24px;top:-2px;transform-origin:-6px 130%;width:18px}@keyframes starry{50%{background:#ffffff1a;box-shadow:30px -3px 0 0 #fff,12px 10px 0 -1px #fff,38px 18px 0 1px #ffffff1a,32px 34px 0 0 #fff,20px 24px 0 -1.5px #ffffff1a,5px 38px 0 1px #fff}}@keyframes cloudBounce{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}75%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.toggle{display:block;margin-top:40px;text-align:center;-webkit-user-select:none;user-select:none}.toggle--checkbox{display:none}.toggle--btn{display:block;font-size:1.4em;margin:0 auto;transition:all .35s ease-in}.toggle--btn:hover{cursor:pointer}.toggle--btn,.toggle--btn:after,.toggle--btn:before,.toggle--checkbox,.toggle--feature,.toggle--feature:after,.toggle--feature:before{transition:all .25s ease-in}.toggle--btn:after,.toggle--btn:before,.toggle--feature:after,.toggle--feature:before{content:"";display:block}.toggle--daynight .toggle--btn,.toggle--like .toggle--btn{border-radius:70px;height:70px;position:relative;width:125px}.toggle--daynight .toggle--btn:before,.toggle--like .toggle--btn:before{border-radius:50%;height:56px;left:4px;position:absolute;top:2px;width:56px}.toggle--daynight .toggle--btn{background:#3c4145;border:5px solid #1c1c1c}.toggle--daynight .toggle--btn:before{background:#fff;border:5px solid #e3e3c7}.toggle--daynight .toggle--btn:after{background:#fff;border-radius:50%;box-shadow:0 0 #fff,3px 0 #fff,6px 0 #fff,9px 0 #fff,11px 0 #fff,14px 0 #fff,16px 0 #fff,21px -1px 0 1px #fff,16px -7px 0 -2px #fff,7px -7px 0 1px #fff,0 0 0 4px #d3d3d3,6px 0 0 4px #d3d3d3,11px 0 0 4px #d3d3d3,16px 0 0 4px #d3d3d3,21px -1px 0 5px #d3d3d3,16px -7px 0 1px #d3d3d3,7px -7px 0 5px #d3d3d3;height:11.2px;left:39px;opacity:0;position:absolute;top:62%;transition:opacity .1s ease-in;width:11.2px;z-index:10}@keyframes starry_star{50%{background:#ffffff1a;box-shadow:30px -3px 0 0 #fff,12px 10px 0 -1px #fff,38px 18px 0 1px #ffffff1a,32px 34px 0 0 #fff,20px 24px 0 -1.5px #ffffff1a,5px 38px 0 1px #fff}}.toggle--daynight .toggle--feature{animation:starry_star 5s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:30px -3px 0 0 #ffffff1a,12px 10px 0 -1px #ffffff1a,38px 18px 0 1px #fff,32px 34px 0 0 #ffffff1a,20px 24px 0 -1.5px #fff,5px 38px 0 1px #ffffff1a;height:4px;left:52.5%;position:absolute;top:9px;width:4px;z-index:20}.toggle--daynight .toggle--feature:before{background:#fff;border:5px solid #e3e3c7;border-radius:50%;box-shadow:-28px 0 0 -3px #e3e3c7,-8px 24px 0 -2px #e3e3c7;height:18px;left:-25px;position:absolute;top:-2px;transform-origin:-6px 130%;width:18px}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}55%{transform:scale(1.1)}75%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.toggle--checkbox:checked+.toggle--btn{background:#9ee3fb;border:5px solid #86c3d7}.toggle--checkbox:checked+.toggle--btn:before{background:#ffdf6d;border:5px solid #e1c348;left:55px}.toggle--checkbox:checked+.toggle--btn:after{animation:bounceIn .6s ease-in-out .1s backwards;opacity:1}.toggle--checkbox:checked+.toggle--btn>.toggle--feature{animation:none;box-shadow:30px -3px 0 -4px #ffffff1a,12px 10px 0 -5px #ffffff1a,38px 18px 0 -3px #fff,32px 34px 0 -4px #ffffff1a,20px 24px 0 -5.5px #fff,5px 38px 0 -3px #ffffff1a;opacity:0}.toggle--checkbox:checked+.toggle--btn>.toggle--feature:before{left:25px;transform:rotate(70deg)}.toggle.toggle--daynight{transform:scale(.4);transform-origin:right center}.menu-actions .theme-toggle-wrapper{align-items:center;display:flex;height:44px;justify-content:center;margin:0;overflow:visible;width:44px}.menu-actions .theme-toggle-wrapper .toggle.toggle--daynight{margin-top:0;transform:scale(.4);transform-origin:center center}.toggle--daynight .toggle--btn,.toggle--daynight .toggle--btn:after,.toggle--daynight .toggle--btn:before{box-sizing:border-box;transition:background .35s ease-in,border .35s ease-in,left .35s ease-in,opacity .35s ease-in}.toggle--daynight .toggle--feature{left:48%;top:10px;transform:scale(1)}.fadein-seq{opacity:0;transform:translateY(-20px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.fadein-seq.show{opacity:1;transform:translateY(0)}.light-mode .menu.scrolled,.light-mode .menu.scrolled:before{background:#2c3e50fa!important;opacity:1!important}.light-mode .menu.in-header,.light-mode .menu.in-header:before{background:#2c3e50f2!important;opacity:.8!important}body.light-mode .menu.at-top,body.light-mode .menu.at-top:before{background:#0000!important;opacity:.8!important}@media (max-width:1180px){.menu-items{font-size:.8rem;gap:clamp(6px,2.5vw,30px)}.menu-item svg{font-size:.9rem}}@media (max-width:1050px){.menu-container{gap:15px;height:50px;padding:0 15px}.menu-items{display:none!important}.mobile-menu-toggle{background:#ffffff1a;display:flex!important;left:15px}.menu-action-btn{font-size:.95rem;height:38px;width:38px}.light-mode .username-text,.username-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f8f9fa);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:1.2px;line-height:1;text-shadow:0 0 10px #ffffff4d;vertical-align:initial;white-space:nowrap}.menu-username{left:80px;transition:opacity .5s ease,transform .5s ease}.menu-username.fade-out{animation:slideOutLeft .3s ease forwards;pointer-events:none}.menu-actions{gap:8px;right:15px}.search-form{flex-direction:column;gap:15px}.search-input{width:100%}}.keyboard-help-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.light-mode .keyboard-help-overlay{background:#2c3e50cc}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.keyboard-help-modal{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:15px;max-height:80vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.light-mode .keyboard-help-modal{background:#ffffffe6;border:1px solid #2c3e5033;box-shadow:0 10px 30px #2c3e5033}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.help-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.light-mode .help-header{border-bottom:1px solid #2c3e5033}.help-header h3{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:600;gap:10px;margin:0}.light-mode .help-header h3{color:#2c3e50}.help-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;padding:8px;transition:all .3s ease;width:40px}.light-mode .help-close{color:#2c3e50}.help-close:hover{background:#ffffff1a;transform:scale(1.1)}.light-mode .help-close:hover{background:#2c3e501a}.help-content{display:flex;flex-direction:column;gap:25px}.shortcut-group h4{border-bottom:1px solid #ffffff1a;color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:15px;padding-bottom:8px}.light-mode .shortcut-group h4{border-bottom:1px solid #2c3e5033;color:#2c3e50}.shortcut-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:10px 0}.light-mode .shortcut-item{border-bottom:1px solid #2c3e501a}.shortcut-item:last-child{border-bottom:none}.shortcut-item span{color:#ccc;font-size:.95rem}.light-mode .shortcut-item span{color:#34495e}.shortcut-item kbd{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;display:flex;font-family:Courier New,monospace;font-size:.85rem;font-weight:600;gap:5px;justify-content:center;min-width:80px;padding:6px 12px}.light-mode .shortcut-item kbd{background:#2c3e501a;border:1px solid #2c3e5033;color:#2c3e50}.shortcut-item kbd svg{font-size:.8rem}@media (max-width:768px){.keyboard-help-modal{max-width:95%;padding:20px}.help-header h3{font-size:1.3rem}.shortcut-item{align-items:flex-start;flex-direction:column;gap:8px}.shortcut-item kbd{align-self:flex-start}}.effect-controls{bottom:20px;display:flex;flex-direction:column;gap:8px;position:fixed;right:20px;z-index:1000}.buttons-panel,.mode-toggle{display:flex;flex-direction:column;gap:8px;transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1)}.buttons-panel.hidden{opacity:0;pointer-events:none;transform:translateX(60px)}.mode-toggle.hidden{opacity:0;pointer-events:none;transform:translateX(-60px)}.buttons-panel.show,.mode-toggle.show{opacity:1;transform:translateX(0)}.effect-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:18px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:8px;min-width:100px;padding:8px 12px;transition:all .3s ease}.effect-btn:hover{background:#fff3;box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.music-btn.active{background:#5db6ff59;border-color:#00c3ff;box-shadow:0 4px 15px #5db6ff59;color:#31ee0b}.music-btn.active:hover{background:#5db6ff99;box-shadow:0 6px 20px #5db6ff59}.gift-btn.active{background:#fc7da76c;border-color:#e7548080;box-shadow:0 4px 15px #fc7da76c,0 0 12px 2px #e7548080;color:#ff96dc}.gift-btn.active:hover{background:#fc7da7a0;box-shadow:0 6px 20px #fc7da76c,0 0 16px 4px #e7548080}.snow-btn.active{background:#87cefa4d;border-color:#87cefa80;box-shadow:0 4px 15px #87cefa4d;color:#87cefa}.snow-btn.active:hover{background:#87cefa66;box-shadow:0 6px 20px #87cefa66}.cherry-btn.active{background:#ffb6c14d;border-color:#ffb6c180;box-shadow:0 4px 15px #ffb6c14d;color:#ffb6c1}.cherry-btn.active:hover{background:#ffb6c166;box-shadow:0 6px 20px #ffb6c166}.maple-btn.active{background:#ffa5004d;border-color:#ffa50080;box-shadow:0 4px 15px #ffa5004d;color:orange}.maple-btn.active:hover{background:#ffa50066;box-shadow:0 6px 20px #ffa50066}.galaxy-btn.active{background:#8a2be24d;border-color:#8a2be280;box-shadow:0 4px 15px #8a2be24d;color:#d4b2f5}.galaxy-btn.active:hover{background:#8a2be266;box-shadow:0 6px 20px #8a2be266}.off-btn{background:#ffffff26;border-color:#ffffff4d}.off-btn:hover{background:#ffffff40;color:#ff6b6b}.off-icon{font-size:1rem;font-weight:700}.effect-icon{font-size:1rem;transition:all .3s ease}.effect-btn.active .effect-icon{animation:spin 2s linear infinite}.effect-text{font-weight:600;letter-spacing:.5px}.light-mode .effect-btn{background:#fff3;border:1px solid #2c3e5033;box-shadow:0 4px 15px #2c3e501a;color:#2c3e50}.light-mode .effect-btn:hover{background:#ffffff4d;box-shadow:0 6px 20px #2c3e5033}.light-mode .snow-btn.active{background:#3498db4d;border-color:#3498db80;box-shadow:0 4px 15px #3498db4d;color:#3498db}.light-mode .gift-btn.active{background:#fc96c7;border-color:#fd91c5;box-shadow:0 4px 15px #ffe0ef;color:#884e6b}.light-mode .gift-btn.active:hover{background:#ffd6e6;box-shadow:0 6px 20px #ffe0ef}.light-mode .music-btn.active{background:#fa5dff59;border-color:#00c3ff;box-shadow:0 4px 15px #00c3ff4d;color:#f31303}.light-mode .music-btn.active:hover{background:#5292f180;box-shadow:0 6px 20px #2ad3d35e}.light-mode .snow-btn.active:hover{background:#3498db66;box-shadow:0 6px 20px #3498db66}.light-mode .cherry-btn.active{background:#e74c3c4d;border-color:#e74c3c80;box-shadow:0 4px 15px #e74c3c4d;color:#e74c3c}.light-mode .cherry-btn.active:hover{background:#e74c3c66;box-shadow:0 6px 20px #e74c3c66}.light-mode .maple-btn.active{background:#f39c124d;border-color:#f39c1280;box-shadow:0 4px 15px #f39c124d;color:#f39c12}.light-mode .maple-btn.active:hover{background:#f39c1266;box-shadow:0 6px 20px #f39c1266}.light-mode .galaxy-btn.active{background:#9b59b64d;border-color:#9b59b680;box-shadow:0 4px 15px #9b59b64d;color:#9b59b6}.light-mode .galaxy-btn.active:hover{background:#9b59b666;box-shadow:0 6px 20px #9b59b666}.light-mode .off-btn{background:#ffffff40;border-color:#2c3e504d}.light-mode .off-btn:hover{background:#ffffff59;color:#e74c3c}.mode-toggle{display:flex;flex-direction:column;gap:8px;left:20px;position:fixed;top:80px;z-index:9500}.perf-btn,.perf-btn.active{background:#ffffff26;border:1px solid #ffffff4d;color:#fff}.perf-btn.active{box-shadow:0 4px 15px #0003}.perf-btn:hover{background:#ffffff40;color:#ff6b6b}.light-mode .perf-btn{background:#b6b3b340;border-color:#f7f1f14d;color:#fff}.light-mode .perf-btn.active{background:#ffffff40;border-color:#2c3e504d;box-shadow:0 4px 15px #2c3e501a;color:#fff}.light-mode .perf-btn:hover{background:#e2e0e059;color:#4542ec}.particle-container{height:calc(100% + 100px);left:-50px;overflow:hidden;pointer-events:none;position:fixed;top:-50px;width:calc(100% + 100px);z-index:999}.particle{animation:snowfall linear infinite;color:#fff;position:absolute;text-shadow:0 0 5px #fffc;-webkit-user-select:none;user-select:none}@keyframes snowfall{0%{opacity:0;transform:translateX(0) translateY(-10vh) rotate(0deg)}5%{opacity:1}to{opacity:0;transform:translateX(46.6vh) translateY(110vh) rotate(1turn)}}@keyframes galaxyfall{0%{opacity:0;transform:translateX(0) translateY(0) rotate(0deg) scale(.5)}10%{opacity:1;transform:translateX(0) translateY(0) rotate(180deg) scale(1)}50%{opacity:.8;transform:translateX(15vw) translateY(50vh) rotate(1turn) scale(1.2)}to{opacity:0;transform:translateX(60vw) translateY(calc(100vh + 20px)) rotate(2turn) scale(.8)}}.galaxy-particle{animation:galaxyFloat linear infinite;transform-origin:center}@keyframes galaxyFloat{0%{opacity:0;transform:translateX(0) translateY(0) rotate(0deg) scale(.5)}10%{opacity:1;transform:translateX(20px) translateY(-30px) rotate(180deg) scale(1);transform:translateX(calc(var(--move-x, 20px))) translateY(calc(var(--move-y, -30px))) rotate(180deg) scale(1)}30%{opacity:.9;transform:translateX(40px) translateY(-45px) rotate(1turn) scale(1.2);transform:translateX(calc(var(--move-x, 20px)*2)) translateY(calc(var(--move-y, -30px)*1.5)) rotate(1turn) scale(1.2)}60%{opacity:.8;transform:translateX(30px) translateY(-60px) rotate(540deg) scale(1);transform:translateX(calc(var(--move-x, 20px)*1.5)) translateY(calc(var(--move-y, -30px)*2)) rotate(540deg) scale(1)}90%{opacity:.6;transform:translateX(10px) translateY(-75px) rotate(2turn) scale(.9);transform:translateX(calc(var(--move-x, 20px)*.5)) translateY(calc(var(--move-y, -30px)*2.5)) rotate(2turn) scale(.9)}to{opacity:0;transform:translateX(0) translateY(-90px) rotate(900deg) scale(.5);transform:translateX(calc(var(--move-x, 20px)*0)) translateY(calc(var(--move-y, -30px)*3)) rotate(900deg) scale(.5)}}.galaxy-particle{perspective:1000px;transform-style:preserve-3d}.meteor-btn.active{background:#ff8c004d;border-color:#ff8c0080;box-shadow:0 4px 15px #ff8c004d;color:#ff8c00}.meteor-btn.active:hover{background:#ff8c0066;box-shadow:0 6px 20px #ff8c0066}.light-mode .meteor-btn.active{background:#ffc3714d;border-color:#ffc37180;box-shadow:0 4px 15px #ffc3714d;color:#ff9800}.light-mode .meteor-btn.active:hover{background:#ffc37166;box-shadow:0 6px 20px #ffc37166}.shooting-star-container{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:9999}.shooting-star{animation:shooting-star-anim 3s linear infinite;background:#fff;border-radius:50%;box-shadow:0 0 0 4px #ffffff1a,0 0 0 8px #ffffff1a,0 0 20px #fff;height:4px;position:absolute;width:4px}.shooting-star:before{background:linear-gradient(90deg,#fff,#0000);content:"";height:1px;position:absolute;top:50%;transform:translateY(-50%);width:300px}@keyframes shooting-star-anim{0%{opacity:1;transform:rotate(315deg) translateX(0)}70%{opacity:1}to{opacity:0;transform:rotate(315deg) translateX(-1500px)}}@media (max-width:768px){.effect-controls{bottom:15px;gap:6px;right:15px}.effect-btn{justify-content:center;min-width:50px;padding:4px 6px;width:50px}.effect-text{display:none}.effect-icon,.off-icon{font-size:.9rem}.particle{font-size:.8rem}.music-tooltip{display:none}}.music-container{display:inline-block;position:relative}.music-tooltip{border-radius:6px;font-size:.75rem;opacity:0;padding:4px 8px;pointer-events:none;right:110%;transition:opacity .25s ease;white-space:nowrap}.music-tooltip,.music-tooltip:after{position:absolute;top:50%;transform:translateY(-50%)}.music-tooltip:after{border:6px solid #0000;content:"";left:100%}.music-container:hover .music-tooltip{opacity:1;transition:opacity .25s ease .5s}.music-btn+.music-tooltip{background:#ffffff1a;border:1px solid #fff3;box-shadow:0 4px 15px #0003;color:#fff}.music-btn+.music-tooltip:after{border-left-color:#ffffff1a}.music-btn.active+.music-tooltip{background:#5db6ff59;border:1px solid #00c3ff;box-shadow:0 4px 15px #5db6ff59;color:#31ee0b}.music-btn.active+.music-tooltip:after{border-left-color:#5db6ff59}.light-mode .music-btn+.music-tooltip{background:#fff3;border:1px solid #2c3e5033;box-shadow:0 4px 15px #2c3e501a;color:#2c3e50}.light-mode .music-btn+.music-tooltip:after{border-left-color:#fff3}.light-mode .music-btn.active+.music-tooltip{background:#2ad3d35e;border:1px solid #0d47a1;box-shadow:0 4px 15px #2ad3d35e;color:#0d47a1}.light-mode .music-btn.active+.music-tooltip:after{border-left-color:#2ad3d35e}@media (max-width:768px){.music-tooltip{display:none}.mode-toggle{left:15px;top:15px;top:65px}.perf-btn{justify-content:center;min-width:50px;padding:4px 6px;width:50px}.perf-btn .effect-text{display:none}.back-btn{justify-content:center;min-width:50px;padding:4px 6px;width:50px}.back-btn .effect-text{display:none}}.back-btn{background:#ffffff26;border:1px solid #ffffff4d;color:#fff;margin-top:8px}.back-btn:hover{background:#ffffff40;color:#ff6b6b}.light-mode .back-btn{background:#b6b3b340;border-color:#f7f1f14d;color:#fff}.light-mode .back-btn:hover{background:#e2e0e059;color:#4542ec}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutToRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.media-player-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border-radius:16px;bottom:50px;box-shadow:0 12px 28px #0003;font-family:Segoe UI,sans-serif;isolation:isolate;opacity:0;padding:24px 16px 16px;pointer-events:auto;position:absolute;right:20px;transform:translateX(100%);transition:all .3s ease;width:280px;z-index:1001}.media-player-box.show{animation:slideInFromRight .5s ease-out forwards}.media-player-box.slide-out{animation:slideOutToRight .5s ease-out forwards}body.dark-mode .media-player-box{background:#222222e6;color:#f5f5f5}.track-name{word-wrap:break-word;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:.95rem;font-weight:600;line-height:1.4;margin-bottom:20px;max-height:4.2em;overflow:hidden;overflow-wrap:break-word;pointer-events:auto;text-align:center;-webkit-user-select:none;user-select:none;white-space:normal}.timeline-container{margin-bottom:14px;width:100%}.timeline-slider{accent-color:#3498db;background:#ddd;border-radius:4px;cursor:pointer;height:4px;margin-bottom:8px;pointer-events:auto;width:100%}.time-display{color:#666;display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:6px}.current-time,.total-time{font-family:Segoe UI,monospace;font-weight:500}body.dark-mode .time-display{color:#bbb}.timeline-slider:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}body.dark-mode .timeline-container .timeline-slider{accent-color:#1abc9c;background:#444}.controls-container{align-items:stretch;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px;pointer-events:auto;position:relative}.main-controls{display:flex;flex:1 1;flex-direction:column;gap:8px}.control-row{gap:12px}.control-box,.control-row{display:flex;justify-content:center}.control-box{align-items:center;background:#0000;border:none;border-radius:12px;flex-direction:column;min-height:80px;padding:4px;transition:all .2s ease}.control-box:hover,.main-controls button{background:#0000;border:none}.main-controls button{align-items:center;border-radius:0;color:#2c3e50;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;min-height:auto;min-width:auto;padding:10px;pointer-events:auto;position:relative;transition:all .3s ease;z-index:1002}.main-controls button:hover{transform:translateY(-1px) scale(1.07)}.main-controls button svg{transition:filter .3s ease}.main-controls button:hover svg{filter:drop-shadow(0 6px 14px rgba(52,152,219,.45)) drop-shadow(0 2px 6px rgba(52,152,219,.25))}.main-controls button:active{transform:translateY(0) scale(.96)}.main-controls button:active svg{filter:drop-shadow(0 3px 8px rgba(52,152,219,.25))}body.dark-mode .main-controls button{color:#ecf0f1}body.dark-mode .main-controls button:hover svg{filter:drop-shadow(0 6px 14px rgba(10,241,107,.5)) drop-shadow(0 2px 6px rgba(10,241,107,.3))}.main-controls button.active{color:#3498db}body.dark-mode .main-controls button.active{color:#0af16b}body.dark-mode .control-box,body.dark-mode .control-box:hover{background:#0000;border:none}.volume-button,.volume-control{position:relative}.volume-button{align-items:center;background:#0000;border:none;border-radius:0;color:#2c3e50;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;min-height:auto;min-width:auto;padding:10px;pointer-events:auto;transition:all .3s ease;z-index:1002}.volume-button svg{transition:filter .3s ease}.volume-button:hover svg{filter:drop-shadow(0 6px 14px rgba(52,152,219,.45)) drop-shadow(0 2px 6px rgba(52,152,219,.25))}.volume-button:active{transform:translateY(0) scale(.96)}.volume-button:active svg{filter:drop-shadow(0 3px 8px rgba(52,152,219,.25))}.volume-panel{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffffa;border:1px solid #00000014;border-radius:12px;bottom:calc(100% + 12px);box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;gap:8px;left:50%;min-width:120px;padding:12px 16px;position:absolute;transform:translateX(-50%);z-index:1005}.volume-label{color:#666;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.volume-slider{accent-color:#3498db;background:#ddd;border-radius:4px;cursor:pointer;height:4px;width:80px}.volume-value{color:#2c3e50;font-family:Segoe UI,monospace;font-size:.7rem;font-weight:600}body.dark-mode .volume-button{color:#ecf0f1}body.dark-mode .volume-button:hover svg{filter:drop-shadow(0 6px 14px rgba(10,241,107,.5)) drop-shadow(0 2px 6px rgba(10,241,107,.3))}body.dark-mode .volume-button:active svg{filter:drop-shadow(0 3px 8px rgba(10,241,107,.28))}body.dark-mode .volume-panel{background:#282828fa;border-color:#ffffff14;box-shadow:0 8px 24px #00000073}body.dark-mode .volume-label{color:#bbb}body.dark-mode .volume-slider{accent-color:#1abc9c;background:#444}body.dark-mode .volume-value{color:#ecf0f1}.track-button,.track-control{position:relative}.track-button{align-items:center;background:#0000;border:none;border-radius:0;color:#2c3e50;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;min-height:auto;min-width:auto;padding:10px;pointer-events:auto;transition:all .3s ease;z-index:1002}.track-button svg{transition:filter .3s ease}.track-button:hover svg{filter:drop-shadow(0 6px 14px rgba(52,152,219,.45)) drop-shadow(0 2px 6px rgba(52,152,219,.25))}.track-button:active{transform:translateY(0) scale(.96)}.track-button:active svg{filter:drop-shadow(0 3px 8px rgba(52,152,219,.25))}.track-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffffa;border:1px solid #00000014;border-radius:12px;bottom:calc(100% + 12px);box-shadow:0 8px 24px #00000026;max-width:280px;min-width:200px;overflow:hidden;position:absolute;right:0;z-index:1005}.track-panel-header{background:#00000005;border-bottom:1px solid #0000000d;padding:12px 16px 8px}.track-panel-title{color:#666;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.track-panel-content{max-height:200px;overflow-y:auto;padding:4px}.track-panel-item{background:#0000;border:none;border-radius:8px;color:#2c3e50;cursor:pointer;display:block;font-size:.85rem;padding:8px 12px;text-align:left;transition:background .2s ease,color .2s ease;width:100%}.track-panel-item:hover{background:#3498db14}.track-panel-item.active{background:#3498db1f;color:#1a6fa6;font-weight:600}body.dark-mode .track-button{color:#ecf0f1}body.dark-mode .track-button:hover svg{filter:drop-shadow(0 6px 14px rgba(10,241,107,.5)) drop-shadow(0 2px 6px rgba(10,241,107,.3))}body.dark-mode .track-button:active svg{filter:drop-shadow(0 3px 8px rgba(10,241,107,.28))}body.dark-mode .track-panel{background:#282828fa;border-color:#ffffff14;box-shadow:0 8px 24px #00000073}body.dark-mode .track-panel-header{background:#ffffff05;border-bottom-color:#ffffff0d}body.dark-mode .track-panel-title{color:#bbb}body.dark-mode .track-panel-item{color:#ecf0f1}body.dark-mode .track-panel-item:hover{background:#0af16b14}body.dark-mode .track-panel-item.active{background:#0af16b1f;color:#0af16b}.playlist-selector{margin-top:24px;width:100%}.playlist-dropdown{position:relative}.playlist-dropdown-button{background:#fffffff2;border:1px solid #d0d0d0;border-radius:12px;box-shadow:none;color:#2c3e50;cursor:pointer;font-size:.9rem;font-weight:600;outline:none;padding:10px 36px 10px 12px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.playlist-dropdown-button:hover{border-color:#3498db73;box-shadow:0 8px 18px #3498db1f}.playlist-dropdown-button:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db40}.playlist-dropdown-arrow{color:#666;font-size:.85rem;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.playlist-dropdown-menu{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffffa;border:1px solid #00000014;border-radius:12px;box-shadow:none;display:flex;flex-direction:column;gap:4px;left:0;max-height:220px;overflow:auto;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:1004}.playlist-dropdown-item{background:#0000;border:none;border-radius:10px;color:#2c3e50;cursor:pointer;font-size:.9rem;padding:10px;text-align:left;transition:background .2s ease,color .2s ease,transform .05s ease}.playlist-dropdown-item:hover{background:#3498db14}.playlist-dropdown-item.active{background:#3498db1f;color:#1a6fa6;font-weight:700}body.dark-mode .playlist-dropdown-button{background:#222222f2;border-color:#ffffff14;box-shadow:none;color:#ecf0f1}body.dark-mode .playlist-dropdown-button:hover{border-color:#0af16b59;box-shadow:0 8px 18px #0af16b1f}body.dark-mode .playlist-dropdown-button:focus{border-color:#0af16b;box-shadow:0 0 0 3px #0af16b40}body.dark-mode .playlist-dropdown-arrow{color:#ddd}body.dark-mode .playlist-dropdown-menu{background:#282828fa;border-color:#ffffff14;box-shadow:none}body.dark-mode .playlist-dropdown-item{color:#ecf0f1}body.dark-mode .playlist-dropdown-item:hover{background:#0af16b14}body.dark-mode .playlist-dropdown-item.active{background:#0af16b1f;color:#0af16b}.track-dropdown{margin-top:10px;position:relative}.track-dropdown-button{background:#fffffff2;border:1px solid #d0d0d0;border-radius:12px;box-shadow:none;color:#2c3e50;cursor:pointer;font-size:.9rem;font-weight:600;outline:none;padding:10px 36px 10px 12px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.track-dropdown-button:hover{border-color:#3498db73;box-shadow:0 8px 18px #3498db1f}.track-dropdown-button:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db40}.track-dropdown-arrow{color:#666;font-size:.85rem;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.track-dropdown-menu{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffffa;border:1px solid #00000014;border-radius:12px;box-shadow:none;display:flex;flex-direction:column;gap:4px;left:0;max-height:230px;overflow:auto;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:1004}.track-dropdown-item{background:#0000;border:none;border-radius:10px;color:#2c3e50;cursor:pointer;font-size:.88rem;padding:10px;text-align:left;transition:background .2s ease,color .2s ease,transform .05s ease}.track-dropdown-item:hover{background:#3498db14}.track-dropdown-item.active{background:#3498db1f;color:#1a6fa6;font-weight:700}body.dark-mode .track-dropdown-button{background:#222222f2;border-color:#ffffff14;box-shadow:none;color:#ecf0f1}body.dark-mode .track-dropdown-button:hover{border-color:#0af16b59;box-shadow:0 8px 18px #0af16b1f}body.dark-mode .track-dropdown-button:focus{border-color:#0af16b;box-shadow:0 0 0 3px #0af16b40}body.dark-mode .track-dropdown-arrow{color:#ddd}body.dark-mode .track-dropdown-menu{background:#282828fa;border-color:#ffffff14;box-shadow:none}body.dark-mode .track-dropdown-item{color:#ecf0f1}body.dark-mode .track-dropdown-item:hover{background:#0af16b14}body.dark-mode .track-dropdown-item.active{background:#0af16b1f;color:#0af16b}@media (max-width:768px){.track-dropdown-button{border-radius:10px;font-size:.85rem;padding:9px 34px 9px 12px}.track-dropdown-menu{max-height:200px}.playlist-dropdown-button{border-radius:10px;font-size:.85rem;padding:9px 34px 9px 12px}.playlist-dropdown-menu{max-height:200px}}body.dark-mode .playlist-selector select{background:#222222e6;border-color:#2e2e2e;color:#ecf0f1}.loop-container{pointer-events:auto;position:relative}.loop-options{background:#fffffff2;border-radius:12px;box-shadow:0 8px 20px #00000026;display:flex;flex-direction:column;gap:6px;isolation:isolate;padding:8px;pointer-events:auto;position:absolute;right:-75%;top:-100%;transition:opacity .3s ease;z-index:1003}body.dark-mode .loop-options{background:#282828f2}.loop-options button{background:none;border:none;border-radius:8px;color:#2c3e50;cursor:pointer;font-size:.85rem;min-height:auto;min-width:auto;padding:6px 10px;pointer-events:auto;text-align:left;transition:background .25s ease}body.dark-mode .loop-options button{color:#ecf0f1}.loop-options button.active,.loop-options button:hover{background-color:#3498db1a;font-weight:600}@media (max-width:768px){.media-player-box{bottom:50px;padding:22px 12px 12px;right:10px;width:250px}.track-name{font-size:.85rem;margin-bottom:10px}.controls-container{gap:4px}.control-box{min-height:70px;padding:2px}.main-controls{gap:6px}.control-row{gap:8px}.main-controls button{font-size:1rem;padding:8px}}.loop-btn.hidden,.loop-container button[hidden]{visibility:hidden!important}.loop-btn.active{color:#3498db}body.dark-mode .loop-btn.active{color:#0af16b}.loop-options .active{color:#3498db}body.dark-mode .loop-options .active{color:#0af16b}:root{--clr-accent-1:#3a506b;--clr-accent-2:#1c2541;--clr-accent-3:#0b132b;--clr-glass:#ffffff14}.pms__backdrop{background:radial-gradient(circle at 25% 20%,#283048 0,#1c1f24 40%,#0f0f10 100%);color:#f8f9fa;display:grid;font-family:Inter,system-ui,sans-serif;min-height:100vh;overflow:hidden;place-items:center;position:relative}.pms__backdrop:before{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'><rect width='100%' height='100%' fill='rgba(255,255,255,0.03)'/></svg>");background-size:160px 160px;content:"";inset:0;mix-blend-mode:overlay;pointer-events:none;position:absolute}.pms__card{animation:fadeInUp .8s ease both;-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);background:#ffffff14;background:var(--clr-glass);border:1px solid #ffffff26;border-radius:28px;box-shadow:0 12px 32px #00000059;padding:clamp(2rem,6vw,3rem);text-align:center;width:min(92vw,540px)}.pms__title{align-items:center;display:flex;flex-direction:column;gap:.7rem;margin-bottom:2.4rem}.pms__title-main{font-size:clamp(1.3rem,2.9vw,1.8rem);font-weight:700}.pms__title-divider{background:currentColor;height:1px;opacity:.28;width:68%}.pms__title-sub{font-size:.95rem;font-style:italic;letter-spacing:.25px;opacity:.9}.pms__btn-row{display:flex;gap:1rem;width:100%}.pms__btn{--btn-grad:linear-gradient(135deg,#6dd5fa,#2980b9);align-items:center;background:none;border:none;border-radius:14px;color:#f1f1f1;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:1rem;font-weight:600;gap:.55rem;justify-content:flex-start;min-width:0;padding:1rem 1.2rem;position:relative;text-align:center;transition:transform .18s ease,box-shadow .18s ease}.pms__btn:before{background:var(--btn-grad);border-radius:inherit;content:"";inset:0;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;padding:2px;pointer-events:none;position:absolute;transition:filter .25s ease}.pms__btn:hover{box-shadow:0 6px 20px #ffffff1f,inset 0 0 12px #ffffff40;transform:translateY(-3px)}.pms__btn:hover:before{filter:brightness(1.25) saturate(1.4)}.pms__btn:active{box-shadow:inset 0 2px 10px #00000059;transform:scale(.97)}.pms__btn--low{--btn-grad:linear-gradient(135deg,#095af0,#aacaee)}.pms__btn--high{--btn-grad:linear-gradient(135deg,#ff512f,#dd2476)}.pms__icon{font-size:1.35rem;line-height:1}.pms__btn-title{font-size:clamp(.9rem,2.4vw,1.05rem);font-weight:600;line-height:1.25}.pms__btn-divider{background:currentColor;height:1px;opacity:.25;width:68%}.pms__btn-desc{font-size:.83rem;font-style:italic;line-height:1.35;opacity:.9}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.pms__title-main{font-size:1.1rem}.pms__card{border-radius:22px}.pms__btn{font-size:.9rem;gap:.45rem;padding:.85rem .9rem}.pms__btn-row{gap:.6rem}.pms__btn-title{font-size:.8rem}.pms__btn-desc{font-size:.78rem}}.pms__title-main,.pms__title-sub{text-shadow:0 0 4px #ffffff40,0 0 8px #fff3,0 0 14px #ffffff26;transition:text-shadow .2s ease}.pm-overlay{background:radial-gradient(circle at 25% 20%,#283048 0,#1c1f24 40%,#0f0f10 100%);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .25s ease-out;will-change:opacity;z-index:9998}.pm-overlay.show{opacity:1}.pms__card.exiting{animation:pmCardExit .65s cubic-bezier(.22,.61,.36,1) forwards;will-change:transform,opacity,filter}@keyframes pmCardExit{0%{filter:blur(0);opacity:1;transform:scale(1) translateY(0)}40%{filter:blur(2px);opacity:.9;transform:scale(.94) translateY(-8px)}to{filter:blur(6px);opacity:0;transform:scale(.86) translateY(-36px)}}.pms__backdrop.exiting{animation:pmBackdropFade .55s ease-in forwards;will-change:opacity}@keyframes pmBackdropFade{to{opacity:0}}.header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:none;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;padding:0;position:relative;width:100%}.header-video-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.header-video{height:100%;object-fit:cover;-webkit-object-fit:cover;object-position:center;-webkit-object-position:center;width:100%}.light-mode .header-video{filter:blur(8px) brightness(.7) contrast(1) saturate(1);transition:filter .8s cubic-bezier(.4,0,.2,1)}.header-video-overlay{background:#0006;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.light-mode .header-video-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0099ff1a}.header-obj-center{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center;width:100%;z-index:2}.username{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#f85d03,#ffd5d5);-webkit-background-clip:text;background-clip:text;font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:3rem;font-weight:700;letter-spacing:4px;margin-bottom:10px;text-shadow:0 0 20px #ffffff4d;text-transform:none;transition:all .3s ease}.username:hover{text-shadow:0 0 30px #f36907!important;transform:scale(1.03)!important;transition:all .3s ease!important}.slogan{color:#fff;font-size:1.2rem;font-weight:300;letter-spacing:2px;text-transform:uppercase;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .username{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00c3ff,#53fcfc);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 20px #ffffff4d}.light-mode .username:hover{text-shadow:0 0 30px #07e3f3!important;transform:scale(1.03)!important;transition:all .3s ease!important}@keyframes troll-spin-menu{to{transform:rotate(1turn)}}body.troll-spin .header-video{animation:troll-spin-menu 1s linear infinite!important;transform-origin:50% 50%}.fadein-seq-bottom{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.fadein-seq-bottom.show{opacity:1;transform:translateY(0)}@media (max-width:768px){.username{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#f85d03,#ffd5d5);-webkit-background-clip:text;background-clip:text;font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:2rem;font-weight:700;letter-spacing:2px;margin-bottom:10px;text-shadow:0 0 20px #ffffff4d;text-transform:none;transition:all .3s ease}.username:hover{text-shadow:0 0 30px #f36907!important;transform:scale(1.03)!important;transition:all .3s ease!important}.light-mode .username{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#03bff8,#53fcfc);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 20px #ffffff4d}.light-mode .username:hover{text-shadow:0 0 30px #07e3f3!important;transform:scale(1.03)!important;transition:all .3s ease!important}.slogan{color:#ccc;font-size:1rem;font-weight:300;letter-spacing:2px;text-shadow:none;text-transform:uppercase;transition:all .8s cubic-bezier(.4,0,.2,1)}}.mini-social-bar{margin-top:8px;opacity:0;padding:5px 0;transition:opacity .3s ease}.mini-social-bar.visible{opacity:1}.mini-social-container{flex-wrap:nowrap;gap:12px;margin:0 auto;max-width:600px;padding:0 12px}.mini-social-container,.mini-social-link{align-items:center;display:flex;justify-content:center}.mini-social-link{-webkit-tap-highlight-color:transparent;color:#fff;flex-shrink:0;font-size:1.2rem;height:40px;outline:none;text-decoration:none;transition:all .3s ease;width:40px}.mini-social-link:hover{color:var(--hover-color);transform:translateY(-3px) scale(1.1)}.light-mode .mini-social-link{color:#fff;text-shadow:0 0 8px #ffffff4d}.light-mode .mini-social-link:hover{color:var(--hover-color);text-shadow:0 0 12px #ffffff80;transform:translateY(-3px) scale(1.15)}.mini-social-link:active,.mini-social-link:focus,.mini-social-link:focus-visible{-webkit-tap-highlight-color:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}@media (max-width:768px){.mini-social-container{gap:calc((100vw - 16px - var(--total-icons)*40px)/(var(--total-icons) - 1));max-width:100%;padding:0 8px}.mini-social-link{font-size:1.1rem;height:40px;width:40px}}@media (max-width:375px){.mini-social-container{gap:calc((100vw - 8px - (var(--total-icons) * 32px)) / max(1, (var(--total-icons) - 1)));padding:0 4px}.mini-social-link{font-size:1rem;height:32px;width:32px}}@media (max-width:320px){.mini-social-container{gap:calc((100vw - 4px - (var(--total-icons) * 28px)) / max(1, (var(--total-icons) - 1)));padding:0 2px}.mini-social-link{font-size:.9rem;height:28px;width:28px}}@media (max-width:280px){.mini-social-container{gap:calc((100vw - 2px - (var(--total-icons) * 24px)) / max(1, (var(--total-icons) - 1)));padding:0 1px}.mini-social-link{font-size:.8rem;height:24px;width:24px}}@media (max-width:768px){.mini-social-container{gap:max(0px,calc((100vw - 16px - var(--total-icons)*40px)/(var(--total-icons) - 1)))}}@media (max-width:375px){.mini-social-container{gap:max(0px,calc((100vw - 8px - (var(--total-icons) * 32px)) / max(1, (var(--total-icons) - 1))))}}@media (max-width:320px){.mini-social-container{gap:max(0px,calc((100vw - 4px - (var(--total-icons) * 28px)) / max(1, (var(--total-icons) - 1))))}}@media (max-width:280px){.mini-social-container{gap:max(0px,calc((100vw - 2px - (var(--total-icons) * 24px)) / max(1, (var(--total-icons) - 1))))}}@media (max-width:768px){.mini-social-container{gap:min(2px,max(0px,calc((100vw - 16px - var(--total-icons)*40px)/(var(--total-icons) - 1))))}}@media (max-width:375px){.mini-social-container{gap:min(2px,max(0px,calc((100vw - 8px - (var(--total-icons) * 32px)) / max(1, (var(--total-icons) - 1)))))}}@media (max-width:320px){.mini-social-container{gap:min(2px,max(0px,calc((100vw - 4px - (var(--total-icons) * 28px)) / max(1, (var(--total-icons) - 1)))))}}@media (max-width:280px){.mini-social-container{gap:min(2px,max(0px,calc((100vw - 2px - (var(--total-icons) * 24px)) / max(1, (var(--total-icons) - 1)))))}}.about-page{align-items:center;justify-content:center;min-height:100vh;padding:20px}.about-container,.about-page{box-sizing:border-box;display:flex}.about-container{background:none;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:1440px;padding:40px 32px;width:100%}body.dark-mode .about-container{background:none}body.light-mode .about-container{background:#2c3e50f2,radial-gradient(ellipse 60% 40% at 60% 30%,#78b4ff21 0,#0000 80%),radial-gradient(ellipse 40% 30% at 30% 70%,#2c82c91a 0,#0000 80%),radial-gradient(ellipse 50% 30% at 80% 80%,#64c8ff17 0,#0000 80%),radial-gradient(ellipse 35% 25% at 20% 20%,#b4dcff14 0,#0000 80%),radial-gradient(ellipse 30% 18% at 50% 48%,#2c82c91a 0,#0000 80%),radial-gradient(ellipse 25% 15% at 70% 60%,#78b4ff12 0,#0000 80%),radial-gradient(ellipse 20% 12% at 40% 80%,#b4dcff0f 0,#0000 80%),radial-gradient(ellipse 18% 10% at 80% 40%,#64c8ff0d 0,#0000 80%);background-blend-mode:lighten}.page-title{-webkit-text-fill-color:initial;background:none;-webkit-background-clip:initial;background-clip:initial;font-size:2.5rem;font-weight:800}.light-mode .about-page .page-title,.light-mode .page-title{-webkit-text-fill-color:initial!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#fff!important;text-shadow:0 0 10px #00b7ffcc,0 0 20px #ffffff1a!important}.about-content{display:flex;flex-direction:column;gap:40px;padding-bottom:40px}.about-section,.skill-category,.timeline-item,.value-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #0000;border-radius:15px;box-shadow:none;transition:all .8s cubic-bezier(.4,0,.2,1)}.about-section:hover,.skill-category:hover,.timeline-item:hover,.value-item:hover{background:#ffffff2e;box-shadow:0 8px 32px #0000002e;transform:translateY(-4px) scale(1.03);transition:all .3s cubic-bezier(.4,0,.2,1)}.light-mode .about-section,.light-mode .skill-category,.light-mode .timeline-item,.light-mode .value-item{background:#fff6;border:1px solid #0000;box-shadow:none}.light-mode .about-section:hover,.light-mode .skill-category:hover,.light-mode .timeline-item:hover,.light-mode .value-item:hover{background:#ffffff8c;box-shadow:0 8px 32px #2c3e501a;transform:translateY(-4px) scale(1.03);transition:all .3s cubic-bezier(.4,0,.2,1)}.about-section:hover,.about-skills-col:hover,.about-timeline-col:hover,.light-mode .about-section:hover,.light-mode .about-skills-col:hover,.light-mode .about-timeline-col:hover{background:#ffffff14;box-shadow:0 4px 24px #00000014;transform:none;transition:none}.section-subtitle{margin-bottom:20px;text-align:left}.about-text{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#ccc;font-family:inherit;font-size:1.2rem;line-height:1.6;margin-bottom:20px;text-rendering:optimizeLegibility;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .about-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#34495e,#2c3e50);-webkit-background-clip:text;background-clip:text;color:#34495e;text-shadow:0 0 6px #34495e33}.timeline{display:flex;flex-direction:column;gap:20px}.timeline-item{align-items:flex-start;background:#ffffff0d;background:#ffffff1a;border-radius:10px;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;font-size:1.08rem;font-weight:500;gap:20px;margin:0 8px 18px;padding:18px 16px;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .timeline-item{background:#fff3}.timeline-year{background:none;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:700;min-width:100px;padding:10px 0 0;text-align:left;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .timeline-year{background:#2c3e501a;color:#2c3e50}.timeline-content h3{color:#fff;font-size:1.15rem;font-weight:600;margin-bottom:6px;text-align:left;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .timeline-content h3{color:#2c3e50}.timeline-content p{color:#ccc;font-size:1rem;line-height:1.5;text-align:left;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .timeline-content p{color:#34495e}.about-skills-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width:1500px){.about-skills-grid{gap:16px;grid-template-columns:1fr}}.skill-category{word-wrap:break-word;background:#ffffff0d;background:#ffffff1a;border-radius:10px;border-radius:12px;box-shadow:0 2px 8px #0000000a;font-size:1.08rem;font-weight:500;margin:0 8px;min-width:0;padding:20px 16px;transition:all .8s cubic-bezier(.4,0,.2,1)}.about-skills-col{box-sizing:border-box;min-width:0;padding:32px 16px;width:100%}.about-skills-col,.light-mode .about-skills-col{background:#ffffff14;border-radius:18px;box-shadow:0 4px 24px #00000014}@media (max-width:480px){.about-skills-col{padding:24px 12px}.skill-category{margin:0 4px;padding:16px 12px}.about-skills-grid{gap:12px}}.light-mode .skill-category{background:#fff3}.skill-category h3{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:15px;text-align:center;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .skill-category h3{color:#2c3e50}.skill-category ul{list-style:none;padding:0}.skill-category li{color:#ccc;font-size:1rem;margin-bottom:8px;padding-left:20px;position:relative;transition:all .8s cubic-bezier(.4,0,.2,1)}.skill-category li:before{color:#fff;content:"▸";font-weight:700;left:0;position:absolute;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .skill-category li{color:#34495e}.light-mode .skill-category li:before{color:#2c3e50}.values-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.value-item{background:#ffffff0d;background:#ffffff1a;border-radius:10px;border-radius:12px;box-shadow:0 2px 8px #0000000a;font-size:1.08rem;font-weight:500;margin:0 12px;padding:20px 12px;text-align:center;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .value-item{background:#fff3}.value-item h3{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:10px;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .value-item h3{color:#2c3e50}.value-item p{color:#ccc;font-size:1rem;line-height:1.5;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .value-item p{color:#34495e}@media (max-width:768px){.page-title{font-size:2rem;margin-bottom:30px}.section-subtitle{font-size:1.5rem;margin-bottom:15px}.about-text{font-size:1rem}.timeline-item{flex-direction:column;gap:10px}.timeline-year{min-width:auto;width:-webkit-fit-content;width:fit-content}.values-grid{grid-template-columns:1fr}.about-section{padding:20px}.about-container,.about-page,.light-mode .about-container,.light-mode .about-page{margin:0 auto!important;max-width:100vw;padding-left:16px!important;padding-right:16px!important;width:100%}}.about-main-2col{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:32px}@media (max-width:900px){.about-main-2col{gap:32px;grid-template-columns:1fr}}.about-skills-col,.about-timeline-col{min-width:0;padding:32px 24px}.about-skills-col,.about-timeline-col,.light-mode .about-skills-col,.light-mode .about-timeline-col{background:#ffffff14;border-radius:18px;box-shadow:0 4px 24px #00000014}.about-profile-box{margin-bottom:36px;margin-left:auto;margin-right:auto;max-width:900px;padding:32px 32px 24px;text-align:center}.about-profile-box,.light-mode .about-profile-box{background:#ffffff1a;border-radius:18px;box-shadow:0 4px 24px #0000001a}.about-profile-title{color:#fff;font-size:1.6rem;font-weight:700;letter-spacing:1px;margin-bottom:10px}.light-mode .about-profile-title{color:#2c3e50}.about-profile-desc{color:#e0e0e0;font-size:1.08rem;font-weight:400}.light-mode .about-profile-desc{color:#34495e}.about-section.core-values-section{display:flex;gap:8px;justify-content:space-between;margin-bottom:40px;padding:36px 32px 32px}.about-section.core-values-section,.light-mode .about-section.core-values-section{background:#ffffff14;border-radius:18px;box-shadow:0 4px 24px #00000014}.core-values-section .value-item{border-radius:14px;flex:1 1;font-size:1.08rem;font-weight:500;margin:0 16px;min-width:0;padding:24px 12px}.core-values-section .value-item,.light-mode .core-values-section .value-item{background:#ffffff21;box-shadow:0 2px 8px #0000000f}@media (max-width:900px){.about-section.core-values-section{align-items:stretch;flex-direction:column;gap:24px;padding:20px 8px}.core-values-section .value-item{border-radius:14px;box-sizing:border-box;margin:0;max-width:100%;padding:18px 12px;width:100%}.about-section.core-values-section{padding:36px!important}}@media (max-width:600px){.about-section.core-values-section{padding:36px!important}}.about-skills-col .section-subtitle,.about-timeline-col .section-subtitle{margin-bottom:32px;text-align:center}.about-banner-box{align-items:center;border-radius:22px;display:flex;justify-content:center;margin:0 auto 12px;max-width:100%;overflow:hidden;transition:box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);width:100%}.about-banner-box,.light-mode .about-banner-box{background:#ffffff1a;box-shadow:0 6px 32px #0000002e}.about-banner-box:hover{box-shadow:0 12px 150px #ffffff2e}.light-mode .about-banner-box:hover{box-shadow:0 12px 150px #00b7ff2e}.about-banner-img{border-radius:22px;display:block;height:auto;object-fit:cover;transition:filter .3s;width:100%}@media (max-width:700px){.about-banner-box{max-width:98vw}.about-banner-box,.about-banner-img{border-radius:12px}}.skills-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));max-width:600px;width:100%}.light-mode .about-section.about-skills-col,.light-mode .about-section.about-timeline-col,.light-mode .about-section.core-values-section,.light-mode .skill-category,.light-mode .timeline-item,.light-mode .value-item{background:#fff6!important}.timeline-content,.timeline-year{background:#0000!important}.portfolio-page{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:20px}.portfolio-container{background:none;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:1440px;padding:40px 32px;width:100%}.portfolio-container:hover,.portfolio-page:hover{background:inherit;box-shadow:none;transform:none;transition:none}.portfolio-content{display:flex;flex-direction:column;gap:40px;padding-bottom:40px}.filter-section{margin-bottom:30px}.filter-buttons,.filter-section{display:flex;justify-content:center}.filter-buttons{flex-wrap:wrap;gap:15px}.filter-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .filter-btn{background:#fffc;border:1px solid #2c3e5033;color:#2c3e50}.filter-btn:hover{background:#fff3;box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.light-mode .filter-btn:hover{background:#fff9;box-shadow:0 5px 15px #2c3e5033}.filter-btn.active{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 0 20px #fff3}.light-mode .filter-btn.active{background:#00c3ffcc;border-color:#c7e2fc80;box-shadow:0 0 20px #2c3e5033}.projects-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:40px}.project-card,.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #0000;border-radius:15px;box-shadow:none;transition:all .8s cubic-bezier(.4,0,.2,1)}.project-card:hover,.stat-item:hover{background:#ffffff2e;box-shadow:0 8px 32px #0000002e;transform:translateY(-4px) scale(1.03);transition:all .3s cubic-bezier(.4,0,.2,1)}.light-mode .project-card{background:#fffc!important;border:1px solid #0000;box-shadow:none}.light-mode .project-card:hover,.light-mode .stat-item:hover{background:#ffffff8c;box-shadow:0 8px 32px #2c3e501a;transform:translateY(-4px) scale(1.03);transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card,.project-content{display:flex;flex-direction:column}.project-content{flex:1 1 auto;padding:28px}.project-links{display:flex;gap:12px;margin-top:auto}.project-image{height:200px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.4,0,.2,1);width:100%}.project-card:hover .project-image img{transform:scale(1.1)}.project-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .8s cubic-bezier(.4,0,.2,1)}.project-card:hover .project-overlay{opacity:1}.project-link{background:#ffffffe6;border-radius:25px;color:#2c3e50;font-size:.9rem;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .3s ease}.project-link:hover{background:#fff;transform:scale(1.05)}.project-title{color:#fff;font-size:1.4rem;font-weight:700;margin-bottom:15px;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .project-title{color:#50362c}.project-description{color:#ccc;font-size:1rem;line-height:1.6;margin-bottom:20px;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .project-description{color:#34495e}.project-technologies{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{background:#ffffff1a;border-radius:15px;color:#fff;font-size:.8rem;font-weight:500;padding:5px 12px;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .tech-tag{background:#2c3e501a;color:#2c3e50}.portfolio-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:40px}.stat-item:hover{box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.light-mode .stat-item:hover{box-shadow:0 10px 30px #2c3e5033}.light-mode .stat-item{background:#fffc!important}.light-mode .stat-item:first-child h3{color:#ff5e00}.light-mode .stat-item:nth-child(2) h3{color:#09f}.light-mode .stat-item:nth-child(3) h3{color:#76cc14}.light-mode .stat-item:nth-child(4) h3{color:#e91e1e}.stat-item:first-child h3{color:#ffd600}.stat-item:nth-child(2) h3{color:#09f}.stat-item:nth-child(3) h3{color:#06df0d}.stat-item:nth-child(4) h3{color:#e91e1e}@media (max-width:768px){.page-title{font-size:2rem;margin-bottom:30px}.filter-buttons{gap:10px}.filter-btn{font-size:.9rem;padding:10px 20px}.projects-grid{gap:20px;grid-template-columns:1fr}.project-content{padding:20px}.project-title{font-size:1.2rem}.project-description{font-size:.9rem}.portfolio-stats{gap:15px;grid-template-columns:repeat(2,1fr)}.stat-item{padding:20px}.stat-item h3{font-size:2rem}.stat-item p{font-size:.9rem}.light-mode .portfolio-container,.light-mode .portfolio-page,.portfolio-container,.portfolio-page{margin:0 auto!important;max-width:100vw;padding-left:16px!important;padding-right:16px!important;width:100%}}.contact-page{align-items:center;justify-content:center;min-height:100vh;padding:20px}.contact-container,.contact-page{box-sizing:border-box;display:flex}.contact-container{background:none;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:1440px;padding:40px 32px;width:100%}.page-title{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#ccc);-webkit-background-clip:text;background-clip:text;color:#fff;display:block;font-family:inherit;font-size:3rem;font-weight:700;letter-spacing:1.2px;line-height:1.2;margin-bottom:52px;position:static;text-align:center;text-rendering:optimizeLegibility;text-shadow:0 0 10px #ffffff4d,0 0 20px #ffffff1a;text-transform:uppercase;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .page-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#2a3a4b,#34495e);-webkit-background-clip:text;background-clip:text;color:#2a3a4b;text-shadow:0 0 10px #2a3a4b4d,0 0 20px #2a3a4b1a}.contact-content{align-items:baseline;display:flex;flex-direction:row;gap:40px;padding-bottom:40px;width:100%}.contact-form-section,.contact-info-social{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;min-width:0;padding-top:0}.section-subtitle,.social-title{text-align:center}.section-subtitle{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#ccc);-webkit-background-clip:text;background-clip:text;color:#fff;display:block;font-family:inherit;font-size:2rem;font-weight:700;letter-spacing:1.2px;line-height:1.2;margin-bottom:30px;margin-top:0;position:static;text-rendering:optimizeLegibility;text-shadow:0 0 10px #ffffff4d,0 0 20px #ffffff1a;text-transform:uppercase;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .section-subtitle{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#2a3a4b,#34495e);-webkit-background-clip:text;background-clip:text;color:#2a3a4b;text-shadow:0 0 10px #2a3a4b4d,0 0 20px #2a3a4b1a}.contact-info-section{display:flex;flex-direction:column;gap:30px}.contact-info-grid{display:flex;flex-direction:column;gap:20px}.contact-info-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #0000;border-radius:15px;display:flex;gap:20px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.light-mode .contact-info-item{background:#fff6;border:1px solid #0000;box-shadow:none}.contact-info-item:hover{background:#ffffff2e;box-shadow:0 8px 32px #0000002e;transform:translateY(-4px) scale(1.03)}.light-mode .contact-info-item:hover{background:#ffffff8c;box-shadow:0 8px 32px #2c3e501a;transform:translateY(-4px) scale(1.03)}.contact-icon{font-size:2rem;min-width:60px;text-align:center}.contact-details h3{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:5px;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .contact-details h3{color:#2c3e50}.contact-details a{color:#ccc;font-size:1rem;text-decoration:none;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .contact-details a{color:#34495e}.contact-details a:hover{color:#fff;text-shadow:0 0 10px #ffffff80}.light-mode .contact-details a:hover{color:#2c3e50;text-shadow:0 0 10px #2c3e5080}.social-links-section{margin-top:20px}.social-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:20px;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .social-title{color:#2c3e50}.social-links-grid{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.social-link-item{align-items:center;background:#ffffff1a;border:1px solid #0000;border-radius:10px;color:#fff;display:flex;gap:10px;padding:15px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.light-mode .social-link-item{background:#fff6;color:#2c3e50}.social-link-item:hover{background:#ffffff2e;box-shadow:0 8px 32px #0000002e;transform:translateY(-4px) scale(1.03)}.light-mode .social-link-item:hover{background:#ffffff8c;box-shadow:0 8px 32px #2c3e501a;transform:translateY(-4px) scale(1.03)}.social-icon{font-size:1.5rem}.social-name{font-size:1rem;font-weight:500}.contact-form-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #0000;border-radius:15px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1)}.light-mode .contact-form-section{background:#fff6;border:1px solid #0000;box-shadow:none}.contact-form-section:hover{background:#ffffff2e;box-shadow:0 8px 32px #0000002e;transform:translateY(-4px) scale(1.03)}.light-mode .contact-form-section:hover{background:#ffffff8c;box-shadow:0 8px 32px #2c3e501a;transform:translateY(-4px) scale(1.03)}.contact-form{gap:20px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#fff;font-size:1rem;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .form-group label{color:#2c3e50}.form-group input,.form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:1rem;padding:15px;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .form-group input,.light-mode .form-group textarea{background:#fff6;border:1px solid #2c3e5033}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff9;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .form-group input::placeholder,.light-mode .form-group textarea::placeholder{color:#2c3e5099}.form-group input:focus,.form-group textarea:focus{border-color:#ffffff80;box-shadow:0 0 20px #fff3;outline:none}.light-mode .form-group input:focus,.light-mode .form-group textarea:focus{border-color:#2c3e5080;box-shadow:0 0 20px #2c3e5033}.submit-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:10px;padding:15px 30px;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .submit-btn{background:#2c3e5033;border:1px solid #2c3e504d;color:#2c3e50}.submit-btn:hover{background:#ffffff4d;box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.light-mode .submit-btn:hover{background:#2c3e504d;box-shadow:0 5px 15px #2c3e5033}.contact-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:40px}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #0000;border-radius:15px;padding:30px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.light-mode .stat-item{background:#fff6;border:1px solid #0000;box-shadow:none}.stat-item:hover{background:#ffffff2e;box-shadow:0 8px 32px #0000002e;transform:translateY(-4px) scale(1.03)}.light-mode .stat-item:hover{background:#ffffff8c;box-shadow:0 8px 32px #2c3e501a;transform:translateY(-4px) scale(1.03)}.stat-item h3{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:10px;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .stat-item h3{color:#2c3e50}.stat-item p{color:#ccc;font-size:1rem;font-weight:500;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .stat-item p{color:#34495e}.contact-container,.contact-container:hover,.contact-content,.contact-content:hover,.contact-info-social,.contact-info-social:hover,.contact-page,.contact-page:hover,.light-mode .contact-container:hover,.light-mode .contact-content:hover,.light-mode .contact-info-social:hover,.light-mode .contact-page:hover{background:inherit!important;box-shadow:none!important;transform:none!important;transition:none!important}@media (max-width:768px){.page-title{font-size:2rem;margin-bottom:30px}.contact-content{display:flex!important;flex-direction:column!important;gap:24px;padding-bottom:24px}.section-subtitle{font-size:1.5rem;margin-bottom:20px}.contact-info-item{padding:15px}.contact-icon{font-size:1.5rem;min-width:50px}.social-links-grid{grid-template-columns:1fr}.contact-form-section{padding:20px}.contact-stats{gap:15px;grid-template-columns:repeat(2,1fr)}.stat-item{padding:20px}.stat-item h3{font-size:2rem}.stat-item p{font-size:.9rem}.contact-container,.contact-page,.light-mode .contact-container,.light-mode .contact-page{margin:0 auto!important;max-width:100vw;padding-left:16px!important;padding-right:16px!important;width:100%}}@media (max-width:1050px){.contact-content{display:flex!important;flex-direction:column!important;gap:24px;padding-bottom:24px}.contact-form-section,.contact-info-social{box-sizing:border-box;flex:1 1;min-width:0;width:100%}}.light-mode .contact-form-section,.light-mode .contact-info-item,.light-mode .social-link-item{background:#fff9!important;border:1px solid #0000;box-shadow:none}.light-mode .form-group input,.light-mode .form-group textarea{background:#fffc;border:1px solid #2c3e50!important;box-shadow:0 2px 8px #2c3e500f;color:#2c3e50}body.light-mode .contact-page .mini-social-link{color:#2c3e50!important;text-shadow:0 0 8px #2c3e504d!important}body.light-mode .contact-page .mini-social-link:hover{color:var(--hover-color)!important;text-shadow:0 0 12px #2c3e5080!important}.light-mode .form-group input:focus,.light-mode .form-group textarea:focus{border:2.5px solid #00b7ff!important;box-shadow:0 0 0 2px #b3e6ff;outline:none}body.light-mode .contact-container{background:#2c3e50eb,radial-gradient(ellipse 60% 40% at 60% 30%,#78b4ff21 0,#0000 80%),radial-gradient(ellipse 40% 30% at 30% 70%,#2c82c91a 0,#0000 80%),radial-gradient(ellipse 50% 30% at 80% 80%,#64c8ff17 0,#0000 80%),radial-gradient(ellipse 35% 25% at 20% 20%,#b4dcff14 0,#0000 80%),radial-gradient(ellipse 30% 18% at 50% 48%,#2c82c91a 0,#0000 80%),radial-gradient(ellipse 25% 15% at 70% 60%,#78b4ff12 0,#0000 80%),radial-gradient(ellipse 20% 12% at 40% 80%,#b4dcff0f 0,#0000 80%),radial-gradient(ellipse 18% 10% at 80% 40%,#64c8ff0d 0,#0000 80%),radial-gradient(ellipse 22% 14% at 60% 80%,#78b4ff14 0,#0000 80%),radial-gradient(ellipse 18% 12% at 35% 35%,#2c82c914 0,#0000 80%),radial-gradient(ellipse 15% 10% at 75% 25%,#00c8b412 0,#0000 80%),radial-gradient(ellipse 12% 8% at 60% 60%,#b478ff0f 0,#0000 80%),radial-gradient(ellipse 18% 12% at 55% 40%,#7850ff33 0,#0000 80%),radial-gradient(ellipse 15% 10% at 80% 60%,#2c82ff33 0,#0000 80%),radial-gradient(ellipse 20% 14% at 30% 50%,#50b4ff2e 0,#0000 80%);background-blend-mode:lighten}body.dark-mode .contact-container{background:radial-gradient(ellipse 60% 40% at 60% 30%,#5078ff21 0,#0000 80%),radial-gradient(ellipse 40% 30% at 30% 70%,#7850b41a 0,#0000 80%),radial-gradient(ellipse 50% 30% at 80% 80%,#3cb4ff17 0,#0000 80%),radial-gradient(ellipse 35% 25% at 20% 20%,#78b4ff14 0,#0000 80%),radial-gradient(ellipse 30% 20% at 75% 60%,#b478ff12 0,#0000 80%),radial-gradient(ellipse 45% 28% at 58% 54%,#a050ff14 0,#0000 80%),radial-gradient(ellipse 30% 18% at 40% 60%,#ffc8780d 0,#0000 80%),radial-gradient(ellipse 18% 12% at 55% 40%,#7850ff33 0,#0000 80%),radial-gradient(ellipse 15% 10% at 80% 60%,#2c82ff33 0,#0000 80%),radial-gradient(ellipse 20% 14% at 30% 50%,#50b4ff2e 0,#0000 80%);background-blend-mode:lighten}.blog-home-wrapper .main-content{align-items:flex-start;box-sizing:border-box;display:flex;gap:40px;justify-content:space-between;margin:40px auto 0;max-width:1600px;padding:0 32px 40px;width:100%}.blog-home-wrapper .left-section{flex-basis:calc(70% - 20px);max-width:calc(70% - 20px);min-width:0}.blog-home-wrapper .left-section,.blog-home-wrapper .right-section{display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;gap:32px}.blog-home-wrapper .right-section{flex-basis:calc(30% - 20px);max-width:calc(30% - 20px);min-width:280px}.blog-home-wrapper .left-section>.section-title{margin-top:0}.blog-home-wrapper .right-section .section-title{font-size:clamp(.5rem,1.5vw,1.2rem)!important;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;margin-bottom:32px!important;margin-top:8px!important;min-height:auto;overflow:visible;text-align:center;white-space:normal;word-break:break-word}@media (max-width:1200px){.blog-home-wrapper .main-content{gap:32px;max-width:1400px}.blog-home-wrapper .left-section{flex-basis:calc(65% - 16px);flex-grow:0;flex-shrink:0;max-width:calc(65% - 16px)}.blog-home-wrapper .right-section{flex-basis:calc(35% - 16px);flex-grow:0;flex-shrink:0;max-width:calc(35% - 16px);min-width:260px}}@media (max-width:1024px){.blog-home-wrapper .main-content{flex-direction:column;gap:24px;justify-content:flex-start}.blog-home-wrapper .left-section,.blog-home-wrapper .right-section{flex:1 1 100%;max-width:100%}.blog-home-wrapper .right-section{margin-bottom:24px;margin-top:0;min-width:auto;order:-1}.grid-2{gap:24px;grid-template-columns:1fr}}@media (max-width:768px){.blog-home-wrapper .left-section,.blog-home-wrapper .main-content,.blog-home-wrapper .right-section,.light-mode .blog-home-wrapper .left-section,.light-mode .blog-home-wrapper .main-content,.light-mode .blog-home-wrapper .right-section{margin:8px auto!important;max-width:100vw;padding-left:16px!important;padding-right:16px!important;width:100%}.blog-home-wrapper .main-content{justify-content:flex-start}}.blog-home-wrapper .card{border-radius:15px;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.blog-home-wrapper .card:hover{box-shadow:0 12px 40px #0003}.blog-home-wrapper .card:hover,.light-mode .blog-home-wrapper .card:hover{transform:translateY(-6px) scale(1.03);transition:all .4s cubic-bezier(.25,.46,.45,.94)}.light-mode .blog-home-wrapper .card:hover{box-shadow:0 12px 40px #2c3e5026}.blog-home-wrapper .card>div:first-child{border-radius:8px!important;overflow:hidden}.blog-home-wrapper .card img{object-fit:cover!important;width:100%!important}.blog-home-wrapper .card img,.blog-home-wrapper .card:hover img{border-radius:4px!important;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.blog-home-wrapper .card:hover img{transform:scale(1.08)}.blog-home-wrapper .card:hover>div:first-child img[style*=borderRadius],.blog-home-wrapper .card>div:first-child img[style*=borderRadius]{border-radius:8px!important}.blog-home-wrapper .card>div:first-child img{border-radius:12px!important}.blog-home-wrapper .card:hover>div:first-child img,.blog-home-wrapper .card:hover>div:first-child img[style*=borderRadius]{border-radius:12px!important;transform:scale(1.08);transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.blog-home-wrapper .card>div:nth-child(2){color:#3498db!important;font-size:.9rem!important;font-weight:500!important}body.light-mode .blog-home-wrapper .card>div:nth-child(2){color:#1f4e79!important}.blog-home-wrapper .card .blog-author-date{color:#3498db!important;font-size:.9rem!important;font-weight:500!important}body.light-mode .blog-home-wrapper .card .blog-author-date{color:#1f4e79!important}.blog-home-wrapper .card .blog-author{color:#3498db!important;font-weight:600!important}body.light-mode .blog-home-wrapper .card .blog-author{color:#1f4e79!important}.blog-home-wrapper .card .blog-date{color:#3498db!important;font-weight:500!important}body.light-mode .blog-home-wrapper .card .blog-date{color:#1f4e79!important}.blog-home-wrapper .right-section .card .section-title{color:#2c3e50!important;font-weight:600!important}body.light-mode .blog-home-wrapper .right-section .card .section-title{color:#34495e!important}.blog-home-wrapper .popular-post-item{align-items:center!important;display:flex!important;gap:10px!important;margin-bottom:12px!important}.blog-home-wrapper .popular-post-thumbnail{border-radius:8px!important;flex-shrink:0!important;height:68px!important;overflow:hidden!important;width:120px!important}.blog-home-wrapper .popular-post-thumbnail img{border-radius:8px!important;height:100%!important;object-fit:cover!important;width:100%!important}.blog-home-wrapper .popular-post-title{color:#f2f4f5!important;font-size:.9rem!important;font-weight:600!important;line-height:1.3!important;margin-bottom:4px!important}body.light-mode .blog-home-wrapper .popular-post-title{color:#1f4e79!important}.blog-home-wrapper .popular-post-date{color:#3498db!important;font-size:.85em!important;font-weight:500!important}body.light-mode .blog-home-wrapper .popular-post-date{color:#1f4e79!important}.blog-home-wrapper .popular-post-readtime{color:#3498db!important;font-size:.85em!important;font-weight:500!important}body.light-mode .blog-home-wrapper .popular-post-readtime{color:#1f4e79!important}.blog-home-wrapper .right-section .card ul li{border-bottom:1px solid #34495e1a!important;color:#fff!important;font-size:.9rem!important;font-weight:500!important;padding:4px 0!important}body.light-mode .blog-home-wrapper .right-section .card ul li{border-bottom:1px solid #2c3e501a!important;color:#2c3e50!important}.blog-home-wrapper .popular-post-item:hover .popular-post-title{color:#0f8!important;transition:color .3s ease!important}body.light-mode .blog-home-wrapper .popular-post-item:hover .popular-post-title{color:#d33404!important}.blog-home-wrapper .popular-post-item:hover .popular-post-date{color:#0f8!important;transition:color .3s ease!important}body.light-mode .blog-home-wrapper .popular-post-item:hover .popular-post-date{color:#d33404!important}.blog-home-wrapper .popular-post-item:hover .popular-post-readtime{color:#0f8!important;transition:color .3s ease!important}body.light-mode .blog-home-wrapper .popular-post-item:hover .popular-post-readtime{color:#d33404!important}.blog-home-wrapper .popular-post-item:hover .popular-post-thumbnail img{transform:scale(1.05)!important;transition:transform .3s ease!important}.blog-home-wrapper .right-section .card ul li:hover{background:#3498db1a!important;border-radius:4px!important;color:#0e8df5!important;padding-left:8px!important;transition:all .3s ease!important}body.light-mode .blog-home-wrapper .right-section .card ul li:hover{background:#2980b91a!important;color:#0051ff!important}.blog-home-wrapper .card .badge{background:#3498db33!important;border:1px solid #3498db4d!important;color:#3498db!important;font-size:.8rem!important;font-weight:500!important}.light-mode .blog-home-wrapper .card .badge{background:#2980b933!important;border:1px solid #2980b94d!important;color:#2980b9!important}.blog-home-wrapper .card:hover>div:nth-child(2){color:#0f8!important;transition:color .3s ease!important}.light-mode .blog-home-wrapper .card:hover>div:nth-child(2){color:#d33404!important}.blog-home-wrapper .card:hover .blog-author-date{color:#0f8!important;transition:color .3s ease!important}.light-mode .blog-home-wrapper .card:hover .blog-author-date{color:#d33404!important}.blog-home-wrapper .card:hover .blog-author{color:#0f8!important;transition:color .3s ease!important}.light-mode .blog-home-wrapper .card:hover .blog-author{color:#d33404!important}.blog-home-wrapper .card:hover .blog-date{color:#0f8!important;transition:color .3s ease!important}.light-mode .blog-home-wrapper .card:hover .blog-date{color:#d33404!important}.blog-home-wrapper .right-section .section-title,body.light-mode .blog-home-wrapper .right-section .section-title{text-shadow:none!important}.loading-spinner{border-top-color:#3498db;margin:0 auto 1rem}.light-mode .loading-spinner{border:4px solid #e1e5e9;border-top-color:#1f4e79}.admin-panel-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.admin-panel-overlay.light{background:#0009}.admin-panel{background:#2d3748;background:var(--card-bg,#2d3748);border:1px solid #4a5568;border:1px solid var(--border-color,#4a5568);border-radius:15px;box-shadow:0 12px 40px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.admin-panel.light{--card-bg:#fff;--border-color:#e1e5e9;--text-primary:#2d3748;--text-secondary:#718096;--input-bg:#f7fafc;--input-border:#e2e8f0;--btn-primary-bg:#3498db;--btn-primary-hover:#2980b9;--btn-secondary-bg:#718096;--btn-secondary-hover:#4a5568}.admin-panel.dark{--card-bg:#2d3748;--border-color:#4a5568;--text-primary:#f7fafc;--text-secondary:#a0aec0;--input-bg:#4a5568;--input-border:#718096;--btn-primary-bg:#3498db;--btn-primary-hover:#2980b9;--btn-secondary-bg:#718096;--btn-secondary-hover:#4a5568}.admin-panel-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.admin-panel-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all .3s ease}.close-btn:hover{background:#ffffff1a;color:var(--text-primary)}.admin-panel-content{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:.9rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary)}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1 1}.checkbox-grid{grid-gap:.5rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:200px;overflow-y:auto;padding:.5rem}.checkbox-item{align-items:center;border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.25rem;transition:background .3s ease}.checkbox-item:hover{background:#3498db1a}.checkbox-item input[type=checkbox]{margin:0;width:auto}.form-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{background:var(--btn-primary-bg);color:#fff}.btn-primary:hover:not(:disabled){background:var(--btn-primary-hover);transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:var(--btn-secondary-bg);color:#fff}.btn-secondary:hover{background:var(--btn-secondary-hover);transform:translateY(-2px)}@media (max-width:768px){.admin-panel{margin:10px;max-height:95vh}.admin-panel-content,.admin-panel-header{padding:1rem}.form-actions{flex-direction:column}.checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.form-row{flex-direction:column}}.checkbox-grid::-webkit-scrollbar{width:6px}.checkbox-grid::-webkit-scrollbar-track{background:var(--input-bg);border-radius:3px}.checkbox-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.checkbox-grid::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.blog-detail-wrapper .main-content{align-items:flex-start;box-sizing:border-box;display:flex;gap:40px;justify-content:space-between;margin:40px auto 0;max-width:1600px;padding:0 32px 40px;width:100%}.blog-detail-wrapper .left-section{display:flex;flex-basis:calc(70% - 20px);flex-direction:column;flex-grow:0;flex-shrink:0;gap:32px;max-width:calc(70% - 20px);min-width:0}.blog-detail-wrapper .right-section{display:flex;flex-basis:calc(30% - 20px);flex-direction:column;flex-grow:0;flex-shrink:0;gap:32px;max-width:calc(30% - 20px);min-width:280px}.blog-detail-wrapper .left-section>.section-title{margin-top:0}.blog-detail-wrapper .right-section .section-title{color:var(--text-primary)!important;font-size:clamp(.5rem,1.5vw,1.2rem)!important;font-weight:600!important;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;margin-bottom:32px!important;margin-top:8px!important;min-height:auto;overflow:visible;text-align:center;white-space:normal;word-break:break-word}.blog-article{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #0000;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:40px;transition:all .8s cubic-bezier(.4,0,.2,1)}.light-mode .blog-article{background:#fff6;border:1px solid #0000;box-shadow:0 10px 30px #0000000d}.article-header{display:flex;flex-direction:column;margin-bottom:30px}.article-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:20px;order:-1}.article-category{background:var(--accent-color);border-radius:15px;color:#fff;font-size:.8rem;font-weight:600;padding:6px 12px}.light-mode .article-category{background:#f39c12;box-shadow:0 2px 8px #f39c124d;color:#fff}.dark-mode .article-category{background:#9b59b6;box-shadow:0 2px 8px #9b59b64d;color:#fff}.article-read-time{color:var(--text-secondary);font-weight:500}.light-mode .article-read-time{background:#f39c12;box-shadow:0 2px 8px #f39c124d}.dark-mode .article-read-time,.light-mode .article-read-time{border-radius:10px;color:#fff;font-size:.8rem;padding:4px 8px}.dark-mode .article-read-time{background:#8e44ad;box-shadow:0 2px 8px #8e44ad4d}.article-author-info{align-items:center;display:flex;gap:15px;margin-bottom:52px;margin-top:20px;order:-1}.article-title{color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 30px}.article-excerpt{color:var(--text-secondary);font-size:1.1rem;font-style:italic;line-height:1.6;margin-bottom:25px}.light-mode .article-author-info{background:#f39c1214;border:2px solid #f39c12;border-radius:20px;box-shadow:0 4px 15px #f39c1226;padding:15px 20px}.dark-mode .article-author-info{background:#8e44ad14;border:2px solid #8e44ad;border-radius:20px;box-shadow:0 4px 15px #8e44ad26;padding:15px 20px}.author-avatar{border:3px solid var(--accent-color);border-radius:50%;height:50px;overflow:hidden;width:50px}.author-avatar img{height:100%;object-fit:cover;width:100%}.author-details{display:flex;flex-direction:column;gap:4px}.author-name{color:var(--text-primary);font-size:1rem;font-weight:600}.publish-date,.view-count{color:var(--text-secondary);font-size:.9rem}.view-count{font-weight:500;margin-left:auto}.light-mode .view-count{background:#f39c12;box-shadow:0 2px 8px #f39c124d}.dark-mode .view-count,.light-mode .view-count{border-radius:10px;color:#fff;font-size:.8rem;padding:4px 8px}.dark-mode .view-count{background:#8e44ad;box-shadow:0 2px 8px #8e44ad4d}.article-featured-image{border-radius:15px;box-shadow:0 8px 25px #0000001a;margin-bottom:30px;overflow:hidden}.article-featured-image img{display:block;height:auto;width:100%}.article-content{color:var(--text-primary);line-height:1.8;margin-bottom:30px}.blog-content-h1{border-bottom:3px solid var(--accent-color);color:var(--text-primary);font-size:2rem;font-weight:700;margin:30px 0 20px;padding-bottom:10px}.blog-content-h2{font-size:1.5rem;margin:25px 0 15px}.blog-content-h2,.blog-content-h3{color:var(--text-primary);font-weight:600}.blog-content-h3{font-size:1.2rem;margin:20px 0 10px}.blog-content-p{color:var(--text-primary);font-size:1rem;margin-bottom:15px}.blog-content-li{color:var(--text-primary);margin-bottom:8px;padding-left:20px;position:relative}.blog-content-li:before{color:var(--accent-color);content:"•";font-weight:700;left:0;position:absolute}.blog-content-hr{background:linear-gradient(90deg,#0000,var(--accent-color),#0000);border:none;height:2px;margin:30px 0}.blog-content-italic{color:var(--text-secondary);font-size:.95rem;font-style:italic}.article-footer{border-top:2px solid var(--border-color);margin-top:30px;padding-top:25px}.article-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.tag{background:var(--accent-color);border-radius:15px;color:#fff;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .3s ease}.light-mode .tag{background:#2ecc71;box-shadow:0 2px 8px #2ecc714d;color:#fff}.dark-mode .tag{background:#e74c3c;box-shadow:0 2px 8px #e74c3c4d;color:#fff}.tag:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.light-mode .tag:hover{background:#27ae60;box-shadow:0 4px 15px #2ecc7166;transform:translateY(-2px)}.dark-mode .tag:hover{background:#c0392b;box-shadow:0 4px 15px #e74c3c66;transform:translateY(-2px)}.article-actions{display:flex;gap:20px;justify-content:center;margin:40px 0}.action-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 8px 25px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;letter-spacing:.5px;overflow:hidden;padding:16px 32px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.action-button svg{stroke-width:2.5;height:20px;transition:all .3s ease;width:20px}.action-button:hover svg{transform:scale(1.1)}.action-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.action-button:hover:before{left:100%}.action-button:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 12px 35px #667eea66;transform:translateY(-4px) scale(1.05)}.action-button:active{transform:translateY(-2px) scale(1.02)}.light-mode .action-button{background:#3ca9f1;box-shadow:0 2px 25px #3498db4d}.light-mode .action-button:hover{background:linear-gradient(135deg,#e67e22,#f39c12);box-shadow:0 4px 35px #f39c1266}.dark-mode .action-button{background:#3ca9f1;box-shadow:0 2px 25px #3498db4d}.dark-mode .action-button:hover{background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 4px 35px #8e44ad66}.blog-detail-wrapper .card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #0000;border-radius:15px;box-shadow:0 8px 25px #0000001a;padding:20px;transition:all .3s ease}.light-mode .blog-detail-wrapper .card{background:#fff6;border:1px solid #0000;box-shadow:0 8px 25px #0000000d}.related-post-item{border-radius:10px;cursor:pointer;padding:10px;transition:all .3s ease}.related-post-item:hover{background:#ffffff1a;box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.related-post-thumbnail{border-radius:8px;flex-shrink:0;height:68px;overflow:hidden;width:120px}.related-post-thumbnail img{height:100%;object-fit:cover;width:100%}.related-post-content{flex:1 1;min-width:0}.related-post-title{color:var(--text-primary);font-size:.9rem;font-weight:600;line-height:1.3;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-post-readtime{color:var(--text-secondary);font-size:.8rem;font-weight:500}@media (max-width:1200px){.blog-detail-wrapper .main-content{gap:32px;max-width:1400px}.blog-detail-wrapper .left-section{flex-basis:calc(65% - 16px);flex-grow:0;flex-shrink:0;max-width:calc(65% - 16px)}.blog-detail-wrapper .right-section{flex-basis:calc(35% - 16px);flex-grow:0;flex-shrink:0;max-width:calc(35% - 16px);min-width:260px}}@media (max-width:1024px){.blog-detail-wrapper .main-content{flex-direction:column;gap:24px;justify-content:flex-start}.blog-detail-wrapper .left-section,.blog-detail-wrapper .right-section{flex:1 1 100%;max-width:100%}.blog-detail-wrapper .right-section{margin-bottom:24px;margin-top:0;min-width:auto;order:-1}}@media (max-width:768px){.blog-detail-wrapper .left-section,.blog-detail-wrapper .main-content,.blog-detail-wrapper .right-section{margin:8px auto!important;max-width:100vw;padding-left:16px!important;padding-right:16px!important;width:100%}.blog-detail-wrapper .main-content{justify-content:flex-start}.blog-article{padding:20px}.article-title{font-size:1.8rem}.article-actions{align-items:center;flex-direction:column}.action-button{max-width:200px;width:100%}}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid var(--accent-color);height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.error-container h1{color:var(--text-primary);margin-bottom:20px}.dark-mode .blog-article{background:#ffffff1a;border-color:#0000}.dark-mode .related-post-item:hover{background:#ffffff1a}.dark-mode .blog-detail-wrapper .card{background:#ffffff1a;border-color:#0000}.dark-mode .loading-spinner{border:4px solid #2c3e50;border-top:4px solid var(--accent-color)}.blog-detail-wrapper .right-section .section-title,body.light-mode .blog-detail-wrapper .right-section .section-title{text-shadow:none!important}.blog-detail-wrapper .blog-back-button{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fff3!important;border:2px solid #ffffff4d!important;border-radius:20px!important;color:#fff!important;cursor:pointer!important;font-family:inherit!important;font-size:.85rem!important;font-weight:600!important;margin-top:15px!important;min-width:120px!important;padding:8px 16px!important;text-align:center!important;transition:all .3s ease!important}.blog-detail-wrapper .blog-back-button:hover{background:#ffffff4d!important;border-color:#ffffff80!important;box-shadow:0 6px 20px #0003!important;transform:translateY(-2px)!important}@media (max-width:768px){.blog-detail-wrapper .blog-back-button{font-size:.8rem!important;min-width:100px!important;padding:6px 12px!important}}.blog-detail-skeleton{margin:40px auto 0;max-width:1600px;padding:40px}.skeleton-header{margin-bottom:30px}.skeleton-meta{display:flex;justify-content:space-between;margin-bottom:20px}.skeleton-category{width:80px}.skeleton-category,.skeleton-readtime{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:12px;height:24px}.skeleton-readtime{width:60px}.skeleton-title{border-radius:8px;height:48px;margin-bottom:20px;width:80%}.skeleton-excerpt,.skeleton-title{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.skeleton-excerpt{border-radius:4px;height:20px;margin-bottom:25px;width:90%}.skeleton-author{align-items:center;display:flex;gap:15px}.skeleton-avatar{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:50%;height:50px;width:50px}.skeleton-author-info{display:flex;flex-direction:column;gap:4px}.skeleton-author-name{height:16px;width:120px}.skeleton-author-name,.skeleton-date{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}.skeleton-date{height:14px;width:100px}.skeleton-image{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:15px;height:400px;width:100%}.skeleton-content,.skeleton-image{margin-bottom:30px}.skeleton-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:16px;margin-bottom:12px;width:100%}.skeleton-line.short{width:70%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.dark-mode .skeleton-author-name,.dark-mode .skeleton-category,.dark-mode .skeleton-date,.dark-mode .skeleton-excerpt,.dark-mode .skeleton-image,.dark-mode .skeleton-line,.dark-mode .skeleton-readtime,.dark-mode .skeleton-title{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%}@media (max-width:768px){.blog-detail-skeleton{padding:20px}.skeleton-title{height:36px;width:100%}.skeleton-image{height:250px}}.footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;background-image:radial-gradient(ellipse 60% 40% at 80% 10%,#7850b41a 0,#0000 80%),radial-gradient(ellipse 50% 30% at 20% 80%,#00507814 0,#0000 80%);background-repeat:no-repeat;background-size:cover;border-top:1px solid #ffffff14;box-shadow:0 -2px 12px #0000001a;height:90px;padding:32px 0 16px;width:100%}body.light-mode .footer{background:#2c3e50f2;background-image:radial-gradient(ellipse 60% 40% at 80% 10%,#ffdcb41a 0,#0000 80%),radial-gradient(ellipse 50% 30% at 20% 80%,#b4dcff14 0,#0000 80%);background-repeat:no-repeat;background-size:cover;border-top:1px solid #2c3e5014;box-shadow:0 -2px 12px #2c3e5014}.footer-content{align-items:center;display:flex;flex-direction:column;gap:8px}.footer-author{color:#fff!important;font-size:1rem;font-weight:500;letter-spacing:1px}.footer-socials{display:flex;gap:16px;justify-content:center}.footer-socials a{color:#fff!important;font-size:1.18rem;opacity:.85;transition:color .2s,opacity .2s,transform .2s}.footer-socials a:hover{color:#00b7ff!important;opacity:1;transform:translateY(-2px) scale(1.15)}.light-mode .footer{background:#2c3e50f2;border-top:1.5px solid #ffffff21;box-shadow:0 -4px 20px #0000002e}.light-mode .footer-author,.light-mode .footer-socials a{color:#fff!important}.light-mode .footer-socials a:hover{color:#00b7ff!important}@media (max-width:600px){.footer-content{font-size:.95rem;gap:4px}.footer-socials{gap:10px}}
/*# sourceMappingURL=main.59460b05.css.map*/