*{margin:0;padding:0;box-sizing:border-box;}body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;background:transparent;color:#333;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;animation:fadeIn 0.5s ease;position:relative;overflow-x:hidden;}.site-header{position:fixed;top:0;left:0;right:0;background:rgba(224,224,224,0.01);backdrop-filter:blur(15px) saturate(180%);padding:15px 20px;border-bottom:1px solid rgba(204,204,204,0.5);z-index:100;box-shadow:0 2px 10px rgba(0,0,0,0.1);animation:fadeInDown 0.5s ease;transition:all 0.3s ease;}.site-header:hover{box-shadow:0 4px 20px rgba(0,0,0,0.15);}.header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}.header-left .site-title{font-size:20px;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;transition:all 0.3s ease;animation:fadeInLeft 0.6s ease;}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-20px);}to{opacity:1;transform:translateX(0);}}.header-left .site-title:hover{transform:scale(1.05);}.header-right .visit-tracker-wrapper{position:relative;}.header-right .access-icon{font-size:20px;color:#ffffff;cursor:pointer;transition:all 0.3s ease;}.header-right .access-icon:hover{color:#4facfe;transform:scale(1.1);}.visit-dropdown{position:absolute;top:100%;right:0;margin-top:15px;width:280px;background:rgba(255,255,255,0.08);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(79,172,254,0.3);border-radius:18px;box-shadow:0 8px 32px rgba(0,0,0,0.2),0 0 50px rgba(79,172,254,0.15),inset 0 1px 0 rgba(255,255,255,0.15);padding:25px;opacity:0;visibility:hidden;transform:translateY(-15px) scale(0.95);transition:all 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);z-index:1000;overflow:hidden;cursor:default;}.visit-dropdown::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient( circle,rgba(79,172,254,0.1) 0%,transparent 70% );animation:rotateGradient 8s linear infinite;pointer-events:none;}@keyframes rotateGradient{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.visit-dropdown.active{opacity:1;visibility:visible;transform:translateY(0) scale(1);box-shadow:0 12px 40px rgba(0,0,0,0.25),0 0 60px rgba(79,172,254,0.2),inset 0 1px 0 rgba(255,255,255,0.2);}.visit-stat-item{display:flex;align-items:center;gap:15px;padding:15px;background:rgba(255,255,255,0.01) !important;border-radius:8px;margin-bottom:10px;transition:all 0.3s ease;animation:fadeInUp 0.5s ease;animation-fill-mode:both;}.visit-stat-item:nth-child(1){animation-delay:0.1s;}.visit-stat-item:nth-child(2){animation-delay:0.2s;}.visit-stat-item:nth-child(3){animation-delay:0.3s;}.visit-stat-item:last-child{margin-bottom:0;}.visit-stat-item:hover{background:rgba(255,255,255,0.12);border-color:rgba(79,172,254,0.5);transform:translateX(8px) translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(0,0,0,0.2),0 0 40px rgba(79,172,254,0.25),inset 0 1px 0 rgba(255,255,255,0.15);}.visit-stat-item:hover .visit-stat-label{color:rgba(255,255,255,0.9);}.visit-stat-item:hover .visit-stat-value{color:rgba(255,255,255,1);text-shadow:0 0 15px rgba(79,172,254,0.5);}.visit-stat-item:hover i{color:rgba(79,172,254,0.95);transform:scale(1.3) rotate(5deg);filter:drop-shadow(0 0 10px rgba(79,172,254,0.6));}.visit-stat-item i{font-size:26px;color:rgba(79,172,254,0.9);width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(79,172,254,0.15);transition:all 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);flex-shrink:0;box-shadow:0 2px 8px rgba(79,172,254,0.2),inset 0 1px 0 rgba(255,255,255,0.1);}.visit-stat-item div{display:flex;flex-direction:column;flex:1;}.visit-stat-label{font-size:13px;color:rgba(255,255,255,0.7);margin-bottom:6px;text-transform:uppercase;letter-spacing:0.5px;font-weight:600;transition:color 0.3s ease;}.visit-stat-value{font-size:24px;font-weight:700;color:rgba(255,255,255,0.95);transition:all 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);text-shadow:0 0 10px rgba(79,172,254,0.3);line-height:1.2;}.visit-stat-item:hover .visit-stat-value{transform:scale(1.08);text-shadow:0 0 20px rgba(79,172,254,0.6),0 0 30px rgba(79,172,254,0.4);}.visit-stat-item:hover i{background:rgba(79,172,254,0.25);box-shadow:0 4px 15px rgba(79,172,254,0.4),inset 0 1px 0 rgba(255,255,255,0.2);}.main-content{flex:1;padding:100px 20px 120px;margin-top:60px;}.content-wrapper{max-width:1200px;margin:0 auto;position:relative;z-index:1;}.profile-section{text-align:center;margin-bottom:40px;background:rgba(255,255,255,0.02);border-radius:20px;padding:20px;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,0.1);max-width:900px;margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box;}.profile-picture{width:150px;height:150px;margin:0 auto 20px;border-radius:50%;background:linear-gradient( 135deg,rgba(102,126,234,0.2) 0%,rgba(118,75,162,0.2) 100% );overflow:hidden;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,0.3);box-shadow:0 10px 30px rgba(102,126,234,0.15);transition:all 0.4s ease;position:relative;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}.profile-picture::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient( 45deg,transparent,rgba(255,255,255,0.3),transparent );transform:rotate(45deg);animation:shimmer 3s infinite;}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg);}100%{transform:translateX(100%) translateY(100%) rotate(45deg);}}.profile-picture:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 15px 40px rgba(102,126,234,0.5);}.profile-picture img{width:100%;height:100%;object-fit:cover;}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.5);font-size:60px;}.profile-name{font-size:24px;font-weight:600;background:linear-gradient( 135deg,rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.85) 100% );-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;animation:fadeInUp 0.8s ease 0.4s both;text-shadow:0 0 20px rgba(255,255,255,0.5);}.profile-name::after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:0;height:3px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);transition:width 0.5s ease;}.profile-section:hover .profile-name::after{width:80px;}.main-block-container{max-width:900px;margin:30px auto 0;position:relative;z-index:1;}.main-content-block{background:rgba(255,255,255,0.01) !important;border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:30px;min-height:400px;box-shadow:0 8px 32px rgba(0,0,0,0.03);transition:all 0.4s ease;position:relative;overflow-x:hidden;overflow-y:hidden;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);width:100%;max-width:100%;box-sizing:border-box;}.main-content-block::before{content:"";position:absolute;width:80px;height:4px;border-top:3px solid #ffd700;border-left:3px solid #ffd700;border-right:none;border-bottom:none;border-radius:12px 0 0 0;top:-3px;left:-3px;z-index:10;animation:moveAroundTL 8s cubic-bezier(0.4,0,0.2,1) infinite;box-shadow:0 0 12px rgba(255,215,0,0.7);pointer-events:none;}.main-content-block::after{content:"";position:absolute;width:80px;height:4px;border-bottom:3px solid #ffd700;border-right:3px solid #ffd700;border-top:none;border-left:none;border-radius:0 0 12px 0;bottom:-3px;right:-3px;z-index:10;animation:moveAroundBR 8s cubic-bezier(0.4,0,0.2,1) infinite;box-shadow:0 0 12px rgba(255,215,0,0.7);pointer-events:none;}.main-content-block .content-box{position:relative;z-index:1;background:transparent !important;border-radius:15px;min-height:340px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:20px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;}.main-content-block:hover{transform:translateY(-5px);box-shadow:0 15px 50px rgba(79,172,254,0.2);}.content-box h3{font-size:20px;margin-bottom:15px;color:#ffffff;}.content-box p{margin-bottom:10px;color:#ffffff;}.projects-list{display:flex;flex-direction:column;gap:15px;}.project-item{padding:15px;background:white;border-radius:5px;border:1px solid #ddd;}.project-item h4{font-size:16px;margin-bottom:8px;color:#333;}.project-item p{font-size:14px;color:#666;}.skills-section{padding:20px;}.skills-section-title{font-size:24px;font-weight:700;color:#2c3e50;margin-bottom:30px;display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:2px solid #e1e8ed;}.skills-section-title i{color:rgba(102,126,234,0.9);font-size:26px;text-shadow:0 0 15px rgba(102,126,234,0.5);}.skills-container{display:flex;flex-direction:column;gap:30px;}.skill-category{background:transparent !important;border-radius:12px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,0.05);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);}.skill-category-title{font-size:20px;font-weight:600;color:#ffffff;margin-bottom:20px;display:flex;align-items:center;gap:10px;text-shadow:0 0 15px rgba(255,255,255,0.3);}.skill-category-title i{color:rgba(102,126,234,0.9);font-size:18px;text-shadow:0 0 10px rgba(102,126,234,0.5);}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;width:100%;box-sizing:border-box;align-items:stretch;}.skill-item{background:rgba(255,255,255,0.1);border-radius:12px;padding:15px;border:2px solid rgba(255,255,255,0.2);transition:all 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);cursor:pointer;position:relative;overflow:hidden;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);animation:fadeInUp 0.6s ease backwards;width:100%;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;}.skill-item:nth-child(1){animation-delay:0.1s;}.skill-item:nth-child(2){animation-delay:0.2s;}.skill-item:nth-child(3){animation-delay:0.3s;}.skill-item:nth-child(4){animation-delay:0.4s;}.skill-item:nth-child(5){animation-delay:0.5s;}.skill-item:nth-child(6){animation-delay:0.6s;}.skill-item::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient( circle,rgba(102,126,234,0.2) 0%,transparent 70% );transform:translate(-50%,-50%);transition:width 0.5s ease,height 0.5s ease;}.skill-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 10px 30px rgba(102,126,234,0.3),0 0 40px rgba(102,126,234,0.1);border-color:#667eea;}.skill-item:hover::before{width:300px;height:300px;}.skill-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;width:100%;flex-shrink:0;}.skill-header i{font-size:24px;transition:transform 0.3s ease;color:#667eea;}.skill-item:hover .skill-header i{transform:scale(1.2) rotate(5deg);}.skill-name{font-size:16px;font-weight:600;color:rgba(255,255,255,0.95);text-shadow:0 0 10px rgba(255,255,255,0.2);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.skill-level-bar{display:flex;align-items:center;gap:10px;width:100%;min-width:0;flex-shrink:0;margin-top:auto;}.skill-progress{flex:1 1 0;height:10px;background:rgba( 225,232,237,0.3 ) !important;border-radius:10px;transition:width 1s ease;position:relative;overflow:hidden;min-width:0;max-width:100%;}.skill-progress-fill{position:absolute;top:0;left:0;height:100%;background:#667eea;border-radius:10px;transition:width 1s ease;}.skill-progress::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.3),transparent );animation:shimmer 2s infinite;}@keyframes shimmer{0%{left:-100%;}100%{left:100%;}}.skill-percent{font-size:13px;font-weight:600;color:rgba(255,255,255,0.95);width:50px;min-width:50px;text-align:right;flex-shrink:0;text-shadow:0 0 10px rgba(102,126,234,0.5);white-space:nowrap;}.empty-skills{text-align:center;padding:60px 20px;color:#999;}.empty-skills i{font-size:64px;margin-bottom:20px;opacity:0.3;}.empty-skills p{font-size:16px;margin:0;}.projects-section{padding:20px;}.projects-section-title{font-size:24px;font-weight:700;color:#2c3e50;margin-bottom:30px;display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:2px solid #e1e8ed;}.projects-section-title i{color:#667eea;font-size:26px;}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;}.project-card{background:rgba(255,255,255,0.1);border-radius:15px;overflow:hidden;border:2px solid rgba(255,255,255,0.2);cursor:pointer;transition:all 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);box-shadow:0 2px 8px rgba(0,0,0,0.05);position:relative;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);animation:fadeInUp 0.6s ease backwards;}.project-card:nth-child(1){animation-delay:0.1s;}.project-card:nth-child(2){animation-delay:0.2s;}.project-card:nth-child(3){animation-delay:0.3s;}.project-card:nth-child(4){animation-delay:0.4s;}.project-card:nth-child(5){animation-delay:0.5s;}.project-card:nth-child(6){animation-delay:0.6s;}.project-card::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(102,126,234,0.1),transparent );transition:left 0.5s ease;}.project-card:hover{transform:translateY(-12px) rotateX(5deg);box-shadow:0 15px 40px rgba(102,126,234,0.3),0 0 60px rgba(102,126,234,0.15);border-color:#667eea;}.project-card:hover::after{left:100%;}.project-card-header{width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);}.project-card-image{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}.project-card:hover .project-card-image{transform:scale(1.1);}.project-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;font-size:48px;}.project-card-body{padding:20px;}.project-card-title{font-size:18px;font-weight:600;color:rgba(255,255,255,0.95);margin:0 0 15px 0;text-shadow:0 0 10px rgba(255,255,255,0.2);}.project-card-stats{display:flex;gap:15px;}.project-stat-mini{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:rgba(255,255,255,0.9);font-weight:500;text-shadow:0 0 10px rgba(102,126,234,0.4);}.project-stat-mini i{font-size:16px;}.empty-projects{text-align:center;padding:60px 20px;color:#999;}.empty-projects i{font-size:64px;margin-bottom:20px;opacity:0.3;}.empty-projects p{font-size:16px;margin:0;}.project-detail{padding:0;}.project-video-section{width:100%;background:transparent !important;padding:0;border-radius:12px 12px 0 0;overflow:hidden;}.project-video{width:100%;height:auto;display:block;}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}.project-video-placeholder{width:100%;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent !important;color:#999;}.project-video-placeholder i{font-size:64px;margin-bottom:15px;opacity:0.3;}.project-video-placeholder p{font-size:16px;margin:0;}.project-info-section{padding:30px;background:transparent !important;border-bottom:2px solid #e1e8ed;}.project-detail-title{font-size:28px;font-weight:700;color:#e1e8ed;margin:0 0 20px 0;}.project-actions-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}.btn-download-project{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border-radius:8px;text-decoration:none;font-weight:600;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(102,126,234,0.3);}.btn-download-project:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,0.4);}.btn-download-project i{font-size:18px;}.project-stats{display:flex;gap:20px;}.project-stat-item{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:transparent !important;border-radius:20px;font-size:14px;font-weight:600;color:rgb(224,230,236);border:1px solid #e1e8ed;}.project-stat-item i{color:#667eea;font-size:16px;}.project-description-section{padding:30px;background:transparent !important;}.section-title{font-size:22px;font-weight:600;color:#2c3e50;margin:0 0 20px 0;display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:2px solid #e1e8ed;}.section-title i{color:#667eea;font-size:20px;}.project-description{font-size:16px;line-height:1.8;color:#ffffff;margin-bottom:30px;}.project-technologies,.project-features{margin-top:30px;}.tech-title,.features-title{font-size:18px;font-weight:600;color:#e1e8ed;margin:0 0 15px 0;display:flex;align-items:center;gap:10px;}.tech-title i,.features-title i{color:#667eea;font-size:16px;}.tech-tags{display:flex;flex-wrap:wrap;gap:10px;}.tech-tag{padding:8px 16px;background:transparent !important;color:#ffffff;border-radius:20px;font-size:14px;font-weight:500;border:1px solid #90caf9;}.features-list{list-style:none;padding:0;margin:0;}.features-list li{padding:10px 0;font-size:16px;color:#555;display:flex;align-items:start;gap:10px;}.features-list li i{color:#4caf50;margin-top:3px;flex-shrink:0;}.project-not-found{text-align:center;padding:60px 20px;color:#999;}.project-not-found i{font-size:64px;margin-bottom:20px;opacity:0.3;color:#f39c12;}.project-not-found h3{font-size:20px;margin:0 0 20px 0;color:#2c3e50;}.btn-back{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border-radius:8px;text-decoration:none;font-weight:600;transition:all 0.3s ease;margin-top:20px;}.btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,0.4);}.about-content{padding:20px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;}.about-container{display:flex;flex-direction:column;gap:30px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;}.about-avatar-section{display:flex;justify-content:center;align-items:center;margin-bottom:20px;}.about-avatar{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid #667eea;box-shadow:0 8px 25px rgba(102,126,234,0.3);transition:all 0.3s ease;}.about-avatar:hover{transform:scale(1.05);box-shadow:0 12px 35px rgba(102,126,234,0.4);}.about-avatar-placeholder{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;border:4px solid #667eea;box-shadow:0 8px 25px rgba(102,126,234,0.3);}.about-avatar-placeholder i{font-size:80px;color:white;opacity:0.8;}.about-info-section{background:transparent !important;border-radius:15px;padding:30px;box-shadow:none !important;border:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}.about-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid rgba(255,255,255,0.2);}.about-name{font-size:32px;font-weight:700;color:rgba(255,255,255,0.95);margin:0 0 15px 0;text-shadow:0 0 20px rgba(255,255,255,0.4);}.about-title{font-size:18px;color:rgba(255,255,255,0.95);margin:0;display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:rgba(102,126,234,0.25);border-radius:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,0.3);text-shadow:0 0 10px rgba(102,126,234,0.4);}.about-title i{font-size:16px;}.about-description{margin-bottom:30px;}.section-subtitle{font-size:20px;font-weight:600;color:rgba(255,255,255,0.95);margin:0 0 15px 0;display:flex;align-items:center;gap:10px;text-shadow:0 0 15px rgba(255,255,255,0.3);}.section-subtitle i{color:rgba(102,126,234,0.9);font-size:18px;text-shadow:0 0 10px rgba(102,126,234,0.5);}.about-bio{font-size:16px;line-height:1.8;color:rgba(255,255,255,0.9);margin:0;padding:20px;background:rgba(255,255,255,0.06);border-radius:8px;border-left:4px solid rgba(102,126,234,0.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}.about-contact-section{margin-top:30px;padding-top:30px;border-top:2px solid rgba(255,255,255,0.2);}.contact-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px;width:100%;max-width:100%;}.contact-item{display:flex;align-items:start;gap:15px;padding:20px;background:rgba(255,255,255,0.08);border-radius:12px;border:2px solid rgba(255,255,255,0.2);transition:all 0.3s ease;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);min-width:0;width:100%;max-width:100%;box-sizing:border-box;}.contact-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(102,126,234,0.15);border-color:#667eea;}.contact-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:white;flex-shrink:0;box-shadow:0 4px 15px rgba(0,0,0,0.1);}.email-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);}.phone-icon{background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);}.location-icon{background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%);}.contact-details{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0;overflow:hidden;}.contact-label{font-size:12px;color:rgba(255,255,255,0.7);text-transform:uppercase;font-weight:600;letter-spacing:0.5px;}.contact-value{font-size:16px;color:rgba(255,255,255,0.95);font-weight:600;text-decoration:none;transition:color 0.3s ease;text-shadow:0 0 10px rgba(255,255,255,0.2);word-break:break-word;overflow-wrap:break-word;max-width:100%;display:inline-block;}.contact-value:hover{color:rgba(255,255,255,1);text-shadow:0 0 15px rgba(102,126,234,0.5);}.contact-item:hover .contact-icon{transform:scale(1.1) rotate(5deg);transition:transform 0.3s ease;}.site-footer{position:fixed;bottom:0;left:0;right:0;background:transparent;padding:20px;display:flex;justify-content:center;align-items:center;z-index:100;}.footer-nav-bar{background:rgba(255,255,255,0.05) !important;border:2px solid rgba(79,172,254,0.3) !important;border-radius:25px;padding:15px 30px;display:flex;justify-content:space-around;align-items:center;gap:40px;max-width:600px;width:100%;box-shadow:0 5px 20px rgba(79,172,254,0.2);transition:all 0.3s ease;position:relative;overflow:hidden;backdrop-filter:blur(15px) saturate(180%);}.footer-nav-bar::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(79,172,254,0.1),transparent );transition:left 0.5s ease;}.footer-nav-bar:hover::before{left:100%;}.footer-nav-bar:hover{box-shadow:0 8px 30px rgba(79,172,254,0.3);transform:translateY(-2px);}.footer-nav-item{font-size:16px;font-weight:500;color:#333;cursor:pointer;transition:all 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);padding:12px 24px;border-radius:12px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;}.footer-nav-item i{font-size:24px;transition:all 0.3s ease;color:#ffffff;}.footer-nav-item::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(79,172,254,0.2);transform:translate(-50%,-50%);transition:width 0.4s ease,height 0.4s ease;}.footer-nav-item:hover::before{width:150%;height:150%;}.footer-nav-item:hover{color:#4facfe;transform:translateY(-3px);}.footer-nav-item:hover i{color:#4facfe;transform:scale(1.2) translateY(-2px);}.footer-nav-item.active{color:white;font-weight:600;background:linear-gradient(135deg,#4facfe 0%,#667eea 100%);box-shadow:0 5px 15px rgba(79,172,254,0.4);animation:pulse 2s infinite;}.footer-nav-item.active i{color:white;transform:scale(1.15);}.footer-nav-item.active::before{display:none;}.float-menu-btn{position:fixed;right:20px;top:50%;transform:translateY(-50%);width:55px;height:55px;background:rgba(255,255,255,0.1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:2px solid rgba(79,172,254,0.4);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10000;transition:all 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);box-shadow:0 8px 25px rgba(79,172,254,0.3),0 0 40px rgba(79,172,254,0.2),inset 0 1px 0 rgba(255,255,255,0.2);animation:floatMusicIcon 3s ease-in-out infinite;pointer-events:auto;overflow:hidden;}.float-menu-btn::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient( circle,rgba(79,172,254,0.4) 0%,transparent 70% );transform:translate(-50%,-50%);transition:width 0.6s ease,height 0.6s ease;z-index:-1;}.float-menu-btn:hover::before{width:120%;height:120%;}.float-menu-btn:hover{background:rgba(79,172,254,0.25);border-color:rgba(79,172,254,0.8);color:white;transform:translateY(-50%) scale(1.2);box-shadow:0 12px 40px rgba(79,172,254,0.5),0 0 60px rgba(79,172,254,0.4),inset 0 1px 0 rgba(255,255,255,0.3);animation:pulseMusicIcon 1.5s ease-in-out infinite;}.float-menu-btn:active{transform:translateY(-50%) scale(0.95);}.float-menu-btn i{font-size:24px;color:rgba(255,255,255,0.95);transition:all 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);text-shadow:0 0 15px rgba(79,172,254,0.6),0 0 30px rgba(79,172,254,0.4);filter:drop-shadow(0 0 8px rgba(79,172,254,0.5));z-index:1;position:relative;}.float-menu-btn:hover i{color:rgba(255,255,255,1);transform:scale(1.15) rotate(360deg);text-shadow:0 0 20px rgba(79,172,254,0.8),0 0 40px rgba(79,172,254,0.6),0 0 60px rgba(102,126,234,0.4);filter:drop-shadow(0 0 12px rgba(79,172,254,0.8));}@keyframes floatMusicIcon{0%,100%{transform:translateY(-50%) translateX(0);box-shadow:0 8px 25px rgba(79,172,254,0.3),0 0 40px rgba(79,172,254,0.2),inset 0 1px 0 rgba(255,255,255,0.2);}50%{transform:translateY(-50%) translateX(-5px);box-shadow:0 10px 30px rgba(79,172,254,0.4),0 0 50px rgba(79,172,254,0.3),inset 0 1px 0 rgba(255,255,255,0.25);}}@keyframes pulseMusicIcon{0%,100%{box-shadow:0 12px 40px rgba(79,172,254,0.5),0 0 60px rgba(79,172,254,0.4),inset 0 1px 0 rgba(255,255,255,0.3);}50%{box-shadow:0 15px 50px rgba(79,172,254,0.7),0 0 80px rgba(79,172,254,0.6),inset 0 1px 0 rgba(255,255,255,0.4);}}.music-menu{position:fixed;right:20px;top:50%;transform:translateY(-50%) scale(0.9);width:380px;min-height:500px;background:rgba(255,255,255,0.08);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:2px solid rgba(79,172,254,0.3);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,0.2),0 0 40px rgba(79,172,254,0.1),inset 0 1px 0 rgba(255,255,255,0.1);z-index:9999;opacity:0;visibility:hidden;transition:all 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);padding:30px;pointer-events:auto;cursor:default;}.music-menu.active{opacity:1;visibility:visible;transform:translateY(-50%) scale(1);}.music-menu-close{position:absolute;top:12px;right:12px;width:36px;height:36px;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:50%;color:rgba(255,255,255,0.9);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all 0.3s cubic-bezier(0.68,-0.55,0.265,1.55);z-index:1001;box-shadow:0 4px 12px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.1);}.music-menu-close:hover{background:rgba(233,30,99,0.3);border-color:rgba(233,30,99,0.6);transform:scale(1.15) rotate(90deg);box-shadow:0 6px 20px rgba(233,30,99,0.4),inset 0 1px 0 rgba(255,255,255,0.2);color:rgba(255,255,255,1);}.float-menu-btn.hidden{opacity:0;visibility:hidden;}.music-menu-title{font-size:28px;font-weight:700;background:linear-gradient( 135deg,rgba(255,255,255,0.95) 0%,rgba(79,172,254,0.9) 100% );-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin-bottom:25px;animation:fadeInDown 0.5s ease;position:relative;text-shadow:0 0 20px rgba(79,172,254,0.3);}.music-menu-title::after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient( 135deg,rgba(79,172,254,0.8) 0%,rgba(102,126,234,0.6) 100% );border-radius:2px;box-shadow:0 0 10px rgba(79,172,254,0.5);}.music-menu-content{display:flex;flex-direction:column;gap:20px;}.music-display-area{display:flex;align-items:center;gap:20px;padding:20px;background:rgba(255,255,255,0.06);backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);border-radius:16px;border:1px solid rgba(255,255,255,0.15);box-shadow:0 4px 20px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.1);min-height:140px;transition:all 0.3s ease;}.music-display-area:hover{background:rgba(255,255,255,0.08);border-color:rgba(79,172,254,0.3);box-shadow:0 6px 25px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.15);}.music-display-image{width:120px;height:120px;border-radius:16px;overflow:hidden;position:relative;flex-shrink:0;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,0.3),0 0 30px rgba(79,172,254,0.2),inset 0 1px 0 rgba(255,255,255,0.2);border:2px solid rgba(255,255,255,0.2);transition:transform 0.3s ease,box-shadow 0.3s ease;}.music-display-image:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 12px 32px rgba(0,0,0,0.4),0 0 40px rgba(79,172,254,0.3),inset 0 1px 0 rgba(255,255,255,0.3);}.music-display-image img{width:100%;height:100%;object-fit:cover;filter:brightness(1.05) contrast(1.05);transition:filter 0.3s ease;}.music-display-image:hover img{filter:brightness(1.1) contrast(1.1);}.music-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.9);font-size:48px;background:linear-gradient( 135deg,rgba(79,172,254,0.25) 0%,rgba(102,126,234,0.2) 100% );position:relative;overflow:hidden;transition:all 0.3s ease;}.music-image-placeholder::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient( circle,rgba(255,255,255,0.2) 0%,transparent 70% );transform:translate(-50%,-50%);transition:width 0.6s ease,height 0.6s ease;animation:pulseGlow 2s ease-in-out infinite;}.music-display-image:hover .music-image-placeholder{color:rgba(255,255,255,1);background:linear-gradient( 135deg,rgba(79,172,254,0.35) 0%,rgba(102,126,234,0.3) 100% );box-shadow:inset 0 0 30px rgba(79,172,254,0.3);}.music-display-image:hover .music-image-placeholder::before{width:150%;height:150%;}@keyframes pulseGlow{0%,100%{opacity:0.6;}50%{opacity:1;}}.music-play-indicator{position:absolute;bottom:8px;right:8px;width:28px;height:28px;background:rgba(233,30,99,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:12px;box-shadow:0 2px 8px rgba(233,30,99,0.4);opacity:0;transition:opacity 0.3s ease;z-index:2;}.music-display-image:hover .music-play-indicator,.music-display-image.playing .music-play-indicator{opacity:1;}.music-waveform{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:4px;height:60px;padding:0 10px;}.wave-bar{width:4px;background:rgba(255,255,255,0.6);border-radius:2px;transition:height 0.3s ease,background 0.3s ease;}.music-display-area.playing .wave-bar{animation:waveAnimation 1s ease-in-out infinite;background:rgba(255,255,255,0.9);}.music-display-area.playing .wave-bar:nth-child(1){height:20%;animation-delay:0s;}.music-display-area.playing .wave-bar:nth-child(2){height:50%;animation-delay:0.1s;}.music-display-area.playing .wave-bar:nth-child(3){height:80%;animation-delay:0.2s;}.music-display-area.playing .wave-bar:nth-child(4){height:60%;animation-delay:0.3s;}.music-display-area.playing .wave-bar:nth-child(5){height:30%;animation-delay:0.4s;}.music-display-area:not(.playing) .wave-bar{height:15%;}@keyframes waveAnimation{0%,100%{height:20%;}50%{height:80%;}}.music-controls{display:flex;justify-content:center;align-items:center;gap:15px;padding:18px;background:rgba(255,255,255,0.06);backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);border-radius:16px;border:1px solid rgba(255,255,255,0.15);box-shadow:0 4px 20px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.1);}.music-control-btn{width:48px;height:48px;border:1px solid rgba(255,255,255,0.2);border-radius:50%;background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.95);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all 0.3s ease;backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,0.1);}.music-control-btn:hover{background:rgba(255,255,255,0.2);border-color:rgba(79,172,254,0.5);transform:scale(1.15);box-shadow:0 4px 15px rgba(79,172,254,0.3);color:rgba(255,255,255,1);}.music-control-btn:active{transform:scale(0.95);}#playPauseBtn{width:60px;height:60px;background:rgba(79,172,254,0.3);border-color:rgba(79,172,254,0.5);color:rgba(255,255,255,0.95);font-size:22px;box-shadow:0 4px 15px rgba(79,172,254,0.3);}#playPauseBtn:hover{background:rgba(79,172,254,0.5);border-color:rgba(79,172,254,0.8);transform:scale(1.2);box-shadow:0 6px 20px rgba(79,172,254,0.5);color:rgba(255,255,255,1);}.music-playlist{display:flex;flex-direction:column;gap:12px;max-height:350px;overflow-y:auto;padding-right:5px;}.music-playlist::-webkit-scrollbar{width:6px;}.music-playlist::-webkit-scrollbar-track{background:rgba(0,0,0,0.05);border-radius:10px;}.music-playlist::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a52 100%);border-radius:10px;}.music-playlist::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ee5a52 0%,#ff6b6b 100%);}.music-playlist-item{display:flex;align-items:center;gap:15px;padding:15px;background:rgba(255,255,255,0.06);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-radius:12px;cursor:pointer;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.1);box-shadow:0 2px 10px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.05);}.music-playlist-item:hover{background:rgba(255,255,255,0.1);transform:translateX(8px) translateY(-2px);border-color:rgba(79,172,254,0.3);box-shadow:0 6px 20px rgba(0,0,0,0.2),0 0 30px rgba(79,172,254,0.15),inset 0 1px 0 rgba(255,255,255,0.1);}.music-playlist-item.active{background:rgba(79,172,254,0.15);border-color:rgba(79,172,254,0.5);box-shadow:0 4px 20px rgba(79,172,254,0.3),0 0 40px rgba(79,172,254,0.15),inset 0 1px 0 rgba(255,255,255,0.2);}.music-item-image{width:60px;height:60px;border-radius:12px;overflow:hidden;flex-shrink:0;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.15);transition:transform 0.3s ease,box-shadow 0.3s ease;}.music-playlist-item:hover .music-item-image{transform:scale(1.1) rotate(3deg);box-shadow:0 6px 16px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.2);}.music-item-image img{width:100%;height:100%;object-fit:cover;filter:brightness(1.05);transition:filter 0.3s ease;}.music-playlist-item:hover .music-item-image img{filter:brightness(1.15) contrast(1.05);}.music-item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.8);font-size:24px;background:linear-gradient( 135deg,rgba(79,172,254,0.2) 0%,rgba(102,126,234,0.15) 100% );transition:all 0.3s ease;position:relative;overflow:hidden;}.music-item-placeholder::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient( circle,rgba(255,255,255,0.1) 0%,transparent 70% );animation:shimmerMusicIcon 2s linear infinite;}.music-playlist-item:hover .music-item-placeholder{color:rgba(255,255,255,1);background:linear-gradient( 135deg,rgba(79,172,254,0.3) 0%,rgba(102,126,234,0.25) 100% );box-shadow:0 0 20px rgba(79,172,254,0.3);}@keyframes shimmerMusicIcon{0%{transform:translate(-50%,-50%) rotate(0deg);}100%{transform:translate(-50%,-50%) rotate(360deg);}}.music-item-info{flex:1;min-width:0;}.music-item-title{display:block;color:white;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.music-item-arrow{color:white;font-size:14px;transition:transform 0.3s ease;flex-shrink:0;}.music-playlist-item:hover .music-item-arrow{transform:translateX(5px);}.music-empty{text-align:center;padding:40px 20px;color:#999;}.music-empty i{font-size:48px;margin-bottom:15px;opacity:0.5;}.music-empty p{font-size:14px;margin:0;}@media (max-width:768px){.main-content{padding:80px 15px 100px;}.content-wrapper{max-width:100%;padding:0 10px;}.main-content-block{padding:20px;min-height:auto;overflow-y:hidden !important;}.about-info-section{padding:20px;}.contact-info-grid{grid-template-columns:1fr;gap:15px;margin-top:15px;}.contact-item{padding:15px;gap:12px;flex-wrap:wrap;}.contact-icon{width:45px;height:45px;flex-shrink:0;}.contact-details{flex:1;min-width:0;max-width:calc(100% - 60px);overflow:hidden;}.contact-label{font-size:11px;}.contact-value{font-size:14px;word-break:break-all;overflow-wrap:anywhere;line-height:1.4;}.footer-nav-bar{gap:20px;padding:12px 20px;}.footer-nav-item{font-size:14px;padding:5px 10px;}.float-menu-btn{width:45px;height:45px;right:15px;top:50%;}.music-menu{width:280px;min-height:400px;padding:20px;}.music-menu-title{font-size:20px;margin-bottom:15px;}.music-item{padding:15px;font-size:14px;}}@media (max-width:480px){.main-content{padding:70px 10px 90px;}.content-wrapper{padding:0 5px;}.contact-info-grid{grid-template-columns:1fr;gap:12px;}.contact-item{padding:12px;gap:10px;flex-wrap:nowrap;}.contact-icon{width:40px;height:40px;font-size:18px;flex-shrink:0;}.contact-details{min-width:0;max-width:calc(100% - 55px);flex:1;}.contact-label{font-size:10px;}.contact-value{font-size:13px;word-break:break-all;overflow-wrap:anywhere;max-width:100%;line-height:1.3;}.profile-section{padding:15px;}.main-content-block{padding:15px;margin:0;}.about-info-section{padding:15px;}.about-container{width:100%;max-width:100%;overflow:hidden;}.main-content-block,.content-box{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;}}.video-link-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:rgba(255,255,255,0.05);border-radius:12px;text-align:center;min-height:300px;}.video-link-fallback i{font-size:64px;color:rgba(255,255,255,0.5);margin-bottom:20px;}.video-link-fallback p{font-size:18px;color:rgba(255,255,255,0.9);margin-bottom:25px;}.btn-view-video{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border-radius:8px;text-decoration:none;font-weight:600;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(102,126,234,0.3);}.btn-view-video:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,0.4);}.btn-view-video i{font-size:18px;}