.about-section{padding:1rem;background:var(--bg-color);min-height:100vh;display:flex;align-items:center}.about-container{max-width:1300px;margin:0 auto;width:100%}.about-content{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:center}.about-image-container{position:relative;display:flex;justify-content:center;align-items:center}.about-image{width:350px;height:450px;object-fit:cover;border-radius:20px;box-shadow:0 20px 60px #667eea4d;border:4px solid rgba(102,126,234,.2);transition:transform .3s ease,box-shadow .3s ease}.about-image:hover{transform:translateY(-10px);box-shadow:0 30px 80px #667eea66}.about-image-placeholder{width:350px;height:450px;background:#667eea1a;border-radius:20px;border:4px solid rgba(102,126,234,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#667eea;opacity:.7;gap:1rem}.about-image-placeholder p{margin:0;font-size:1rem;text-align:center;color:#667eea}.about-details{display:flex;flex-direction:column}.about-header{margin-bottom:1rem}.about-title{font-size:2rem;font-weight:700;color:var(--text-color);line-height:1.2;margin:0}.about-title-highlight{background:linear-gradient(135deg,#f07,#ff00fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.about-tag{padding:.1rem .8rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea;border:2px solid rgba(102,126,234,.3);border-radius:25px;font-size:.9rem;font-weight:600;transition:all .3s ease}.about-tag:hover{background:linear-gradient(135deg,#667eea,#f0b);color:#fff}.about-description{margin-bottom:1.5rem}.about-description p{font-size:1.1rem;line-height:1.8;color:var(--text-color);opacity:.9;margin:0}.about-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.about-info-item{display:flex;align-items:center;gap:1rem;padding:.25rem;border-radius:12px;transition:all .3s ease}.about-info-item:hover{transform:translate(5px)}.about-info-item svg{color:#667eea;flex-shrink:0}.about-info-item span{font-size:1rem;color:var(--text-color);font-weight:500}.about-actions{display:flex;gap:1rem;margin-top:1rem}.about-btn{text-decoration:none}.about-btn.primary{color:#fff}.about-btn.primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px #ea66aa66}.about-btn.secondary{background:transparent;color:#667eea;border:1px solid #667eea;box-shadow:0 15px 30px #667eea1c}.about-btn.secondary:hover{background:#667eea;color:#fff;transform:translateY(-3px);box-shadow:0 15px 30px #667eea4d}.about-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.about-loading .spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.about-loading p{color:#667eea;font-size:1.1rem}@media (max-width: 968px){.about-content{grid-template-columns:1fr;gap:3rem;text-align:center}.about-title{font-size:2.5rem}.about-image,.about-image-placeholder{width:300px;height:380px}.about-actions{justify-content:center}}@media (max-width: 640px){.about-section{padding:3rem 1rem}.about-title{font-size:2rem}.about-image,.about-image-placeholder{width:250px;height:320px}.about-actions{flex-direction:column;align-items:center}.about-btn{width:100%;justify-content:center}}.skills-section{padding:1rem;background:var(--bg-color);min-height:100vh}.skills-container{margin:0 1rem}.skills-header{text-align:center;margin-bottom:1rem}.skills-title{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:.6rem;position:relative}.skills-title:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(135deg,#ff009d,#8000ff);border-radius:2px}.skills-subtitle{font-size:1.2rem;color:#ff0073;margin:0}.skills-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.skills-loading .spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:#ff00a6;border-radius:50%;animation:spin 1s linear infinite}.skills-loading p{color:#143fff;font-size:1.1rem}.no-skills{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#94a3b8;text-align:center}.no-skills svg{margin-bottom:1rem;opacity:.5}.no-skills p{font-size:1.1rem;margin:0}.skills-categories{display:flex;flex-direction:column;gap:2rem}.skill-category{width:100%}.category-headers{font-size:1.2rem;font-weight:600;margin-bottom:.25rem;letter-spacing:.5px}.category-title{font-weight:700;text-align:left;text-transform:uppercase}.category-description{font-size:1rem;color:#ff00ae;margin:0;text-align:left}.skills-ribbon{position:relative;overflow:hidden;background:#667eea0d;border-radius:15px;padding:1rem 0;border:1px solid rgba(102,126,234,.1)}.skills-scroll-container{width:100%}.skills-list{display:flex;gap:1rem;animation:infiniteScroll 20s linear infinite;width:fit-content}.skills-list:hover{animation-play-state:paused}.skill-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:40px;padding:.5rem;background:var(--bg-color);transition:all .3s ease;border:2px solid transparent;box-shadow:0 4px 15px #0000001a}.skill-item:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea33}.skill-image{width:50px;height:50px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#667eea1a;transition:transform .3s ease}.skill-image img{height:100%;object-fit:cover}.skill-name{font-size:.9rem;font-weight:600;color:var(--text-color);text-align:center}@keyframes infiniteScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 768px){.skills-section{padding:3rem 1rem}.skills-header{margin-bottom:3rem}.skills-title{font-size:2rem}.skills-subtitle{font-size:1rem}.category-title{font-size:1.5rem}.skill-item{min-width:100px;padding:.75rem}.skill-image{width:50px;height:50px}.skill-name{font-size:.8rem}.skills-list{gap:1.5rem;animation-duration:25s}}@media (max-width: 480px){.skills-container{margin:0}.skills-categories{gap:2rem}.category-header{margin-bottom:1rem}.skills-ribbon{padding:1rem 0}.skill-item{min-width:90px;padding:.5rem}.skill-image{width:45px;height:45px}.skills-list{gap:1rem;animation-duration:20s}}.education-section{padding:1rem;background:var(--bg-color);min-height:100vh}.education-container{max-width:1300px;margin:0 auto}.education-header{text-align:center;margin-bottom:1rem}.education-title{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:.6rem;position:relative}.education-title:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(135deg,#ff009d,#8000ff);border-radius:2px}.education-subtitle{font-size:1.2rem;color:#ff0073;margin:0}.education-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.education-loading .spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:#f09;border-radius:50%;animation:spin 1s linear infinite}.education-loading p{color:#0230ff;font-size:1.1rem}.no-education{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#98acc7;text-align:center}.no-education svg{margin-bottom:1rem;opacity:.5}.no-education p{font-size:1rem;margin:0}.education-timeline{position:relative;padding-left:1rem}.education-timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#ff009d,#8000ff);border-radius:1px}.education-item{position:relative;margin-bottom:1.5rem}.education-item:before{content:"";position:absolute;left:-1.6rem;top:1rem;width:14px;height:14px;background:linear-gradient(135deg,#ff009d,#8000ff);border-radius:50%;border:3px solid var(--bg-color);box-shadow:0 0 0 2px #ff009d;z-index:2}.educations-content{display:grid;grid-template-columns:200px 1fr;gap:2rem;padding:1rem;align-items:center;background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;margin-left:1rem;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.educations-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#ff009d,#8000ff)}.educations-content:hover{transform:translate(5px);box-shadow:0 10px 30px #ff009d33}.education-logo{width:100%;height:100%;border-radius:8px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#667eea1a;border:2px solid rgba(102,126,234,.2)}.education-logo img{width:100%;height:100%;object-fit:cover}.education-logo-placeholder{display:flex;align-items:center;justify-content:center;color:#667eea;opacity:.6}.education-details{flex:1;display:flex;flex-direction:column;gap:.75rem}.education-degree{margin-bottom:.5rem}.degree-name{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0;line-height:1.3}.education-institute{margin-bottom:1rem}.institute-name{font-size:1.2rem;font-weight:600;color:#64748b;margin:0}.institute-location{font-weight:400;color:#94a3b8}.education-status{display:flex;align-items:center;gap:1rem}.status-badge{padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.education-year{font-size:.95rem;font-weight:600;color:#667eea;padding:.3rem .8rem;background:#667eea1a;border-radius:15px}.education-grade{display:flex;align-items:center;gap:.5rem}.grade-label{font-size:.9rem;color:#64748b;font-weight:500}.grade-value{font-size:.9rem;font-weight:700;color:#667eea;padding:.2rem .6rem;background:#667eea1a;border-radius:12px}.education-connector{position:absolute;left:-1.5rem;bottom:-1.5rem;width:2px;height:1.5rem;background:linear-gradient(to bottom,#667eea,#764ba2)}@media (max-width: 768px){.education-section{padding:3rem 1rem}.education-header{margin-bottom:3rem}.education-title{font-size:2rem}.education-subtitle{font-size:1rem}.education-timeline{padding-left:1.5rem}.education-item:before{left:-1.9rem;width:12px;height:12px}.education-content{flex-direction:column;gap:1rem;padding:1.5rem;margin-left:.5rem}.education-logo{width:96px;height:54px;align-self:center}.degree-name{font-size:1.3rem;text-align:center}.institute-name{font-size:1.1rem;text-align:center}.education-meta{justify-content:center;gap:1rem}.educations-content{grid-template-columns:1fr;gap:1.5rem;text-align:center}}@media (max-width: 480px){.education-content{padding:1rem}.degree-name{font-size:1.2rem}.institute-name{font-size:1rem}.education-meta{flex-direction:column;gap:.75rem}.education-status{flex-direction:column;gap:.5rem;align-items:center}.educations-content{padding:1.5rem}.educations-content{margin-left:0}}.toast{position:relative;top:2rem;right:2rem;z-index:9999;display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;margin:.5rem 1rem;background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0000001f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:300px;max-width:450px;transition:all .3s ease;overflow:hidden}.toast:before{content:"";position:absolute;bottom:0;left:0;height:3px;background:currentColor;animation:progressBar var(--duration, 3s) linear forwards}.toast-success{border-left:4px solid #10b981;background:linear-gradient(135deg,#10b9811a,#10b9810d);color:#10b981}.toast-error{border-left:4px solid #ef4444;background:linear-gradient(135deg,#ef44441a,#ef44440d);color:#ef4444}.toast-warning{border-left:4px solid #f59e0b;background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);color:#f59e0b}.toast-info{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#3b82f61a,#3b82f60d);color:#3b82f6}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast-content{flex:1;min-width:0}.toast-message{margin:0;font-size:.95rem;font-weight:500;color:var(--text-color);line-height:1.4;word-wrap:break-word}.toast-close{flex-shrink:0;width:28px;height:28px;background:none;border:none;color:#64748b;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.toast-close:hover{background:#64748b1a;color:var(--text-color)}.toast-show{animation:slideInRight .3s ease-out}.toast-hide{animation:slideOutRight .3s ease-out forwards}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes progressBar{0%{width:100%}to{width:0%}}@media (max-width: 768px){.toast{top:1rem;right:1rem;left:1rem;min-width:auto;max-width:none;margin:.5rem}.toast-message{font-size:.9rem}}@media (max-width: 480px){.toast{min-width:260px;padding:.875rem 1.25rem}.toast-icon{width:20px;height:20px}.toast-close{width:24px;height:24px}}@media (prefers-color-scheme: dark){.toast{box-shadow:0 8px 32px #0000004d}}.contact-section{padding:4rem 1rem;background:var(--bg-color);min-height:100vh}.contact-container{margin:0 2rem}.contact-header{text-align:center;margin-bottom:1rem}.contact-title{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem;position:relative}.contact-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(135deg,#ff009d,#8000ff);border-radius:2px}.contact-subtitle{font-size:1.2rem;color:#ff0073;margin:0}.testimonials-title{text-align:center;font-size:2rem;font-weight:700;color:var(--text-color);margin:3rem 0 2rem}.testimonials-carousel{position:relative;overflow:visible}.testimonials-container{overflow:hidden;border-radius:12px;position:relative;margin:0 3rem 0 0}.testimonials-track{display:flex;transition:transform .5s ease}.testimonials-slide{min-width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.testimonial-card{padding:1.5rem;background:linear-gradient(135deg,#667eea0d,#ff007708);border:1px solid rgba(102,126,234,.1);transition:all .3s ease}.testimonial-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea26}.testimonial-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.testimonial-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;border:2px solid rgba(102,126,234,.2);flex-shrink:0}.testimonial-avatar img{width:100%;height:100%;object-fit:cover}.testimonial-info{flex:1;min-width:0}.testimonial-name{font-size:1rem;font-weight:700;color:var(--text-color);margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.testimonial-rating{display:flex;gap:.2rem}.testimonial-rating .star{color:#fbbf24;width:14px;height:14px}.testimonial-rating .star.filled{fill:#fbbf24}.testimonial-feedback{font-size:.95rem;color:#000000c4;line-height:1.5;margin-bottom:1rem;font-style:italic;overflow:hidden}:root.dark .testimonial-feedback{color:#fffc}.testimonial-link{display:inline-flex;align-items:center;gap:.4rem;color:#667eea;text-decoration:none;font-weight:600;font-size:.85rem;transition:color .3s ease}.testimonial-link:hover{color:#ff0084}.testimonial-link svg{width:14px;height:14px}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:35px;height:35px;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:50%;color:#ff00a6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carousel-btn:hover{background:#ff008ca6;color:#fff;transform:translateY(-50%) scale(1.1);border:1px solid #667eea;box-shadow:0 6px 20px #667eea4d}.carousel-btn.prev{left:-25px}.carousel-btn.next{right:1rem}.carousel-indicators{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.indicator{width:12px;height:12px;border-radius:50%;background:#ff00594d;border:none;cursor:pointer;transition:all .3s ease}.indicator.active{background:#ff007b;transform:scale(1.2)}.contact-forms{background:var(--bg-color);border-radius:16px;padding:2rem;margin-bottom:10rem;box-shadow:0 8px 32px #0000001a;border:1px solid var(--border-color)}.form-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color)}.tab-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:none;border:none;color:#64748b;font-weight:600;cursor:pointer;position:relative;transition:all .3s ease;border-radius:8px 8px 0 0}.tab-btn:hover{color:#667eea;background:#667eea0d}.tab-btn.active{color:#667eea;background:#667eea1a}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#667eea}.forms-container{min-height:400px}.contact-form{animation:fadeInUp .5s ease-out;display:grid;grid-template-columns:500px 1fr;gap:2rem;align-items:start}.form-image-container{position:sticky;top:3rem}.form-image{width:500px;object-fit:cover}.form-content{flex:1}.form-grids{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.form-groups{display:flex;flex-direction:column;gap:.5rem}.form-groups label{font-size:1rem;font-weight:600;color:var(--text-color)}.form-groups input,.form-groups select,.form-groups textarea{padding:.65rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--bg-color);color:var(--text-color);transition:all .3s ease}.form-groups input:focus,.form-groups select:focus,.form-groups textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-groups textarea{resize:vertical;min-height:120px;font-family:inherit}.star-rating{display:flex;gap:.5rem;margin-bottom:1rem}.star-btn{background:none;border:none;color:#e5e7eb;cursor:pointer;transition:color .3s ease}.star-btn:hover,.star-btn.active{color:#fbbf24}.star-btn svg{fill:currentColor}.submit-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#f07,#c800ff);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ea66ac4d;align-self:flex-start;margin-top:1rem}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ea66ac66}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 1200px){.contact-container{margin:0 1.5rem}.contact-form{grid-template-columns:400px 1fr;gap:1.5rem}.form-image{width:400px}}@media (max-width: 1024px){.contact-container{margin:0 1rem}.contact-form{grid-template-columns:350px 1fr;gap:1.25rem}.form-image{width:350px;height:280px}.testimonials-container{margin:0 2.5rem 0 0}.carousel-btn{width:32px;height:32px}.carousel-btn.prev{left:-20px}}@media (max-width: 768px){.contact-section{padding:2rem 1rem}.contact-container{margin:0}.contact-title{font-size:2rem}.contact-subtitle{font-size:1rem}.contact-forms{padding:1.5rem;margin-bottom:6rem;border-radius:12px}.form-tabs{gap:0;margin-bottom:1.5rem;border-bottom:none;background:#667eea0d;border-radius:8px;padding:.5rem}.tab-btn{padding:.875rem 1rem;border-radius:6px;width:100%;justify-content:center}.tab-btn.active:after{display:none}.contact-form{grid-template-columns:1fr;gap:1.5rem}.form-image-container{order:1;position:relative;top:0}.form-content{order:2}.form-image{width:100%;height:200px;border-radius:8px;object-fit:cover}.form-grids{grid-template-columns:1fr;gap:1rem}.testimonials-title{font-size:1.75rem;margin:2rem 0 1.5rem}.testimonials-carousel{padding:0;overflow:visible}.testimonials-container{margin:0;overflow:hidden}.testimonials-slide{grid-template-columns:1fr;gap:1rem}.testimonial-card{padding:1.25rem;border-radius:8px}.carousel-btn{width:36px;height:36px;top:40%}.carousel-btn.prev{left:-18px}.carousel-btn.next{right:-18px}.submit-btn{width:100%;justify-content:center;padding:.875rem 1.5rem}}@media (max-width: 640px){.contact-section{padding:1.5rem .75rem}.contact-header{margin-bottom:1.5rem}.contact-title{font-size:1.75rem}.contact-subtitle{font-size:.95rem}.contact-forms{padding:1rem;margin-bottom:4rem}.tab-btn{padding:.75rem;font-size:.9rem;gap:.5rem}.tab-btn svg{width:16px;height:16px}.form-image{height:160px}.form-groups label{font-size:.9rem}.form-groups input,.form-groups select,.form-groups textarea{padding:.5rem;font-size:.9rem}.form-groups textarea{min-height:100px}.testimonials-title{font-size:1.5rem}.testimonial-card{padding:1rem}.testimonial-name{font-size:.9rem}.testimonial-feedback{font-size:.85rem}.testimonial-avatar{width:40px;height:40px}.carousel-btn{width:32px;height:32px}.carousel-btn.prev{left:-16px}.carousel-btn.next{right:-16px}.submit-btn{font-size:1rem;gap:.5rem}.submit-btn svg{width:16px;height:16px}}@media (max-width: 480px){.contact-section{padding:1rem .5rem}.contact-title{font-size:1.5rem}.contact-subtitle{font-size:.9rem}.contact-forms{padding:.75rem;margin-bottom:3rem}.tab-btn{padding:.625rem;font-size:.85rem}.form-image{height:140px}.form-groups input,.form-groups select,.form-groups textarea{padding:.45rem;font-size:.85rem}.star-rating{gap:.25rem;justify-content:center}.star-btn svg{width:20px;height:20px}.testimonials-title{font-size:1.25rem;margin:1.5rem 0 1rem}.testimonial-card{padding:.875rem}.testimonial-header{gap:.75rem}.testimonial-avatar{width:36px;height:36px}.testimonial-name{font-size:.85rem}.testimonial-feedback{font-size:.8rem;line-height:1.4}.testimonial-rating .star{width:12px;height:12px}.testimonial-link{font-size:.8rem}.carousel-btn{width:28px;height:28px}.carousel-btn.prev{left:-14px}.carousel-btn.next{right:-14px}.submit-btn{font-size:.9rem;padding:.75rem 1.25rem}}@media (max-width: 360px){.contact-section{padding:.75rem .25rem}.contact-title{font-size:1.25rem}.contact-subtitle{font-size:.85rem}.contact-forms{padding:.5rem;margin-bottom:2rem}.tab-btn{padding:.5rem;font-size:.8rem}.form-image{height:120px}.form-groups{gap:.4rem}.form-groups label{font-size:.85rem}.form-groups input,.form-groups select,.form-groups textarea{padding:.4rem;font-size:.8rem}.testimonial-card{padding:.75rem}.testimonial-avatar{width:32px;height:32px}.testimonial-name{font-size:.8rem}.testimonial-feedback{font-size:.75rem}.carousel-btn{width:24px;height:24px}.carousel-btn.prev{left:-12px}.carousel-btn.next{right:-12px}.submit-btn{font-size:.85rem;padding:.625rem 1rem}}@media (hover: none) and (pointer: coarse){.tab-btn{min-height:48px;touch-action:manipulation}.star-btn{min-width:32px;min-height:32px;touch-action:manipulation}.star-btn:active{transform:scale(.9)}}@media (max-height: 500px) and (orientation: landscape){.contact-section{padding:1rem .5rem}.contact-header{margin-bottom:1rem}.contact-forms{margin-bottom:2rem}.contact-form{grid-template-columns:250px 1fr;gap:1rem}.form-image{height:180px}.testimonials-title{font-size:1.25rem;margin:1rem 0}.testimonial-card{padding:.75rem}.carousel-btn{top:45%}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.form-image,.testimonial-avatar img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion: reduce){.contact-form{animation:none}.testimonials-track,.carousel-btn,.submit-btn,.tab-btn,.testimonial-card,.indicator,.star-btn{transition:none}}@media (prefers-reduced-motion: no-preference){.tab-btn:focus-visible,.carousel-btn:focus-visible,.submit-btn:focus-visible,.star-btn:focus-visible,.indicator:focus-visible{outline:2px solid #667eea;outline-offset:2px}.form-groups input:focus-visible,.form-groups select:focus-visible,.form-groups textarea:focus-visible{outline:2px solid #667eea;outline-offset:2px}}.projects-section{padding:1rem;background:var(--bg-color);min-height:100vh}.projects-container{margin:0 3rem}.projects-header{text-align:center;margin-bottom:1rem}.projects-title{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:.6rem;position:relative}.projects-title:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(135deg,#ff009d,#8000ff);border-radius:2px}.projects-subtitle{font-size:1.2rem;color:#ff0073;margin:0}.projects-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.projects-loading .spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:#f09;border-radius:50%;animation:spin 1s linear infinite}.projects-loading p{color:#0230ff;font-size:1.1rem}.no-projects{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#98acc7;text-align:center}.no-projects svg{margin-bottom:1rem;opacity:.5}.no-projects p{font-size:1rem;margin:0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem}.project-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 20px #00000014}.project-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #667eea26;border-color:#667eea4d}.project-image-container{position:relative;height:240px;overflow:hidden}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image{transform:scale(1.05)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#000c,#0000004d);opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center}.project-card:hover .project-overlay{opacity:1}.view-project-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#ff00fe,red);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.view-project-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.project-status-badge{position:absolute;top:1rem;right:1rem;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.project-status-badge.ongoing{background:linear-gradient(135deg,#f59e0be6,#d97706e6);color:#fff}.project-status-badge.completed{background:linear-gradient(135deg,#10b981e6,#059669e6);color:#fff}.project-content{padding:1.5rem}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.project-title{font-size:1.4rem;font-weight:700;color:var(--text-color);margin:0;line-height:1.3;flex:1}.project-completion{font-size:.85rem;color:#ff0084;font-weight:600;background:#667eea1a;padding:.25rem .75rem;border-radius:12px;margin-left:1rem;white-space:nowrap}.project-description{font-size:1rem;color:#64748b;line-height:1.6;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-skills{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.skill-badge{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:20px;font-size:.85rem;font-weight:600;color:#667eea}.skill-badge:hover{background:#667eea33;transform:translateY(-1px)}.skill-badge img{width:20px;height:20px;object-fit:cover;border-radius:4px;transition:all .3s ease}.project-links{display:flex;gap:1rem;flex-wrap:wrap}.project-link{border:1px solid #667eea}.project-link:hover{background:#ea66b5;color:#fff;transform:translateY(-2px)}.project-link:hover .link-icon,.project-link:hover .link-icon svg{color:#fff}.link-icon{display:flex;align-items:center;justify-content:center;transition:all .3s ease}.view-all-projects{display:flex;justify-content:center;margin-top:3rem}.view-all-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#f07,#c800ff);color:#fff;text-decoration:none;border-radius:50px;font-size:1.1rem;font-weight:600;transition:all .3s ease;box-shadow:0 10px 30px #ea66ac4d}.view-all-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #ea66ac66}.project-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;opacity:0;visibility:hidden;transition:all .3s ease}.project-modal.open{opacity:1;visibility:visible}.modal-content{background:var(--bg-color);border-radius:10px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;transform:scale(.9);transition:transform .3s ease}.project-modal.open .modal-content{transform:scale(1)}.modal-header{position:relative;overflow:hidden;padding:1rem}.modal-image{width:100%;height:100%;object-fit:cover}.close-modal-btn{position:absolute;top:1rem;right:1rem;width:40px;height:40px;background:#00000080;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-modal-btn:hover{background:#000c;transform:scale(1.1)}.modal-body{padding:2rem}.modal-title{font-size:2rem;font-weight:700;color:var(--text-color);margin:0 0 1rem;line-height:1.3}.modal-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.modal-status{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:uppercase}.modal-completion{font-size:1rem;color:#667eea;font-weight:600}.modal-description{font-size:1.1rem;color:var(--text-color);line-height:1.7;margin-bottom:2rem}.modal-detailed-description{font-size:1rem;color:#64748b;line-height:1.6;margin-bottom:2rem}.modal-skills{margin-bottom:2rem}.modal-skills h3{font-size:1.2rem;font-weight:600;color:var(--text-color);margin-bottom:1rem}.modal-links{margin-bottom:2rem}.modal-links h3{font-size:1.2rem;font-weight:600;color:var(--text-color);margin-bottom:1rem}.modal-links .project-links{gap:1rem}.modal-links .project-link{font-size:1rem;padding:.75rem 1.25rem}@media (max-width: 768px){.projects-section{padding:3rem 1rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card{margin:0 auto;max-width:500px}.project-header{flex-direction:column;align-items:flex-start;gap:.5rem}.project-completion{margin-left:0}.project-links{justify-content:center}.project-modal{padding:1rem}.modal-content{max-height:95vh}.modal-body{padding:1.5rem}.modal-title{font-size:1.5rem}.modal-meta{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.projects-container{margin:0rem}.projects-grid{grid-template-columns:1fr}.project-skills,.project-links{justify-content:center}.modal-links .project-links{flex-direction:column}}.experience-section{padding:4rem 1rem;background:var(--bg-color);min-height:100vh}.experience-container{max-width:1300px;margin:0 auto}.experience-header{text-align:center;margin-bottom:2rem}.experience-title{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem;position:relative}.experience-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(135deg,#ff009d,#8000ff);border-radius:2px}.experience-subtitle{font-size:1.2rem;color:#ff0073;margin:0}.experience-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.experience-loading .spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:#f09;border-radius:50%;animation:spin 1s linear infinite}.experience-loading p{color:#0230ff;font-size:1.1rem}.no-experiences{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#98acc7;text-align:center}.no-experiences p{font-size:1rem;margin:0}.experience-timeline{position:relative;margin:2rem 0}.experience-timeline:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#ff009d,#8000ff)}.timeline-item{position:relative;margin-bottom:3rem;display:flex;align-items:flex-start}.timeline-marker{position:relative;margin-right:2rem;z-index:2}.timeline-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid var(--bg-color);box-shadow:0 4px 15px #0000001a;color:#fff;font-weight:700}.timeline-icon.ongoing{background:linear-gradient(135deg,#f59e0b,#d97706)}.timeline-icon.completed{background:linear-gradient(135deg,#10b981,#059669)}.experience-card{flex:1;background:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014;transition:all .4s ease;position:relative;overflow:hidden}.experience-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.experience-card:hover:before{left:100%}.experience-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px #667eea33;border-color:#667eea66}.experience-header-card{margin-bottom:1rem}.experience-main-info{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.company-logo{flex-shrink:0}.company-logo img{width:80px;height:80px;object-fit:contain;border-radius:8px;border:1px solid var(--border-color);padding:8px;background:#fff}.experience-title-info{flex:1}.experience-role{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0 0 .5rem;line-height:1.3}.company-info{display:flex;flex-direction:column}.company-name,.company-name-link{font-size:1.1rem;font-weight:600;color:#667eea;text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:color .3s ease}.company-name-link:hover{color:#ff0084}.location{font-size:.95rem;color:#64748b;display:flex;align-items:center;gap:.25rem}.experience-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.experience-badges{display:flex;gap:.5rem;flex-wrap:wrap}.category-badge,.employment-type-badge,.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.category-badge.job{background:#3b82f61a;color:#27f;border:1px solid rgba(59,130,246,.2)}.category-badge.internship{background:#a855f71a;color:#9a2eff;border:1px solid rgba(168,85,247,.2)}.category-badge.freelance{background:#22c55e1a;color:#0ad354;border:1px solid rgba(34,197,94,.2)}.employment-type-badge{background:#667eea1a;color:#667eea;border:1px solid rgba(102,126,234,.2)}.duration{font-size:.95rem;color:#64748b;font-weight:600}.experience-content{border-top:1px solid var(--border-color);padding-top:1rem}.experience-description{margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.experience-description:not(.expanded){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.experience-description p{font-size:1rem;color:#64748b;line-height:1.6;margin:0}.toggle-description-btn{background:none;border:none;color:#667eea;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;margin-bottom:1rem}.toggle-description-btn:hover{color:#ff0084}.toggle-description-btn svg{transition:transform .3s ease}.toggle-description-btn svg.rotated{transform:rotate(180deg)}.experience-technologies{margin-bottom:1rem}.experience-technologies h4{font-size:1rem;font-weight:600;color:var(--text-color);margin:0 0 .75rem}.tech-badges{display:flex;flex-wrap:wrap;gap:.5rem}.tech-badge{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:20px;font-size:.85rem;font-weight:600;color:#667eea;transition:all .3s ease}.tech-badge:hover{background:#667eea33;transform:translateY(-1px)}.experience-documents{display:flex;gap:1rem;flex-wrap:wrap}.document-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#f07,#c800ff);color:#fff;text-decoration:none;border-radius:8px;font-size:.9rem;font-weight:600;transition:all .3s ease}.experience-skill-tags{margin-bottom:1.5rem}.experience-skill-tags h4{font-size:1rem;font-weight:600;color:var(--text-color);margin:0 0 .75rem}.skill-tags-badges{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag-badge{padding:.3rem .8rem;background:linear-gradient(135deg,#ff00771a,#8000ff1a);border:1px solid rgba(255,0,119,.2);border-radius:15px;font-size:.85rem;font-weight:600;color:#f07;transition:all .3s ease}.skill-tag-badge:hover{background:linear-gradient(135deg,#f073,#8000ff33);transform:translateY(-1px)}.experience-actions{display:flex;justify-content:center;margin-top:3rem;margin-bottom:2rem}.view-past-experiences-btn,.view-featured-experiences-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#f07,#c800ff);color:#fff;border:1px solid #00000083;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #ea66ac4d}.view-past-experiences-btn:hover,.view-featured-experiences-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #ea66ac66}.experience-timeline{position:relative;margin:2rem 0;transition:all .5s ease}.timeline-item{position:relative;margin-bottom:3rem;display:flex;align-items:flex-start;animation:slideInUp .6s ease-out;animation-fill-mode:both}.timeline-item:nth-child(1){animation-delay:.1s}.timeline-item:nth-child(2){animation-delay:.2s}.timeline-item:nth-child(3){animation-delay:.3s}.timeline-item:nth-child(4){animation-delay:.4s}.timeline-item:nth-child(5){animation-delay:.5s}.timeline-item:nth-child(n+6){animation-delay:.6s}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.experience-section{padding:3rem 1rem}.experience-actions{margin-top:2rem;padding:0 1rem}.view-past-experiences-btn,.view-featured-experiences-btn{padding:.875rem 1.5rem;font-size:1rem;text-align:center}.experience-timeline:before{left:15px}.timeline-marker{margin-right:1rem}.timeline-icon{width:40px;height:40px}.experience-card{padding:1.5rem}.experience-main-info{flex-direction:column;text-align:center}.experience-meta{flex-direction:column;align-items:flex-start}.experience-badges{order:2}.duration{order:1}.company-logo img{width:50px;height:50px}.experience-role{font-size:1.3rem}}@media (max-width: 480px){.experience-timeline:before{display:none}.timeline-item{flex-direction:column;text-align:center}.timeline-marker{margin:0 0 1rem;align-self:center}.experience-documents{flex-direction:column}.tech-badges{justify-content:center}.view-past-experiences-btn,.view-featured-experiences-btn{padding:.75rem 1.25rem;font-size:.9rem;flex-direction:column;gap:.5rem}}.awards-section{padding:4rem 1rem;background:var(--bg-color);min-height:100vh}.awards-container{max-width:1300px;margin:0 auto}.awards-header{text-align:center;margin-bottom:2rem}.awards-title{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem;position:relative}.awards-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(135deg,#ff009d,#8000ff);border-radius:2px}.awards-subtitle{font-size:1.2rem;color:#ff0073;margin:0}.awards-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.awards-loading .spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:#f09;border-radius:50%;animation:spin 1s linear infinite}.awards-loading p{color:#0230ff;font-size:1.1rem}.no-awards{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#98acc7;text-align:center}.no-awards p{font-size:1rem;margin:0}.awards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem;margin-bottom:2rem}.award-card{background:var(--bg-color);border:1px solid var(--border-color);padding:1.5rem;transition:all .3s ease;box-shadow:0 4px 20px #00000014;position:relative;overflow:hidden}.award-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #667eea26;border-color:#667eea4d}.award-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.award-image-container{flex-shrink:0}.award-image{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid var(--border-color)}.award-image-placeholder{width:60px;height:60px;background:#667eea1a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#667eea}.award-main-info{flex:1}.award-title{font-size:1.3rem;font-weight:700;color:var(--text-color);margin:0 0 .5rem;line-height:1.3}.award-organization{font-size:1rem;color:#667eea;font-weight:600;margin-bottom:.5rem}.award-date{font-size:.9rem;color:#64748b;font-weight:500}.award-content{margin-bottom:1rem}.award-description{font-size:.95rem;color:#64748b;line-height:1.6;margin-bottom:1rem}.award-associated{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.association-badge{display:flex;align-items:center;gap:.5rem;padding:.3rem .75rem;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:15px;font-size:.85rem;font-weight:600;color:#667eea}.award-actions{display:flex;justify-content:space-between;align-items:center}.award-links{display:flex;gap:.75rem}.award-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#f07,#c800ff);color:#fff;text-decoration:none;font-size:.85rem;font-weight:600;transition:all .3s ease}.award-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ea66ac66}.social-links{display:flex;gap:.5rem}.socials-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#667eea1a;color:#667eea;border-radius:50%;text-decoration:none;transition:all .3s ease}.socials-link:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.view-all-awards{display:flex;justify-content:center;margin-top:3rem}.view-all-awards-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#f07,#c800ff);color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #ea66ac4d}.view-all-awards-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #ea66ac66}@media (max-width: 768px){.awards-section{padding:3rem 1rem}.awards-grid{grid-template-columns:1fr;gap:1.5rem}.award-header{flex-direction:column;text-align:center}.award-actions{flex-direction:column;gap:1rem;align-items:stretch}.award-links,.social-links{justify-content:center}.view-all-awards{margin-top:2rem;padding:0 1rem}.view-all-awards-btn{padding:.875rem 1.5rem;font-size:1rem;text-align:center}}@media (max-width: 480px){.award-card{padding:1.25rem}.award-title{font-size:1.2rem}.award-links{flex-direction:column;gap:.5rem}.view-all-awards-btn{padding:.75rem 1.25rem;font-size:.9rem;flex-direction:column;gap:.5rem}}.certifications-section{padding:4rem 1rem;background:var(--bg-color);min-height:100vh}.certifications-container{max-width:1400px;margin:0 auto}.certifications-header{text-align:center;margin-bottom:2rem}.certifications-title{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem;position:relative}.certifications-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(135deg,#ff009d,#8000ff);border-radius:2px}.certifications-subtitle{font-size:1.2rem;color:#ff0073;margin:0}.certifications-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.certifications-loading .spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:#f09;border-radius:50%;animation:spin 1s linear infinite}.certifications-loading p{color:#0230ff;font-size:1.1rem}.no-certifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#98acc7;text-align:center}.no-certifications p{font-size:1rem;margin:0}.certifications-layout{display:grid;grid-template-columns:400px 1fr;gap:2rem;min-height:600px}.certificates-list-panel{background:var(--bg-color);border:1px solid var(--border-color);padding:1.5rem;border-radius:10px;box-shadow:0 4px 20px #00000014}.certificates-list-container{max-height:600px;overflow-y:auto;padding-right:.5rem}.certificates-list-container::-webkit-scrollbar{width:6px}.certificates-list-container::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.certificates-list-container::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:3px}.certificates-list-container::-webkit-scrollbar-thumb:hover{background:#667eea80}.certificate-list-item{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:.75rem;border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .3s ease;position:relative;animation:slideInLeft .5s ease-out both}.certificate-list-item:hover{background:#667eea0d;border-color:#667eea4d;transform:translate(5px)}.certificate-list-item.selected{background:linear-gradient(135deg,#667eea1a,#ff00770d);border-color:#667eea;box-shadow:0 4px 15px #667eea33}.certificate-list-image{flex-shrink:0;width:48px;height:48px;border-radius:50%;border:2px solid var(--border-color);position:relative;overflow:visible;display:flex;align-items:center;justify-content:center}.certificate-pin-indicator{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;border:2px solid var(--bg-color);box-shadow:0 2px 4px #0003;z-index:2}.certificate-list-image img{width:100%;height:100%;object-fit:cover;border-radius:50%}.certificate-list-placeholder{width:100%;height:100%;background:#667eea1a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#667eea}.certificate-list-content{flex:1;min-width:0}.certificate-list-title{font-size:1rem;font-weight:700;color:var(--text-color);margin:0 0 .25rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.certificate-list-organization{font-size:.9rem;color:#667eea;font-weight:600;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.certificate-list-date{font-size:.8rem;color:#64748b;font-weight:500}.certificate-list-indicator{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.indicator-dot{width:8px;height:8px;background:linear-gradient(135deg,#667eea,#f07);border-radius:50%;animation:pulse 2s infinite}.certificate-preview-panel{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:2rem;box-shadow:0 4px 20px #00000014;overflow-y:auto}.certificate-preview-card{animation:fadeInUp .5s ease-out}.certificate-preview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.certificate-preview-title-section{flex:1}.certificate-preview-title{font-size:2rem;font-weight:700;color:var(--text-color);margin:0 0 .5rem;line-height:1.3}.certificate-preview-organization{font-size:1.2rem;color:#667eea;font-weight:600;margin:0 0 .25rem}.certificate-preview-subtitle{font-size:1rem;color:#64748b;margin:0}.certificate-preview-logo{flex-shrink:0;width:80px;height:80px;margin-left:2rem}.certificate-preview-logo img{width:100%;height:100%;object-fit:contain;border-radius:12px;border:1px solid var(--border-color);padding:8px;background:#fff}.certificate-preview-meta{margin-bottom:2rem}.certificate-meta-item{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.9rem}.certificate-meta-item svg{color:#667eea}.certificate-preview-image{margin-bottom:2rem;text-align:center}.certificate-document-preview{height:600px;background:#f8f9fa;border:2px solid var(--border-color);padding:1rem;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.certificate-pdf-viewer{width:100%;height:100%;border:none}.certificate-image-viewer{width:100%;height:100%;object-fit:contain;border-radius:10px;background:#fff}.certificate-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:#64748b0d;border:2px dashed rgba(100,116,139,.2);border-radius:12px;color:#64748b;width:100%;height:500px;justify-content:center}.certificate-placeholder p{margin:0;font-weight:600;font-size:1.1rem}.certificate-preview-action{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.download-certificate-btn,.verify-certificate-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease}.download-certificate-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid #10b981}.download-certificate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.verify-certificate-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:1px solid #667eea}.verify-certificate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.certificate-preview-details{margin-bottom:2rem}.certificate-preview-details h4{font-size:1.3rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.certificate-preview-details p{font-size:1rem;color:#64748b;line-height:1.6;margin-bottom:1rem}.certificate-skills-section{margin-bottom:1.5rem}.certificate-skills-section h5{font-size:1rem;font-weight:600;color:var(--text-color);margin:0 0 .75rem}.certificate-skills-tags{display:flex;flex-wrap:wrap;gap:.5rem}.certificate-skill-tag{padding:.3rem .8rem;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:15px;font-size:.85rem;font-weight:600;color:#667eea}.certificate-credential-id{font-size:.9rem;color:#64748b;padding:1rem;background:#64748b0d;border-radius:8px;border:1px solid rgba(100,116,139,.1)}.certificate-preview-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--border-color)}.certificate-organization-badge{display:flex;align-items:center;gap:.75rem}.certificate-organization-badge img{width:32px;height:32px;border-radius:50%;object-fit:cover}.certificate-organization-badge span{font-size:1rem;font-weight:600;color:var(--text-color)}.certificate-social-links{display:flex;gap:.5rem}.certificate-social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#667eea1a;color:#667eea;border-radius:50%;text-decoration:none;transition:all .3s ease}.certificate-social-link:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.no-certificate-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#98acc7;gap:1rem}.no-certificate-selected h3{font-size:1.5rem;margin:0}.no-certificate-selected p{font-size:1rem;margin:0}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 1200px){.certifications-layout{grid-template-columns:380px 1fr;gap:1.5rem}.certificate-preview-panel{padding:1.5rem}}@media (max-width: 1024px){.certifications-layout{grid-template-columns:320px 1fr;gap:1.25rem}.certificate-preview-title{font-size:1.75rem}.certificate-document-preview{height:500px}}@media (max-width: 768px){.certifications-section{padding:2rem 1rem}.certifications-title{font-size:2rem}.certifications-subtitle{font-size:1rem}.certifications-layout{grid-template-columns:1fr;gap:1.5rem}.certificates-list-panel{order:2;padding:1rem}.certificate-preview-panel{order:1;padding:1.5rem}.certificates-list-container{max-height:300px}.certificate-list-item{padding:.75rem;margin-bottom:.5rem}.certificate-list-item:hover{transform:none}.certificate-preview-header{flex-direction:column;align-items:center;text-align:center;gap:1rem}.certificate-preview-logo{margin-left:0;width:60px;height:60px}.certificate-preview-title{font-size:1.5rem;text-align:center}.certificate-preview-organization{font-size:1rem;text-align:center}.certificate-document-preview{height:400px;margin-bottom:1.5rem}.certificate-placeholder{height:400px;padding:1.5rem}.certificate-preview-action{flex-direction:column;gap:.75rem}.download-certificate-btn,.verify-certificate-btn{justify-content:center;width:100%}.certificate-preview-footer{flex-direction:column;gap:1rem;text-align:center;align-items:center}.certificate-skills-tags{justify-content:center}}@media (max-width: 640px){.certifications-section{padding:1.5rem .75rem}.certifications-container{padding:0}.certificates-list-panel,.certificate-preview-panel{border-radius:8px;padding:1rem}.certificate-list-item{padding:.625rem;border-radius:8px}.certificate-list-image{width:36px;height:36px}.certificate-pin-indicator{width:14px;height:14px;top:-2px;right:-2px;font-size:8px}.certificate-list-title{font-size:.9rem}.certificate-list-organization{font-size:.8rem}.certificate-list-date{font-size:.75rem}.certificate-preview-title{font-size:1.25rem;line-height:1.3}.certificate-preview-organization{font-size:.9rem}.certificate-document-preview{height:300px}.certificate-placeholder{height:300px;padding:1rem}.certificate-placeholder p{font-size:.9rem}.download-certificate-btn,.verify-certificate-btn{padding:.625rem 1rem;font-size:.9rem}.certificate-preview-details h4{font-size:1.1rem}.certificate-preview-details p{font-size:.9rem}.certificate-skill-tag{font-size:.8rem;padding:.25rem .6rem}}@media (max-width: 480px){.certifications-section{padding:1rem .5rem}.certifications-title{font-size:1.75rem}.certifications-subtitle{font-size:.9rem}.certificates-list-panel,.certificate-preview-panel{padding:.75rem;margin:0 .25rem}.certificate-list-item{padding:.5rem;gap:.75rem}.certificate-list-image{width:32px;height:32px}.certificate-pin-indicator{width:12px;height:12px;top:-1px;right:-1px;font-size:7px}.certificate-list-title{font-size:.85rem;line-height:1.2}.certificate-list-organization{font-size:.75rem}.certificate-list-date{font-size:.7rem}.certificate-preview-logo{width:50px;height:50px}.certificate-preview-title{font-size:1.1rem;margin-bottom:.25rem}.certificate-preview-organization{font-size:.85rem}.certificate-preview-subtitle{font-size:.8rem}.certificate-document-preview{height:250px;margin-bottom:1rem}.certificate-placeholder{height:250px;padding:.75rem}.certificate-placeholder svg{width:40px;height:40px}.certificate-placeholder p{font-size:.8rem}.certificate-preview-action{gap:.5rem}.download-certificate-btn,.verify-certificate-btn{padding:.5rem .75rem;font-size:.85rem}.certificate-preview-details h4{font-size:1rem}.certificate-preview-details p{font-size:.85rem;line-height:1.5}.certificate-skills-section h5{font-size:.9rem}.certificate-skill-tag{font-size:.75rem;padding:.2rem .5rem}.certificate-credential-id{font-size:.8rem;padding:.75rem}.certificate-organization-badge{gap:.5rem}.certificate-organization-badge img{width:24px;height:24px}.certificate-organization-badge span{font-size:.9rem}.certificate-social-link{width:32px;height:32px}.no-certificate-selected h3{font-size:1.25rem}.no-certificate-selected p{font-size:.9rem}}@media (max-width: 360px){.certifications-section{padding:.75rem .25rem}.certificates-list-panel,.certificate-preview-panel{padding:.5rem;margin:0;border-radius:6px}.certificate-list-item{padding:.4rem;gap:.5rem;margin-bottom:.4rem}.certificate-list-image{width:28px;height:28px}.certificate-list-title{font-size:.8rem}.certificate-list-organization{font-size:.7rem}.certificate-list-date{font-size:.65rem}.certificate-preview-title{font-size:1rem}.certificate-document-preview{height:200px}.certificate-placeholder{height:200px;padding:.5rem}.download-certificate-btn,.verify-certificate-btn{padding:.4rem .6rem;font-size:.8rem}}@media (hover: none) and (pointer: coarse){.certificate-list-item{min-height:60px;touch-action:manipulation}.certificate-list-item:hover{transform:none;background:#667eea0d}.certificate-list-item:active{background:#667eea1a;transform:scale(.98)}.download-certificate-btn:hover,.verify-certificate-btn:hover{transform:none;box-shadow:none}.download-certificate-btn:active,.verify-certificate-btn:active{transform:scale(.95)}.certificate-social-link:hover{transform:none}.certificate-social-link:active{transform:scale(.9)}}@media (max-height: 500px) and (orientation: landscape){.certifications-section{padding:1rem .5rem}.certifications-layout{grid-template-columns:280px 1fr;gap:1rem}.certificates-list-panel{order:1}.certificate-preview-panel{order:2}.certificates-list-container{max-height:250px}.certificate-document-preview,.certificate-placeholder{height:200px}}.articles-section{padding:4rem 1rem;background:var(--bg-color);min-height:100vh}.articles-container{margin:0 2rem}.articles-header{text-align:center;margin-bottom:3rem}.articles-title{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem;position:relative}.articles-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(135deg,#ff009d,#8000ff);border-radius:2px}.articles-subtitle{font-size:1.2rem;color:#ff0073;margin:0}.articles-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.articles-loading .spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:#f09;border-radius:50%;animation:spin 1s linear infinite}.articles-loading p{color:#0230ff;font-size:1.1rem}.no-articles{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#98acc7;text-align:center}.no-articles p{font-size:1rem;margin:0}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem}.article-card{background:var(--bg-color);overflow:hidden;transition:all .3s ease;animation:fadeInUp .6s ease-out;animation-fill-mode:both}.article-image-container{position:relative;height:225px;overflow:hidden;background:linear-gradient(135deg,#667eea1a,#ff00771a)}.article-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-card:hover .article-thumbnail{transform:scale(1.01)}.article-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#667eea}.article-content{padding:1rem 0}.article-title{font-size:1.2rem;font-weight:600;color:var(--text-color);margin:0 0 .3rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-description{font-size:1rem;color:#64748b;line-height:1.6;margin-bottom:.5rem;transition:all .3s ease}.article-description-container{margin-bottom:.5rem}.read-more-btn{background:none;border:none;color:#da157b;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;padding:.25rem 0}.read-more-btn:hover{color:#ff0084}.read-more-btn svg{transition:transform .3s ease}.read-more-btn svg.rotated{transform:rotate(180deg)}.article-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.article-date{font-size:.9rem;color:#64748b;font-weight:500}.article-link{display:flex;align-items:center;gap:.75rem;margin:.5rem 0 0}.links-label{font-size:.9rem;font-weight:600;color:var(--text-color)}.socials-links{display:flex;flex-wrap:wrap;gap:.75rem}.socials-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#ff3884;text-decoration:none;transition:all .3s ease}.socials-link:hover{background:linear-gradient(135deg,#ff0040,#ff19a3);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.platform-name{white-space:nowrap}.articles-actions{display:flex;justify-content:center;margin-top:3rem}.view-all-articles-btn,.view-recent-articles-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#f07,#c800ff);color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #ea66ac4d}.view-all-articles-btn:hover,.view-recent-articles-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #ea66ac66}@media (max-width: 768px){.articles-section{padding:3rem 1rem}.articles-container{margin:0}.articles-grid{grid-template-columns:1fr;gap:1.5rem}.article-card{max-width:500px;margin:0 auto}.article-content{padding:1.25rem}.socials-links{justify-content:center}.socials-link{width:32px;height:32px}}@media (max-width: 480px){.articles-title{font-size:2rem}.article-image-container{height:160px}.article-title{font-size:1.2rem}.view-all-articles-btn,.view-recent-articles-btn{padding:.875rem 1.5rem;font-size:1rem;flex-direction:column;gap:.5rem}}.hero-section{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-color)}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-content{position:relative;z-index:2;max-width:1300px;width:100%;padding:1rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-left{color:var(--text-color)}.hero-greeting{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;animation:fadeInUp .8s ease-out;color:var(--text-color)}.hero-name{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;animation:fadeInUp .8s ease-out .2s both;color:var(--text-color)}.gradient-text{background:linear-gradient(135deg,#0af,#f08);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-tagline{font-size:1.5rem;margin-bottom:2.5rem;animation:fadeInUp .8s ease-out .4s both;min-height:50px;color:var(--text-color)}.tagline-text{color:var(--text-color);opacity:.9}.typewriter{color:#fd0076;font-weight:600}.cursor{color:#fd0076;animation:blink .7s infinite;font-weight:100}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.about-btn{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.75rem;background:linear-gradient(135deg,#ff00a6,#ff006a);color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #ea66ac4d;animation:fadeInUp .8s ease-out .6s both}.about-btn:hover{box-shadow:0 15px 40px #ea66ac66;background:linear-gradient(135deg,#ff0062,#ff0095)}.hero-social{display:flex;gap:1rem;margin-top:2.5rem;animation:fadeInUp .8s ease-out .8s both}.social-icon{width:50px;height:50px;border-radius:50%;background:#667eea1a;display:flex;align-items:center;justify-content:center;color:#667eea;transition:all .3s ease;border:2px solid rgba(102,126,234,.3)}.social-icon:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-5px) rotate(10deg);box-shadow:0 10px 25px #667eea66}.hero-right{display:flex;justify-content:center;align-items:center;animation:fadeInRight 1s ease-out .4s both}.profile-image-container{position:relative;width:450px;height:450px}.profile-image,.profile-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover;border:10px solid rgba(102,126,234,.3);box-shadow:0 20px 60px #667eea33;background:linear-gradient(135deg,#667eea1a,#764ba20d)}.profile-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#667eea;opacity:.8;gap:1rem}.profile-placeholder .spinner{width:60px;height:60px;border:6px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.profile-placeholder p{font-size:.9rem;text-align:center;color:#667eea;margin:0}.badge{position:absolute;padding:.75rem 1.5rem;background:#fff;border-radius:50px;font-weight:600;font-size:.9rem;box-shadow:0 10px 30px #0003;animation:float 3s ease-in-out infinite;display:flex;align-items:center;gap:.5rem}.badge-1{top:10%;left:-10%;background:linear-gradient(135deg,#e600ff,#ff005d);color:#fff;animation-delay:0s}.badge-2{bottom:15%;right:-10%;background:linear-gradient(135deg,#fb0,#fe0000);color:#fff;animation-delay:1s}.badge-3{top:-5%;right:10%;background:#fff;padding:.5rem;animation-delay:.5s}.badge-4{bottom:-5%;left:15%;background:#fff;padding:.75rem;animation-delay:1.5s;width:60px;height:60px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.floating-message-bar{width:100%;background:transparent;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:999;overflow:hidden;padding:5px 0;margin-top:3.5rem}.floating-message-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;animation:slideMessage 15s linear infinite}.floating-message-text{background:linear-gradient(135deg,#667eea,#b469ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.1rem;font-weight:600;white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:.5px;animation:fadeInOut 3s ease-in-out infinite alternate}.floating-message-highlight{background:linear-gradient(135deg,#ff006a,#ff0095)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;font-weight:700!important;text-shadow:0 2px 8px rgba(255,0,106,.3)!important;position:relative}.floating-message-highlight:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(135deg,#ff006a,#ff0095);border-radius:1px;opacity:.6}.dark .floating-message-highlight{background:linear-gradient(135deg,#f472b6,#ec4899)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.dark .floating-message-highlight:after{background:linear-gradient(135deg,#f472b6,#ec4899)}.dark .floating-message-bar{border-bottom:1px solid rgba(255,255,255,.05);background:#0000001a}@keyframes slideMessage{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes fadeInOut{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}to{opacity:.7;transform:scale(1)}}@media (max-width: 768px){.hero-section{margin-top:15px}.floating-message-text{font-size:.95rem;letter-spacing:.3px}.floating-message-content{animation:slideMessage 12s linear infinite}}@media (max-width: 480px){.floating-message-bar{margin-top:3rem}.hero-section{margin-top:10px}.floating-message-text{font-size:.9rem}.floating-message-content{animation:slideMessage 10s linear infinite}}.floating-message-bar:hover .floating-message-content{animation-play-state:paused}@media (max-width: 968px){.hero-content{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-greeting{font-size:2rem}.hero-name{font-size:2.5rem}.hero-tagline{font-size:1.2rem}.hero-social{justify-content:center}.profile-image-container{width:350px;height:350px}.badge{font-size:.75rem;padding:.5rem 1rem}}@media (max-width: 640px){.profile-image-container{width:280px;height:280px}.hero-greeting{font-size:1.5rem}.hero-name{font-size:2rem}.badge-1,.badge-2{display:none}}.login-container{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{background:var(--bg-color);border-radius:15px;padding:2.5rem;max-width:450px;width:100%;box-shadow:0 20px 60px #0000004d}.login-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:.5rem;color:var(--text-color)}.login-subtitle{text-align:center;color:#64748b;margin-bottom:2rem}.demo-credentials{background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:10px;padding:1rem;margin-bottom:1.5rem}.demo-title{font-weight:600;color:var(--text-color);margin-bottom:.5rem}.demo-info{color:#64748b;font-size:.9rem;margin:.25rem 0}.demo-button{width:100%;padding:.5rem;margin-top:.75rem;background:transparent;border:2px solid #667eea;color:#667eea;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.demo-button:hover{background:#667eea;color:#fff}.error-message{background:#fee2e2;color:#dc2626;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.login-form,.form-group{display:flex;flex-direction:column;gap:.5rem}.form-input:focus{outline:none;border-color:#667eea}.login-button{padding:.875rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.login-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.login-card{padding:2rem}.login-title{font-size:1.75rem}}.dashboard{padding:2rem;max-width:1400px;margin-top:3.5rem;min-height:calc(100vh - 70px)}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 70px);gap:1rem}.spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:#ff2828;border-radius:50%;animation:spin 1s linear infinite}.dashboard-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.dashboard-header h1{font-size:2rem;color:var(--text-color);margin-bottom:.25rem}.dashboard-subtitle{color:#64748b;font-size:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1rem}.stat-widget{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;gap:1rem;transition:transform .3s ease,box-shadow .3s ease}.stat-widget:hover{transform:translateY(-4px);box-shadow:0 10px 30px #667eea33}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.visitors{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-icon.active{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.stat-icon.pages{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.stat-icon.bounce{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.stat-details{flex:1}.stat-label{color:#64748b;font-size:.875rem;margin-bottom:.25rem}.stat-value{font-size:2rem;font-weight:700;color:var(--text-color);margin:.25rem 0}.stat-change{font-size:.875rem;margin-top:.25rem}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.stat-change.neutral{color:#64748b}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.5rem;margin-bottom:1rem}.chart-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.chart-card.full-width{grid-column:1 / -1}.chart-title{font-size:1.25rem;font-weight:600;color:var(--text-color);margin-bottom:1rem}.activity-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.activity-title{font-size:1.25rem;font-weight:600;color:var(--text-color);margin-bottom:1.5rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#667eea0d;border-radius:8px;transition:background .3s ease}.activity-item:hover{background:#667eea1a}.activity-icon{font-size:2rem;flex-shrink:0}.activity-details{flex:1}.activity-text{color:var(--text-color);font-weight:500;margin-bottom:.25rem}.activity-time{color:#64748b;font-size:.875rem}.section-title{font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:1.5rem}.site-analytics-section{margin-bottom:2rem}.analytics-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.analytics-category-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.analytics-category-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #667eea33}.category-header{font-size:1.1rem;font-weight:600;color:#667eea;margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.5px}.metrics-list{display:flex;flex-direction:column;gap:1rem}.metric-row{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#667eea0d;border-radius:8px;transition:all .3s ease}.metric-row:hover{background:#667eea1a;transform:translate(5px)}.metric-icon-svg{display:flex;align-items:center;justify-content:center;color:#667eea;flex-shrink:0}.metric-content{display:flex;justify-content:space-between;align-items:center;flex:1}.metric-name{font-size:.9rem;color:#64748b}.metric-number{font-size:1.1rem;font-weight:700;color:var(--text-color)}@media (max-width: 768px){.dashboard{padding:1rem;margin-top:2rem}.dashboard-header h1{font-size:1.5rem}.stats-grid,.charts-grid{grid-template-columns:1fr}.stat-value{font-size:1.5rem}.analytics-categories{grid-template-columns:1fr}}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:overlayFadeIn .3s ease-out}.confirm-dialog{background:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:100%;padding:0;animation:dialogSlideIn .3s ease-out;overflow:hidden}.confirm-dialog-header{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem 1.5rem 1rem}.confirm-dialog-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.confirm-dialog-icon-danger{background:linear-gradient(135deg,#ef44441a,#ef44440d);color:#ef4444}.confirm-dialog-icon-warning{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);color:#f59e0b}.confirm-dialog-title{font-size:1.25rem;font-weight:700;color:var(--text-color);margin:0 0 .5rem;line-height:1.3}.confirm-dialog-message{color:#64748b;font-size:.95rem;line-height:1.5;margin:0}.confirm-dialog-actions{display:flex;gap:.75rem;padding:1rem 1.5rem 1.5rem;justify-content:flex-end}.confirm-dialog-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;border:1px solid;min-width:80px}.confirm-dialog-btn-cancel{background:transparent;color:#64748b;border-color:var(--border-color)}.confirm-dialog-btn-cancel:hover{background:#64748b1a;color:var(--text-color);border-color:#94a3b8}.confirm-dialog-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef4444}.confirm-dialog-btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.confirm-dialog-btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:#f59e0b}.confirm-dialog-btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.confirm-dialog{max-width:90vw;margin:1rem}.confirm-dialog-header{padding:1.25rem 1.25rem 1rem}.confirm-dialog-actions{padding:1rem 1.25rem 1.25rem;flex-direction:column-reverse}.confirm-dialog-btn{width:100%;justify-content:center}}.profile-page{padding:2rem;max-width:1200px;margin-top:3.5rem;min-height:calc(100vh - 70px)}.profile-header{margin-bottom:2rem}.profile-header h1{font-size:2rem;color:var(--text-color);margin-bottom:.5rem}.profile-subtitle{color:#64748b;font-size:1rem}.message-alert{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.message-alert.success{background:#d1fae5;color:#065f46}.message-alert.error{background:#fee2e2;color:#991b1b}.profile-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color)}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(135deg,#2f55ff,#ff00b3)}.profile-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin-bottom:2rem}.profile-card h2{font-size:1.5rem;color:var(--text-color);margin-bottom:1.5rem}.profile-info{display:flex;flex-direction:column;gap:1.5rem}.profile-info-container{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:start}.current-logo-display{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:#667eea0d;border-radius:12px;border:2px solid rgba(102,126,234,.2);min-width:220px;max-width:250px}.current-logo-display h3{font-size:1rem;font-weight:600;color:var(--text-color);margin:0;text-align:center}.current-logo-container{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.current-logo-preview{display:flex;align-items:center;justify-content:center;padding:.75rem;background:#fff;border-radius:8px;border:2px solid rgba(102,126,234,.3);box-shadow:0 2px 8px #667eea1a;width:100%;min-height:60px}.current-logo-image{max-width:120px;max-height:50px;object-fit:contain}.no-logo-container{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.no-logo-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:#94a3b81a;border-radius:8px;border:2px dashed rgba(148,163,184,.3);color:#94a3b8;width:100%}.no-logo-placeholder svg{opacity:.6}.no-logo-placeholder p{margin:0;font-size:.9rem;color:#64748b}.logo-status{font-size:.8rem;font-weight:600;padding:.25rem .75rem;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.logo-status.active{background:#d1fae5;color:#065f46}.logo-status.inactive{background:#fee2e2;color:#991b1b}.logo-quick-actions{display:flex;gap:.5rem;margin-top:.5rem}.quick-action-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.quick-action-btn.edit{background:#3b82f6;color:#fff}.quick-action-btn.edit:hover:not(.uploading){background:#2563eb;transform:translateY(-1px)}.quick-action-btn.delete{background:#ef4444;color:#fff}.quick-action-btn.delete:hover{background:#dc2626;transform:translateY(-1px)}.quick-action-btn.upload{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.quick-action-btn.upload:hover:not(.uploading){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.quick-action-btn.uploading{opacity:.7;cursor:not-allowed;pointer-events:none}.quick-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.logo-hint{font-size:.9rem;color:#94a3b8;margin-top:.5rem}.info-row{display:flex;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-label{font-weight:600;color:#64748b;width:200px}.info-value{color:var(--text-color);font-size:1.1rem}.badge-role{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#667eea,#ff0084);color:#fff;border-radius:20px;font-size:.875rem;font-weight:600}.password-form,.admin-form{display:flex;flex-direction:column;gap:.5rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.form-groupa{display:flex;flex-direction:column;gap:.5rem}.form-groupa label{font-weight:600;color:var(--text-color);font-size:.9rem}.form-input{padding:.75rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--bg-color);color:var(--text-color);transition:border-color .3s ease}.form-input:focus{outline:none;border-color:#db74b2}.btn-primary{padding:.875rem 2rem;background:linear-gradient(135deg,#9d00ff,#ff008c);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;align-self:flex-start}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.admin-list{margin-top:1rem}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;text-align:center}.no-data svg{color:#94a3b8;opacity:.5}.no-data p{color:#64748b;padding:2rem;margin:0;font-size:1.1rem}.admin-table{overflow-x:auto}.admin-table table{width:100%;border-collapse:collapse}.admin-table th{background:#667eea1a;padding:1rem;text-align:left;font-weight:600;color:var(--text-color);border-bottom:2px solid var(--border-color)}.admin-table td{padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-color)}.btn-delete{padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-delete:hover{background:#dc2626;transform:translateY(-2px)}.loading-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.loading-message .spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.loading-message p{color:#64748b;font-size:1rem}.current-user-badge{display:inline-block;padding:.25rem .75rem;background:#e0e7ff;color:#667eea;border-radius:12px;font-size:.75rem;font-weight:600}.upload-section{display:flex;flex-direction:column;gap:1rem}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.upload-item{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;background:#667eea0d;border-radius:12px;border:2px solid rgba(102,126,234,.2);text-align:center}.upload-item h3{font-size:1.2rem;font-weight:600;color:var(--text-color);margin:0 0 1rem}.upload-preview-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-preview{width:180px;height:180px;border-radius:50%;object-fit:cover;border:4px solid rgba(102,126,234,.3);box-shadow:0 8px 25px #667eea33}.resume-preview{display:flex;flex-direction:column;align-items:center;gap:1rem;width:180px;height:180px;background:#667eea1a;border-radius:12px;border:4px solid rgba(102,126,234,.3);justify-content:center;text-align:center}.resume-preview svg{color:#667eea}.resume-info{text-align:center}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:180px;height:180px;background:#667eea0d;border-radius:12px;border:2px dashed rgba(102,126,234,.3);color:#94a3b8}.upload-placeholder svg{opacity:.6}.upload-placeholder p{margin:0;font-size:.9rem;color:#64748b}.upload-buttons-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem}.upload-input-wrapper{display:flex;flex-direction:column;align-items:center;gap:.75rem}.upload-input{display:none}.upload-label{display:flex;align-items:center;gap:.75rem;padding:.5rem 1.5rem;background:linear-gradient(135deg,#ff0116,#f09);color:#fff;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.upload-label:hover:not(.uploading){transform:translateY(-2px);box-shadow:0 10px 20px #ea66b54d}.upload-label.uploading{opacity:.7;cursor:not-allowed;pointer-events:none}.upload-input:disabled+.upload-label{opacity:.6;cursor:not-allowed}.upload-hint{color:#64748b;font-size:.8rem;margin:0;text-align:center}.btn-delete-upload{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ef4444;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.btn-delete-upload:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.btn-delete-upload:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.textarea{min-height:120px;resize:vertical}.tags-container{display:flex;flex-direction:column;gap:1rem}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag-item{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:.875rem;font-weight:600}.tag-remove{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.tag-remove:hover{background:#fff3}.tag-add-btn{align-self:flex-start;padding:.5rem 1rem;background:transparent;border:2px dashed #667eea;color:#667eea;border-radius:20px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.tag-add-btn:hover{background:#667eea;color:#fff}.floating-message-preview{border:2px dashed var(--border-color);border-radius:8px;padding:1rem;background:#667eea0d;margin-top:.75rem}.preview-bar{background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;padding:.75rem;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.preview-content{display:flex;align-items:center;justify-content:center;animation:slidePreview 8s linear infinite}.preview-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1rem;font-weight:600;white-space:nowrap;letter-spacing:.5px}.floating-message-highlight-preview{background:linear-gradient(135deg,#ff006a,#ff0095)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;font-weight:700!important;text-shadow:0 2px 8px rgba(255,0,106,.3)!important;position:relative}.floating-message-highlight-preview:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(135deg,#ff006a,#ff0095);border-radius:1px;opacity:.6}.dark .preview-text{background:linear-gradient(135deg,#a855f7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark .floating-message-highlight-preview{background:linear-gradient(135deg,#f472b6,#ec4899)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.dark .floating-message-highlight-preview:after{background:linear-gradient(135deg,#f472b6,#ec4899)}@keyframes slidePreview{0%{transform:translate(100%)}to{transform:translate(-100%)}}.btn-secondary:hover:not(:disabled){background:var(--hover-bg);border-color:var(--primary-color)}.btn-delete:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 8px 25px #ef44444d}@media (max-width: 768px){.profile-page{padding:1rem;margin-top:2rem}.profile-tabs{flex-wrap:wrap}.tab-btn{padding:.75rem 1rem;font-size:.9rem}.info-row{flex-direction:column;align-items:flex-start;gap:.5rem}.info-label{width:100%}.profile-card{padding:1rem}.form-row{grid-template-columns:1fr}.admin-table{font-size:.9rem}.admin-table th,.admin-table td{padding:.75rem .5rem}.upload-grid,.upload-buttons-row{grid-template-columns:1fr;gap:1.5rem}.upload-preview,.resume-preview,.upload-placeholder{width:150px;height:150px}.profile-info-container{display:flex;flex-direction:column;gap:1.5rem}.current-logo-display{min-width:auto;max-width:none;padding:1rem;width:100%}.current-logo-image{max-width:100px;max-height:40px}.current-logo-preview{min-height:50px}.logo-quick-actions{flex-wrap:wrap;justify-content:center;gap:.5rem}.quick-action-btn{padding:.4rem .6rem;font-size:.75rem;flex:1;min-width:80px;justify-content:center}.no-logo-placeholder{padding:1rem;min-height:80px}.no-logo-placeholder svg{width:24px;height:24px}.logo-hint{font-size:.8rem;text-align:center;margin-top:.5rem}}@media (max-width: 480px){.current-logo-display{padding:.75rem}.current-logo-display h3{font-size:.9rem}.current-logo-image{max-width:80px;max-height:35px}.current-logo-preview{min-height:45px;padding:.5rem}.logo-quick-actions{flex-direction:column;gap:.5rem}.quick-action-btn{width:100%;padding:.5rem;font-size:.8rem}.logo-status{font-size:.75rem;padding:.2rem .6rem}.no-logo-placeholder{padding:.75rem;min-height:70px}.upload-input-wrapper{width:100%}.upload-label{width:100%;justify-content:center;padding:.6rem 1rem}}.admin-skills-page{padding:2rem;max-width:1400px;margin-top:3.5rem;min-height:calc(100vh - 70px)}.skills-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color)}.tab-btn{padding:1rem 1.5rem;background:none;border:none;color:#64748b;font-weight:600;cursor:pointer;position:relative;transition:color .3s ease}.tab-btn.active{color:#667eea}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(135deg,#667eea,#764ba2)}.skills-content{background:var(--bg-color)}.tab-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem}.form-card,.list-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:var(--text-color);margin-bottom:.5rem;font-size:.9rem}.color-input-wrapper{display:flex;align-items:center;gap:1rem}.color-input{width:60px;height:40px;border:2px solid var(--border-color);border-radius:8px;cursor:pointer}.color-value{font-family:monospace;font-size:.9rem;color:#64748b}.category-selector{margin-bottom:2rem;padding:1rem;background:#667eea0d;border-radius:8px;border:1px solid rgba(102,126,234,.2)}.category-selector label{display:block;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.categories-list{display:flex;flex-direction:column;gap:1rem;max-height:500px;overflow-y:auto}.category-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#667eea0d;border-radius:8px;border:1px solid rgba(102,126,234,.1);transition:all .3s ease}.category-item:hover{background:#667eea1a;transform:translateY(-2px)}.category-info{display:flex;align-items:center;gap:1rem;flex:1}.category-color-indicator{width:20px;height:20px;border-radius:50%;flex-shrink:0}.category-details{flex:1}.category-name{font-size:1.1rem;font-weight:600;color:var(--text-color);margin:0 0 .25rem}.category-desc{font-size:.9rem;color:#64748b;margin:0}.category-actions{display:flex;gap:.5rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;max-height:500px;overflow-y:auto}.skill-card{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#667eea0d;border-radius:12px;border:1px solid rgba(102,126,234,.1);transition:all .3s ease;position:relative}.skill-card:hover{background:#667eea1a;transform:translateY(-2px)}.skill-image-container{width:60px;height:60px;border-radius:8px;overflow:hidden;margin-bottom:1rem;background:#fff;display:flex;align-items:center;justify-content:center}.skill-image{width:100%;height:100%;object-fit:cover}.skill-info{text-align:center;flex:1}.skill-name{font-size:1rem;font-weight:600;color:var(--text-color);margin:0 0 .25rem}.skill-category{font-size:.8rem;color:#64748b;margin:0}.skill-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.25rem;opacity:0;transition:opacity .3s ease}.skill-card:hover .skill-actions{opacity:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:#94a3b8;grid-column:1 / -1}@media (max-width: 1024px){.content-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 768px){.admin-skills-page{padding:1rem;margin-top:2rem}.skills-tabs{flex-wrap:wrap}.tab-btn{padding:.75rem 1rem;font-size:.9rem}.form-card,.list-card{padding:1.5rem}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.category-item{flex-direction:column;align-items:flex-start;gap:1rem}.category-actions{align-self:flex-end}}@media (max-width: 480px){.form-actions{flex-direction:column}.color-input-wrapper{flex-direction:column;align-items:flex-start;gap:.5rem}.skills-grid{grid-template-columns:1fr 1fr}}.admin-education-page{padding:1rem;max-width:1400px;margin-top:3.5rem;min-height:calc(100vh - 70px)}.education-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.form-input,.form-select{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--bg-color);color:var(--text-color);transition:border-color .3s ease}.form-input:focus,.form-select:focus{outline:none;border-color:#667eea}.form-hint:after{display:block;font-size:.7rem;color:#94a3b8;margin-top:.25rem}.btn-primary{background:linear-gradient(135deg,#ff0073,#8000ff);color:#fff}.education-list{display:flex;flex-direction:column;gap:1.5rem;max-height:600px;overflow-y:auto}.education-card{background:#667eea0d;border:1px solid rgba(102,126,234,.1);border-radius:12px;padding:1.5rem;transition:all .3s ease}.education-card:hover{background:#667eea1a;transform:translateY(-2px)}.education-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.educations-logo{width:50%;height:100%;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid rgba(102,126,234,.2)}.educations-logo img{width:100%;height:100%;object-fit:cover}.educations-logo-placeholder{color:#667eea;opacity:.6}.education-card-actions{display:flex;gap:.5rem}.btn-edit,.btn-deletes{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease}.btn-edit:hover{background:#2563eb;transform:translateY(-1px)}.btn-deletes:hover{background:#dc2626;transform:translateY(-1px)}.education-card-content{display:flex;flex-direction:column;gap:.75rem}.education-degree{font-size:1.2rem;font-weight:700;color:var(--text-color);margin:0;line-height:1.3}.specialization{font-weight:500;color:#667eea}.education-institute{font-size:1rem;font-weight:600;color:#64748b;margin:0}.location{font-weight:400;color:#94a3b8}.education-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.education-status-info{display:flex;align-items:center;gap:.75rem}.status-badge{padding:.3rem .8rem;border-radius:15px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.completed{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-badge.pursuing{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.year-info{font-size:.85rem;font-weight:600;color:#3655e1;padding:.2rem .6rem;background:#667eea1a;border-radius:12px}.grade-info{display:flex;align-items:center;gap:.5rem}.grade-label{font-size:.8rem;color:#64748b;font-weight:500}.grade-value{font-size:.8rem;font-weight:700;color:#667eea;padding:.2rem .6rem;background:#667eea1a;border-radius:10px}@media (max-width: 1024px){.education-content{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 768px){.admin-education-page{padding:1rem;margin-top:2rem}.form-card,.list-card{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.education-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.education-card-header{flex-direction:column;gap:1rem}.education-card-actions{align-self:flex-end}}@media (max-width: 480px){.form-actions{flex-direction:column}.education-status-info{flex-direction:column;align-items:flex-start;gap:.5rem}}.admin-projects-page{padding:2rem;max-width:1600px;margin-top:3.5rem;min-height:calc(100vh - 70px)}.page-header h1{font-size:2rem;color:var(--text-color);margin-bottom:.5rem}.page-subtitle{color:#64748b;font-size:1rem}.projects-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.form-section,.list-section{display:flex;flex-direction:column}.form-card,.list-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:2rem;height:fit-content}.form-card h2,.list-card h2{font-size:1.5rem;color:var(--text-color);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group label{font-weight:600;color:var(--text-color);font-size:.9rem}.required{color:#ef4444}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--bg-color);color:var(--text-color);transition:border-color .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#667eea}.form-textarea{resize:vertical;min-height:80px}.form-textarea.detailed{min-height:120px}.form-input[type=file]{padding:.5rem}.form-hint{font-size:.8rem;color:#64748b;margin-top:.25rem}.skills-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;max-height:200px;overflow-y:auto;padding:1rem;border:2px solid var(--border-color);border-radius:8px;background:#667eea05}.skill-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;background:var(--bg-color)}.skill-option:hover{border-color:#667eea4d;background:#667eea0d}.skill-option.selected{border-color:#667eea;background:#667eea1a}.skill-option img{width:32px;height:32px;object-fit:cover;border-radius:4px}.skill-option span{font-size:.8rem;font-weight:500;color:var(--text-color);text-align:center}.links-section{border:2px solid var(--border-color);border-radius:8px;padding:1rem;background:#667eea05}.links-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.links-title{font-size:1rem;font-weight:600;color:var(--text-color);margin:0}.add-link-btn{padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.add-link-btn:hover{background:#059669;transform:translateY(-1px)}.links-list{display:flex;flex-direction:column;gap:1rem}.link-item{display:grid;grid-template-columns:120px 1fr auto;gap:1rem;align-items:center;padding:.75rem;background:var(--bg-color);border-radius:6px;border:1px solid var(--border-color)}.link-type-select,.link-url-input,.custom-name-input{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-color);color:var(--text-color);font-size:.85rem}.remove-link-btn{width:32px;height:32px;background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.remove-link-btn:hover{background:#dc2626;transform:scale(1.05)}.completion-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkbox-wrapper{display:flex;align-items:center;gap:.75rem;padding:1rem;border:2px solid var(--border-color);border-radius:8px;background:#667eea05;cursor:pointer;transition:all .3s ease}.checkbox-wrapper:hover{border-color:#667eea4d;background:#667eea0d}.checkbox-wrapper input[type=checkbox]{width:18px;height:18px;accent-color:#667eea}.checkbox-label{font-weight:600;color:var(--text-color);margin:0}.form-actions{display:flex;gap:1rem;margin-top:2rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:.9rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:transparent;color:#64748b;border:1px solid var(--border-color)}.btn-secondary:hover{background:#64748b1a}.projects-list{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.project-card{background:#667eea0d;border:1px solid rgba(102,126,234,.1);border-radius:12px;overflow:hidden;transition:all .3s ease}.project-card:hover{background:#667eea1a;transform:translateY(-2px)}.project-card-header{position:relative;height:250px;overflow:hidden}.project-image{width:100%;height:100%;object-fit:cover}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#00000080,#0003);display:flex;justify-content:space-between;align-items:flex-start;padding:1rem}.project-status{padding:.25rem .75rem;border-radius:15px;font-size:.75rem;font-weight:600;text-transform:uppercase}.project-status.ongoing{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.project-status.completed{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.project-actions{display:flex;gap:.5rem}.project-action-btn{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-toggle-btn{background:#fff3;color:#fff}.home-toggle-btn.active{background:#10b981;color:#fff}.home-toggle-btn:hover{background:#059669}.btn-edit{background:#3b82f6;color:#fff}.btn-edit:hover{background:#2563eb}.btn-deletes{background:#ef4444;color:#fff}.btn-deletes:hover{background:#dc2626}.project-card-content{padding:1.5rem}.project-title{font-size:1.2rem;font-weight:700;color:var(--text-color);margin:0 0 .5rem;line-height:1.3}.project-description{font-size:.9rem;color:#64748b;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.home-indicator{padding:.2rem .6rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:uppercase}.project-skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.skill-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#667eea1a;border-radius:12px;font-size:.75rem;font-weight:500;color:#667eea}.skill-badge img{width:16px;height:16px;object-fit:cover;border-radius:2px}.project-links{display:flex;gap:.5rem;flex-wrap:wrap}.project-link{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#667eea1a;color:#5271fc;text-decoration:none;border-radius:8px;font-size:.75rem;font-weight:600;transition:all .3s ease}.project-link:hover{background:#667eea;color:#fff;transform:translateY(-1px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:#94a3b8}.empty-state p{font-size:1rem;margin:0}@media (max-width: 1024px){.projects-content{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 768px){.admin-projects-page{padding:1rem;margin-top:2rem}.form-card,.list-card{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.skills-selector{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.link-item{grid-template-columns:1fr;gap:.75rem}.completion-fields{grid-template-columns:1fr}.project-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.form-actions{flex-direction:column}.project-skills,.project-links{justify-content:center}}.admin-contact-page{padding:2rem;max-width:1400px;margin-top:3.5rem;background:var(--bg-color);min-height:100vh}.page-header{margin-bottom:2rem}.page-header h1{font-size:2.5rem;font-weight:700;color:var(--text-color);margin:0;background:linear-gradient(135deg,#ff009d,#8000ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:1.1rem;color:#64748b;margin:.5rem 0 0}.contact-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color)}.tab-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:none;border:none;color:#64748b;font-weight:600;cursor:pointer;position:relative;transition:color .3s ease;border-radius:8px 8px 0 0}.tab-btn:hover{color:#667eea}.tab-btn.active{color:#f07}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(135deg,#f07,#c800ff)}.tab-content{animation:fadeIn .3s ease-out}.filter-bar{display:flex;justify-content:flex-end;margin-bottom:2rem}.filter-select{padding:.5rem 1rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-color);font-weight:600;cursor:pointer}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#64748b}.loading-state .spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:#f09;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.5rem;margin:0 0 .5rem;color:var(--text-color)}.empty-state p{margin:0;font-size:1rem}.feedback-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.feedback-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;transition:all .3s ease}.feedback-card:hover{box-shadow:0 8px 30px #667eea26;border-color:#667eea4d}.feedback-card.pending{border-color:#f59e0b4d;background:#f59e0b05}.feedback-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.feedback-user{display:flex;align-items:center;gap:1rem;flex:1}.user-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;border:2px solid var(--border-color)}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#385cff,#ff0084);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;font-weight:700}.user-info h4{font-size:1.1rem;font-weight:700;color:var(--text-color);margin:0 0 .25rem}.user-info p{font-size:.9rem;color:#64748b;margin:0 0 .5rem}.rating{display:flex;gap:.25rem}.rating .star{color:#e5e7eb;width:16px;height:16px}.rating .star.filled{color:#fbbf24;fill:#fbbf24}.feedback-actions{display:flex;gap:.5rem;flex-shrink:0}.approval-btn.approved{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2);padding:.5rem;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.approval-btn.pending{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2);padding:.5rem;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.approval-btn:hover.approved,.edit-btn:hover{background:#3b82f6;color:#fff}.approval-btn:hover.pending{background:#f59e0b;color:#fff}.feedback-content{margin-top:1rem}.feedback-text{font-size:1rem;color:var(--text-color);line-height:1.6;margin-bottom:1rem;font-style:italic}.website-link{display:inline-flex;align-items:center;gap:.5rem;color:#667eea;text-decoration:none;font-weight:600;font-size:.9rem;margin-bottom:1rem;transition:color .3s ease}.website-link:hover{color:#ff0084}.feedback-meta{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}.date{font-size:.85rem;color:#64748b}.status{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status.approved{background:#10b9811a;color:#10b981}.status.pending{background:#f59e0b1a;color:#f59e0b}.messages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.message-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;transition:all .3s ease;cursor:pointer}.message-card:hover{box-shadow:0 8px 30px #667eea26;border-color:#667eea4d}.message-card.unread{border-color:#3b82f64d;background:#3b82f605;border-left:4px solid #3b82f6}.message-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.message-user{display:flex;align-items:center;gap:1rem;flex:1}.message-user .user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;font-weight:700}.message-actions{display:flex;gap:.5rem;flex-shrink:0}.message-content{margin-top:1rem}.reason-badge{margin-bottom:1rem}.reason{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.reason.hire-me{background:#10b9811a;color:#10b981}.reason.build-projects{background:#3b82f61a;color:#3b82f6}.reason.general-connection{background:#a855f71a;color:#a855f7}.reason.others{background:#f59e0b1a;color:#f59e0b}.message-text{font-size:1rem;color:var(--text-color);line-height:1.6;margin-bottom:1rem}.message-meta{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}.unread-indicator{padding:.25rem .75rem;background:#3b82f6;color:#fff;border-radius:12px;font-size:.8rem;font-weight:600}.modal-content{background:var(--bg-color);border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:1px solid var(--border-color);box-shadow:0 20px 40px #0000004d}.edit-form{padding:2rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-group textarea{resize:vertical;min-height:100px}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-color)}.checkbox-label input[type=checkbox]{width:18px;height:18px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.admin-contact-page{padding:1rem;margin-top:2rem}.contact-tabs{flex-wrap:wrap}.tab-btn{padding:.75rem 1rem}.feedback-grid,.messages-grid{grid-template-columns:1fr}.feedback-header,.message-header{flex-direction:column;gap:1rem;align-items:flex-start}.feedback-actions,.message-actions{align-self:flex-end}.modal-overlay{padding:1rem}.edit-form{padding:1.5rem}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}}@media (max-width: 480px){.page-header h1{font-size:2rem}.feedback-user,.message-user{flex-direction:column;text-align:center;gap:.75rem}.feedback-meta,.message-meta{flex-direction:column;gap:.5rem;align-items:flex-start}}.admin-experience{padding:2rem;max-width:1400px;margin-top:3.5rem;background:var(--bg-color);min-height:100vh}.experience-form{padding:2rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;max-height:300px;overflow-y:auto;padding:1rem;border:2px solid var(--border-color);border-radius:8px;background:#667eea05}.skill-checkbox{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s ease;background:var(--bg-color)}.skill-checkbox:hover{background:#667eea0d;border-color:#667eea}.skill-checkbox input[type=checkbox]{width:18px;height:18px;margin:0}.skill-items{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:var(--text-color)}.skill-items img{width:24px;height:24px;object-fit:cover;border-radius:4px}.experiences-list{display:flex;flex-direction:column;gap:1.5rem}.no-experiences{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#98acc7;text-align:center;border:2px dashed var(--border-color);border-radius:16px}.no-experiences svg{margin-bottom:1rem;opacity:.5}.no-experiences p{font-size:1.1rem;margin:1rem 0}.experience-item{background:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .3s ease;box-shadow:0 4px 20px #00000014}.experience-item:hover{box-shadow:0 8px 30px #667eea26;border-color:#667eea4d}.experience-header-admin{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.experience-main{display:flex;align-items:flex-start;gap:1rem;flex:1}.company-logo-small{width:50px;height:50px;object-fit:contain;border-radius:8px;border:1px solid var(--border-color);padding:4px;background:#fff}.experience-main h3{font-size:1.4rem;font-weight:700;color:var(--text-color);margin:0 0 .5rem}.company-name{font-size:1rem;color:#667eea;font-weight:600;margin-bottom:.5rem}.experience-meta-admin{display:flex;gap:.5rem;flex-wrap:wrap}.status-badge,.category-badge,.duration-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-badge.ongoing{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.status-badge.completed{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.category-badge{background:#667eea1a;color:#667eea;border:1px solid rgba(102,126,234,.2)}.duration-badge{background:#64748b1a;color:#64748b;border:1px solid rgba(100,116,139,.2)}.experience-actions{display:flex;gap:.5rem}.experience-details{border-top:1px solid var(--border-color);padding-top:1.5rem}.description{font-size:1rem;color:#64748b;line-height:1.6;margin-bottom:1.5rem}.technologies{margin-bottom:1.5rem}.technologies strong{display:block;margin-bottom:.75rem;color:var(--text-color);font-size:1rem}.tech-list{display:flex;flex-wrap:wrap;gap:.5rem}.tech-badge{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:20px;font-size:.85rem;font-weight:600;color:#667eea}.tech-badge img{width:20px;height:20px;object-fit:cover;border-radius:4px}.document-uploads{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.upload-section{display:flex;flex-direction:column;gap:.5rem}.upload-section label{font-weight:600;color:var(--text-color);font-size:.9rem}.document-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#f07,#c800ff);color:#fff;text-decoration:none;border-radius:8px;font-size:.9rem;font-weight:600;transition:all .3s ease;max-width:fit-content}.document-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ea66ac66}.upload-section input[type=file]{padding:.5rem;border:2px dashed var(--border-color);border-radius:8px;background:#667eea05;cursor:pointer;transition:all .3s ease}.upload-section input[type=file]:hover{border-color:#667eea;background:#667eea0d}.skill-tags-container{display:flex;flex-direction:column;gap:1rem}.skill-tags-input{display:flex;gap:.5rem}.skill-tags-input input{flex:1;padding:.75rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--bg-color);color:var(--text-color);transition:all .3s ease}.skill-tags-input input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.add-tag-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-tag-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.add-tag-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.skill-tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.remove-tag-btn{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.remove-tag-btn:hover{background:#fff3}.skill-tags-display{margin-bottom:1.5rem}.skill-tags-display strong{display:block;margin-bottom:.75rem;color:var(--text-color);font-size:1rem}.skill-tag-display{display:inline-block;padding:.4rem .8rem;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:20px;font-size:.85rem;font-weight:600;color:#667eea;margin-right:.5rem;margin-bottom:.5rem}.form-hint{font-size:.85rem;color:#64748b;margin:0;font-style:italic}@media (max-width: 768px){.admin-experience{padding:1rem;margin-top:2rem}.admin-header{flex-direction:column;gap:1rem;text-align:center}.admin-header h1{font-size:2rem}.modal-overlay{padding:1rem}.modal-content{max-height:95vh}.experience-form{padding:1.5rem}.form-grid{grid-template-columns:1fr;gap:1rem}.skills-grid{grid-template-columns:1fr}.experience-header-admin{flex-direction:column;gap:1rem}.experience-main{flex-direction:column;text-align:center}.experience-actions{align-self:flex-start}.document-uploads{grid-template-columns:1fr}}@media (max-width: 480px){.form-actions{flex-direction:column}.experience-meta-admin{flex-direction:column;align-items:flex-start}.tech-list{justify-content:center}}.document-controls{display:flex;align-items:center;gap:1rem}.document-actions{display:flex;align-items:center;gap:.5rem}.update-document-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2);border-radius:6px;cursor:pointer;transition:all .3s ease}.update-document-btn:hover{background:#3b82f6;color:#fff;transform:translateY(-1px)}.delete-document-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:6px;cursor:pointer;transition:all .3s ease}.delete-document-btn:hover{background:#ef4444;color:#fff;transform:translateY(-1px)}.admin-awards{padding:2rem;max-width:1400px;margin-top:3.5rem;background:var(--bg-color);min-height:100vh}.award-form{padding:2rem}.social-links-container{display:flex;flex-direction:column;gap:1rem}.social-link-input{display:flex;gap:.5rem;align-items:end}.social-link-input select{min-width:120px}.social-link-input input{flex:1}.add-social-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-social-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.add-social-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.social-link-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#667eea0d;border:1px solid rgba(102,126,234,.2);border-radius:8px}.social-link-info{flex:1;display:flex;align-items:center;gap:.5rem}.remove-social-btn{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:6px;padding:.5rem;cursor:pointer;transition:all .3s ease}.remove-social-btn:hover{background:#ef4444;color:#fff}.awards-list{display:flex;flex-direction:column;gap:1.5rem}.no-awards{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#98acc7;text-align:center;border:2px dashed var(--border-color);border-radius:16px}.no-awards svg{margin-bottom:1rem;opacity:.5}.no-awards p{font-size:1.1rem;margin:1rem 0}.award-item{background:var(--bg-color);border:1px solid var(--border-color);padding:2rem;transition:all .3s ease;box-shadow:0 4px 20px #00000014;position:relative}.award-item:hover{box-shadow:0 8px 30px #667eea26;border-color:#667eea4d}.award-header-admin{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.award-main{display:flex;align-items:flex-start;gap:1rem;flex:1}.award-image-small{width:50px;height:50px;object-fit:cover;border-radius:8px;border:1px solid var(--border-color)}.award-image-placeholder-small{width:50px;height:50px;background:#667eea1a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#667eea}.award-main h3{font-size:1.4rem;font-weight:700;color:var(--text-color);margin:0 0 .5rem}.award-organization-admin{font-size:1rem;color:#667eea;font-weight:600;margin-bottom:.5rem}.award-meta-admin{display:flex;gap:.5rem;flex-wrap:wrap}.date-badge,.featured-badge-admin{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.featured-badge-admin{background:#ff6b351a;color:#ff6b35;border:1px solid rgba(255,107,53,.2)}.award-actions{display:flex;gap:.5rem}.edit-btn,.delete-btn,.toggle-featured-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.toggle-featured-btn{background:#ff6b351a;color:#ff6b35;border:1px solid rgba(255,107,53,.2)}.toggle-featured-btn:hover{background:#ff6b35;color:#fff}.award-details{border-top:1px solid var(--border-color);padding-top:1rem}.award-description-admin{font-size:1rem;color:#64748b;line-height:1.6;margin-bottom:1rem}.award-association{margin-bottom:1rem}.award-association strong{display:block;margin-bottom:.75rem;color:var(--text-color);font-size:1rem}.association-info{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:20px;font-size:.85rem;font-weight:600;color:#667eea}.award-links-admin{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.award-link-admin{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#f07,#c800ff);color:#fff;text-decoration:none;font-size:.9rem;font-weight:600;transition:all .3s ease}.award-link-admin:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ea66ac66}.social-links-admin{display:flex;gap:.5rem}.social-link-admin{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#667eea1a;color:#667eea;border-radius:50%;text-decoration:none;transition:all .3s ease}.social-link-admin:hover{background:#667eea;color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.admin-awards{padding:1rem;margin-top:2rem}.admin-header{flex-direction:column;gap:1rem;text-align:center}.admin-header h1{font-size:2rem}.modal-overlay{padding:1rem}.modal-content{max-height:95vh}.award-form{padding:1.5rem}.form-grid{grid-template-columns:1fr;gap:1rem}.award-header-admin{flex-direction:column;gap:1rem}.award-main{flex-direction:column;text-align:center}.award-actions{align-self:flex-start}}@media (max-width: 480px){.form-actions{flex-direction:column}.award-meta-admin{flex-direction:column;align-items:flex-start}.award-links-admin{flex-direction:column}.social-link-input{flex-direction:column;gap:.5rem}}.admin-certifications{padding:2rem;max-width:1400px;margin-top:3.5rem;background:var(--bg-color);min-height:100vh}.modal-content{background:var(--bg-color);border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:1px solid var(--border-color);box-shadow:0 20px 40px #0000004d}.certification-form{padding:2rem}.form-checkbox{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.form-checkbox input[type=checkbox]{width:18px;height:18px;margin:0}.skills-container{display:flex;flex-direction:column;gap:1rem}.skills-input{display:flex;gap:.5rem}.skills-input input{flex:1}.add-skill-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-skill-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.add-skill-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.skill-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-list-admin{display:flex;gap:1rem}.skill-tag{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:.9rem;font-weight:600}.remove-skill-btn{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.remove-skill-btn:hover{background:#fff3}.certifications-list{display:flex;flex-direction:column;gap:1.5rem}.no-certifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#98acc7;text-align:center;border:2px dashed var(--border-color);border-radius:16px}.no-certifications svg{margin-bottom:1rem;opacity:.5}.no-certifications p{font-size:1.1rem;margin:1rem 0}.certification-item{background:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .3s ease;box-shadow:0 4px 20px #00000014}.certification-item:hover{box-shadow:0 8px 30px #667eea26;border-color:#667eea4d}.certification-header-admin{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.certification-main{display:flex;align-items:flex-start;gap:1rem;flex:1}.certification-image-small{width:50px;height:50px;object-fit:contain;border-radius:8px;border:1px solid var(--border-color);padding:4px;background:#fff}.certification-image-placeholder-small{width:50px;height:50px;background:#667eea1a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#667eea}.certification-main h3{font-size:1.4rem;font-weight:700;color:var(--text-color);margin:0 0 .5rem}.certification-organization-admin{font-size:1rem;color:#667eea;font-weight:600;margin-bottom:.5rem}.certification-meta-admin{display:flex;gap:.5rem;flex-wrap:wrap}.date-badge,.pinned-badge-admin{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.date-badge{background:#64748b1a;color:#64748b;border:1px solid rgba(100,116,139,.2)}.pinned-badge-admin{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2);display:flex;align-items:center;gap:.25rem}.certification-actions{display:flex;gap:.5rem}.edit-btn,.delete-btn,.toggle-pinned-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.toggle-pinned-btn{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2);display:flex;align-items:center;gap:.5rem}.toggle-pinned-btn:hover{background:#3b82f6;color:#fff}.certification-details{border-top:1px solid var(--border-color);padding-top:1.5rem}.certification-description-admin{font-size:1rem;color:#64748b;line-height:1.6;margin-bottom:1rem}.certification-skills-admin{margin-bottom:1rem}.certification-skills-admin strong{display:block;margin-bottom:.75rem;color:var(--text-color);font-size:1rem}.skills-list-admin{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag-admin{display:inline-block;padding:.4rem .8rem;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:20px;font-size:.85rem;font-weight:600;color:#667eea}.certification-info-admin{margin-bottom:1rem}.info-item{display:flex;gap:.5rem;margin-bottom:.5rem}.info-item strong{color:var(--text-color);font-weight:600}.info-item span{color:#64748b}.certification-links-admin{display:flex;gap:1rem;flex-wrap:wrap}.certification-link-admin{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#f07,#c800ff);color:#fff;text-decoration:none;border-radius:8px;font-size:.9rem;font-weight:600;transition:all .3s ease}.certification-link-admin:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ea66ac66}.organization-selection{margin-bottom:1rem}.organization-selection-label{font-size:.9rem;color:var(--text-color);margin-bottom:1rem;font-weight:500}.organizations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem;max-height:300px;overflow-y:auto;padding:.5rem;border:1px solid var(--border-color);border-radius:8px;background:#667eea05}.organization-item{display:flex;align-items:center;gap:.75rem;padding:1rem;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s ease;background:var(--bg-color)}.organization-item:hover{background:#667eea0d;border-color:#667eea4d;transform:translateY(-2px);box-shadow:0 4px 12px #667eea1a}.organization-item.selected{background:linear-gradient(135deg,#667eea1a,#ff00770d);border-color:#667eea;box-shadow:0 4px 15px #667eea33;transform:translateY(-2px)}.organization-item.selected .organization-name{color:#667eea}.organization-image{flex-shrink:0;width:40px;height:40px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.organization-image img{width:100%;height:100%;object-fit:cover}.organization-placeholder{width:100%;height:100%;background:#667eea1a;display:flex;align-items:center;justify-content:center;color:#667eea}.organization-info{flex:1;min-width:0}.organization-name{display:block;font-size:.95rem;font-weight:600;color:var(--text-color);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.organization-count{font-size:.8rem;color:#64748b;font-weight:500}.new-organization-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.new-organization-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.new-organization-form{display:flex;gap:.5rem;align-items:flex-end}.new-organization-form input{flex:1}.cancel-new-organization-btn{padding:.75rem 1rem;background:transparent;color:#64748b;border:2px solid var(--border-color);border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.cancel-new-organization-btn:hover{background:#64748b1a;border-color:#64748b}.current-logo-preview{margin-bottom:1rem;padding:1rem;border:1px solid var(--border-color);border-radius:8px;background:#667eea05}.current-logo-preview p{margin:0 0 .5rem;font-size:.9rem;color:var(--text-color);font-weight:600}.logo-preview{width:80px;height:80px;object-fit:contain;border-radius:8px;border:1px solid var(--border-color);padding:8px;background:#fff;margin-bottom:.5rem;display:block}.logo-note{font-size:.8rem;color:#64748b;font-style:italic;margin-top:.5rem;line-height:1.4}.form-hint{font-size:.85rem;color:#667eea;margin-top:.5rem;font-weight:500;padding:.5rem;background:#667eea1a;border-radius:4px;border-left:3px solid #667eea}@media (max-width: 768px){.admin-certifications{padding:1rem;margin-top:2rem}.admin-header{flex-direction:column;gap:1rem;text-align:center}.admin-header h1{font-size:2rem}.modal-overlay{padding:1rem}.modal-content{max-height:95vh}.certification-form{padding:1.5rem}.form-grid{grid-template-columns:1fr;gap:1rem}.certification-header-admin{flex-direction:column;gap:1rem}.certification-main{flex-direction:column;text-align:center}.certification-actions{align-self:flex-start}.organizations-grid{grid-template-columns:1fr;max-height:250px}.organization-item{padding:.75rem}.organization-image{width:36px;height:36px}.new-organization-form{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.form-actions{flex-direction:column}.certification-meta-admin{flex-direction:column;align-items:flex-start}.certification-links-admin{flex-direction:column}.skills-input{flex-direction:column;gap:.5rem}.organization-selection-label{font-size:.85rem}.organization-name{font-size:.9rem}.organization-count{font-size:.75rem}.new-organization-btn{font-size:.85rem;padding:.625rem .875rem}}.admin-articles{padding:2rem;max-width:1400px;margin-top:3.5rem;background:var(--bg-color);min-height:100vh}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.loading-container .spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:#f09;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{color:#0230ff;font-size:1.1rem}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.admin-header h1{font-size:2.5rem;font-weight:700;color:var(--text-color);margin:0;background:linear-gradient(135deg,#ff009d,#8000ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.add-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#f07,#c800ff);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ea66ac4d}.add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ea66ac66}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:var(--bg-color);border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:1px solid var(--border-color);box-shadow:0 20px 40px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#ff007d0d,#8000ff0d)}.modal-header h2{font-size:1.8rem;font-weight:700;color:var(--text-color);margin:0}.close-btn{width:40px;height:40px;background:#ff007d1a;color:#ff007d;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:#ff007d;color:#fff;transform:scale(1.1)}.article-form{padding:2rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:1rem;font-weight:600;color:var(--text-color)}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--bg-color);color:var(--text-color);transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:120px;font-family:inherit}.image-preview{position:relative;display:inline-block;margin-bottom:1rem}.image-preview img{width:200px;height:120px;object-fit:cover;border-radius:8px;border:2px solid var(--border-color)}.remove-image-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#ef4444;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}.social-links-container{border:2px solid var(--border-color);border-radius:8px;padding:1rem;background:#667eea05}.social-link-form{display:grid;grid-template-columns:150px 1fr 1fr 80px;gap:1rem;align-items:end;margin-bottom:1rem}.add-link-btn{padding:.75rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-link-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.social-links-list{display:flex;flex-direction:column;gap:.5rem}.social-link-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px}.link-info{display:flex;flex-direction:column;gap:.25rem}.platform{font-weight:600;color:var(--text-color);font-size:.9rem}.url{font-size:.8rem;color:#64748b;word-break:break-all}.remove-link-btn{width:32px;height:32px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.remove-link-btn:hover{background:#ef4444;color:#fff}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.cancel-btn{padding:.75rem 1.5rem;background:transparent;color:#64748b;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background:#64748b1a;border-color:#64748b}.save-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#f07,#c800ff);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ea66ac4d}.save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ea66ac66}.save-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.articles-list{display:flex;flex-direction:column;gap:1.5rem}.no-articles{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#98acc7;text-align:center;border:2px dashed var(--border-color);border-radius:16px}.no-articles svg{margin-bottom:1rem;opacity:.5}.no-articles p{font-size:1.1rem;margin:1rem 0}.add-first-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#f07,#c800ff);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ea66ac4d}.add-first-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ea66ac66}.article-item{background:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .3s ease;box-shadow:0 4px 20px #00000014}.article-item:hover{box-shadow:0 8px 30px #667eea26;border-color:#667eea4d}.article-header-admin{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.article-main{display:flex;align-items:flex-start;gap:1rem;flex:1}.article-thumbnail-small{width:80px;height:50px;object-fit:cover;border-radius:8px;border:1px solid var(--border-color)}.article-main h3{font-size:1.4rem;font-weight:700;color:var(--text-color);margin:0 0 .5rem}.article-description-admin{font-size:1rem;color:#64748b;line-height:1.6;margin-bottom:1rem}.article-meta-admin{display:flex;gap:.5rem;flex-wrap:wrap}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-badge.published{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.status-badge.draft{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.date-badge{padding:.25rem .75rem;background:#64748b1a;color:#64748b;border:1px solid rgba(100,116,139,.2);border-radius:12px;font-size:.8rem;font-weight:600}.links-count{padding:.25rem .75rem;background:#667eea1a;color:#667eea;border:1px solid rgba(102,126,234,.2);border-radius:12px;font-size:.8rem;font-weight:600}.article-actions{display:flex;gap:.5rem}.status-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.status-btn.published{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.status-btn.draft{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.status-btn:hover.published{background:#f59e0b;color:#fff}.status-btn:hover.draft{background:#10b981;color:#fff}.edit-btn,.delete-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.edit-btn{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.edit-btn:hover{background:#3b82f6;color:#fff}.delete-btn{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.delete-btn:hover{background:#ef4444;color:#fff}.article-links-admin{border-top:1px solid var(--border-color);padding-top:1.5rem;margin-top:1.5rem}.article-links-admin strong{display:block;margin-bottom:.75rem;color:var(--text-color);font-size:1rem}.link-list{display:flex;flex-wrap:wrap;gap:.5rem}.article-link-admin{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:20px;font-size:.85rem;font-weight:600;color:#667eea;text-decoration:none;transition:all .3s ease}.article-link-admin:hover{background:#667eea33;transform:translateY(-1px)}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.admin-articles{padding:1rem;margin-top:2rem}.admin-header{flex-direction:column;gap:1rem;text-align:center}.admin-header h1{font-size:2rem}.modal-overlay{padding:1rem}.modal-content{max-height:95vh}.article-form{padding:1.5rem}.form-grid{grid-template-columns:1fr}.social-link-form{grid-template-columns:1fr;gap:.75rem}.article-header-admin{flex-direction:column;gap:1rem}.article-main{flex-direction:column;text-align:center}.article-actions{align-self:flex-start}}@media (max-width: 480px){.form-actions{flex-direction:column}.article-meta-admin{flex-direction:column;align-items:flex-start}.link-list{flex-direction:column}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.header-container{margin:0 3rem;padding:.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{text-decoration:none;font-size:1.5rem;font-weight:700;color:var(--primary-color);transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-container{display:flex;align-items:center;gap:.75rem}.logo-image{height:35px;width:auto;object-fit:contain}.nav-list{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-link{text-decoration:none;color:var(--text-color);font-weight:500;font-size:.95rem;position:relative;transition:color .3s ease}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease}.nav-link:hover{color:#667eea}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.active{color:#667eea;font-weight:600}button.nav-link{background:none;border:none;font-family:inherit;font-size:.95rem;font-weight:500;color:var(--text-color);text-decoration:none;cursor:pointer;padding:inherit;margin:inherit;display:inherit;align-items:inherit;position:relative;transition:color .3s ease}button.nav-link:hover{color:var(--accent-color);transform:translateY(-2px)}button.nav-link:focus{outline:2px solid var(--accent-color);outline-offset:2px}.header-actions{display:flex;align-items:center;gap:1rem}.theme-toggle{background:none;border:2px solid var(--border-color);padding:.5rem;border-radius:50%;cursor:pointer;color:var(--text-color);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.theme-toggle:hover{background-color:var(--hover-bg);transform:rotate(180deg)}.logout-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(208deg,#015eff,red);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.logout-btn:hover{box-shadow:0 4px 12px #ff02024d}.logout-text{display:inline}.hamburger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.5rem}.hamburger-line{width:25px;height:3px;background-color:var(--text-color);transition:all .3s ease;border-radius:2px}.hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width: 768px){.nav{position:fixed;top:70px;left:0;right:0;background-color:var(--header-bg);box-shadow:0 10px 20px #0000001a;padding:2rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-open{transform:translateY(0);opacity:1;visibility:visible}.nav-list{flex-direction:column;gap:1.5rem}.hamburger{display:flex}.logout-btn{padding:.5rem}.logout-text{display:none}.logo-image{height:32px}.logo-container{gap:.5rem}.logo-text{font-size:1.3rem}.header-container{margin:0 1rem;padding:.5rem 1rem}}@media (max-width: 480px){.logo-image{height:28px}.logo-text{font-size:1.1rem}.logo-container{gap:.4rem}.header-container{margin:0 .5rem;padding:.4rem .75rem}.theme-toggle,.logout-btn{padding:.4rem}}.footer{background:linear-gradient(135deg,#1e293b,#0f172a);color:#f1f5f9;padding:3rem 1rem 1rem;margin-top:4rem}.footer-container{max-width:1300px;margin:0 auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-bottom:2rem}.footer-section{display:flex;flex-direction:column;gap:1rem}.brand-logo{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.logo-circle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #667eea4d;flex-shrink:0}.logo-letter{font-size:2rem;font-weight:700;color:#fff}.brand-info{text-align:left}.brand-name{font-size:1.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#ff0090,#c0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-tagline-small{font-size:.85rem;color:#94a3b8;margin:.25rem 0 0}.footer-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#ff2db2,#a346ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-description{color:#cbd5e1;line-height:1.6;font-size:.95rem}.footer-tagline{font-weight:600;font-size:1.1rem;color:#f1f5f9;margin-top:.5rem}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;font-weight:450}.footer-link{color:#cbd5e1;text-decoration:none;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;font-size:.95rem;padding:.25rem 0}.footer-link:hover{color:#f1f0ff;transform:translate(5px)}.link-icon{display:flex;align-items:center;justify-content:center;color:#667eea;flex-shrink:0}.contact-info{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.contact-info li{display:flex;align-items:center;gap:.75rem;color:#cbd5e1;font-size:.95rem}.contact-info svg{color:#667eea;flex-shrink:0}.contact-info a{color:#cbd5e1;text-decoration:none;transition:color .3s ease}.contact-info a:hover{color:#fff}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-link{width:40px;height:40px;border-radius:50%;background:#667eea1a;display:flex;align-items:center;justify-content:center;color:#ffffffe6;transition:all .3s ease;border:2px solid transparent}.social-link:hover{background:linear-gradient(135deg,red,#e700a5);color:#fff;border-color:#ffdede}.cta-description{color:#cbd5e1;font-size:.9rem;line-height:1.6;margin-bottom:1.5rem}.cta-buttons{display:flex;flex-direction:column;gap:1rem}.cta-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s ease;border:1px solid #ffffff}.cta-button.primary{background:linear-gradient(135deg,red,#e700a5);color:#fff}.cta-button.primary:hover{transform:translateY(-2px)}.cta-button.secondary{background:transparent;color:#e6eaff;border-color:#e6eaff}.cta-button.secondary:hover{background:#667eea1a;transform:translateY(-2px)}.cta-button svg{width:18px;height:18px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;margin-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.copyright{color:#94a3b8;font-size:.9rem;margin:0}.footer-links-right{display:flex;align-items:center;gap:.5rem}.separator{color:#64748b;font-size:.9rem}.heart{color:#ef4444;display:inline-block;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.footer-bottom-link{color:#94a3b8;text-decoration:none;transition:color .3s ease;font-size:.9rem}.footer-bottom-link:hover{color:#667eea}.footer-logo-image{width:60px;height:60px;object-fit:contain;border-radius:50px;padding:.2rem}.footer:has(.footer-bottom:only-child){padding:1rem;margin-top:2rem}.footer:has(.footer-bottom:only-child) .footer-bottom{border-top:none;padding-top:0;margin-top:0}@media (max-width: 768px){.footer{padding:2rem .5rem 1rem}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-section{text-align:center;gap:0}.brand-logo{justify-content:center}.brand-info{text-align:center}.footer-links,.contact-info{align-items:center}.footer-link,.social-links{justify-content:center}.cta-buttons{gap:.75rem;display:flex;flex-direction:row}.footer-bottom{flex-direction:column;text-align:center;gap:1rem}.footer-links-right{justify-content:center}.footer-logo-image{width:50px;height:50px}}.not-found-page{display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,var(--bg-color) 0%,var(--secondary-bg) 100%);position:relative;overflow:hidden}.not-found-container{max-width:1300px;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;width:100%}.not-found-content{text-align:left}.error-code{font-size:8rem;font-weight:900;color:transparent;background:linear-gradient(135deg,#ff007b,#764ba2);-webkit-background-clip:text;background-clip:text;line-height:1;margin-bottom:1rem}.error-title{font-size:3rem;font-weight:700;color:var(--text-color);margin-bottom:1.5rem;line-height:1.2}.error-description{font-size:1.2rem;color:var(--secondary-text);line-height:1.6;margin-bottom:3rem}.error-actions{display:flex;gap:1rem;margin-bottom:3rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#ff0084,#c100bd);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:transparent;color:var(--text-color);border:2px solid var(--border-color);border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer}.btn-secondary:hover{background:var(--hover-bg);transform:translateY(-2px)}.helpful-links h3{color:var(--text-color);margin-bottom:1rem;font-size:1.2rem}.helpful-links ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1rem}.helpful-links li{margin:0}.helpful-links a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .3s ease}.helpful-links a:hover{color:var(--primary-hover);text-decoration:underline}.error-animation{display:flex;align-items:center;justify-content:center;position:relative;height:400px}.floating-elements{position:relative;width:100%;height:400px;overflow:hidden}.element{position:absolute;font-family:Courier New,monospace;font-weight:700;color:var(--accent-color);opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none}.element-1{top:10%;left:10%;font-size:2rem}.element-2{top:20%;right:15%;font-size:1.5rem}.element-3{top:50%;left:20%;font-size:3rem;color:#ff6b6b}.element-4{bottom:30%;right:20%;font-size:1.8rem}.element-5{top:60%;left:50%;font-size:1rem}.element-6{top:15%;left:60%;font-size:1.2rem}.element-7{bottom:15%;left:30%;font-size:1rem}.element-8{top:80%;right:40%;font-size:.9rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes slide{0%{transform:translate(-100px);opacity:0}50%{transform:translate(0);opacity:.7}to{transform:translate(100px);opacity:0}}.bounce{animation:bounce 2s infinite}.float{animation:float 3s ease-in-out infinite}.pulse{animation:pulse 2s infinite}.rotate{animation:rotate 8s linear infinite}.shake{animation:shake .5s infinite}.slide{animation:slide 6s linear infinite}.bounce-delay{animation:bounce 2s infinite .5s}.float-reverse{animation:float 3s ease-in-out infinite reverse}.error-glitch{position:relative;margin-top:2rem;text-align:center}.glitch-text{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:1.5rem;font-weight:700;color:var(--accent-color)}.glitch-text:nth-child(1){animation:glitch1 2s infinite}.glitch-text:nth-child(2){animation:glitch2 2s infinite;color:#ff6b6b}.glitch-text:nth-child(3){animation:glitch3 2s infinite;color:#4ecdc4}@keyframes glitch1{0%,to{transform:translate(-50%) translateY(0)}20%{transform:translate(-48%) translateY(-2px)}40%{transform:translate(-52%) translateY(2px)}60%{transform:translate(-50%) translateY(-1px)}80%{transform:translate(-49%) translateY(1px)}}@keyframes glitch2{0%,to{transform:translate(-50%) translateY(0);clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}25%{transform:translate(-48%) translateY(2px);clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}50%{transform:translate(-52%) translateY(-1px);clip-path:polygon(0 0,100% 0,100% 30%,0 30%)}75%{transform:translate(-49%) translateY(1px);clip-path:polygon(0 70%,100% 70%,100% 100%,0 100%)}}@keyframes glitch3{0%,to{transform:translate(-50%) translateY(0);clip-path:polygon(0 45%,100% 45%,100% 60%,0 60%)}30%{transform:translate(-51%) translateY(-2px);clip-path:polygon(0 0,100% 0,100% 20%,0 20%)}60%{transform:translate(-48%) translateY(2px);clip-path:polygon(0 80%,100% 80%,100% 100%,0 100%)}}.contact-message{margin:2rem 0;background:rgba(var(--accent-color-rgb),.1);border-radius:12px}.contact-email{color:#ff007b;text-decoration:none;font-weight:600;transition:all .3s ease}.contact-email:hover{text-decoration:underline;transform:scale(1.05)}@media (max-width: 768px){.not-found-container{grid-template-columns:1fr;gap:2rem;text-align:center}.not-found-content{text-align:center}.error-code{font-size:6rem}.error-title{font-size:2rem}.error-description{font-size:1rem}.error-actions{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;justify-content:center}.helpful-links ul{justify-content:center}.error-animation{height:200px}.floating-elements{width:200px;height:200px}.element{font-size:1.5rem}.element-3{font-size:2rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #667eea;--secondary-color: #764ba2;--text-color: #1e293b;--bg-color: #ffffff;--header-bg: rgba(255, 255, 255, .9);--hover-bg: rgba(102, 126, 234, .1);--border-color: #e2e8f0}.dark{--text-color: #f1f5f9;--bg-color: #0f172a;--header-bg: rgba(15, 23, 42, .9);--hover-bg: rgba(102, 126, 234, .2);--border-color: #334155}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-color);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff0077a1,#8000ffa1);border-radius:4px;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f07,#8000ff);transform:scale(1.1)}.progress-bar{position:fixed;top:0;left:0;width:100%;height:2px;background:#ea66b51a;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#c800ff,#ff00ae,#2b00ff);border-radius:0 2px 2px 0;box-shadow:0 0 10px #ff008080}