:root{--primary-color: #00ff00;--background-color: #000000;--secondary-color: #00cc00;--accent-color: #009900;--text-color: #cccccc;--text-dark-color: #888888;--border-color: #00ff00}html{font-size:14px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;background:var(--background-color)!important;color:var(--text-color);overflow-x:hidden;line-height:1.5}h1,h2,h3,h4,h5,h6,.section h2,.profile-name,.skill-domain h3,.skill-group h4,.navigation button.active,.terminal-header h1{color:var(--primary-color)!important}a{color:var(--secondary-color)}a:hover{color:var(--primary-color)}button,.btn,.login-btn,.save-btn,.add-btn,.navigation button{border-color:var(--border-color)!important}.navigation button.active{background:var(--primary-color)!important;color:var(--background-color)!important}.navigation button:not(.active){color:var(--primary-color)!important;background:var(--background-color)!important}.navigation button:hover:not(.active){background:#00ff001a!important}.login-btn,.save-btn,.add-btn{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))!important;color:var(--background-color)!important}.section,.card,.project-card,.certificate-card,.skill-domain,.login-box,.admin-panel,input,textarea,select{border-color:var(--border-color)!important}input,textarea,select{background:var(--background-color)!important;color:var(--primary-color)!important;border-color:var(--primary-color)!important}p,li,span,.profile-title,.project-description,.experience-label{color:var(--text-color)!important}.subtitle,.description,.meta,.profile-subtitle,.cert-issuer,.cert-date{color:var(--text-dark-color)!important}.profile-photo{border-color:var(--primary-color)!important}.profile-photo-frame:before{background:conic-gradient(from 0deg,var(--primary-color),var(--secondary-color),var(--accent-color),var(--primary-color))!important}.project-card,.certificate-card,.skill-domain{background:#00000080!important;border:1px solid var(--border-color)!important}.project-card:hover,.certificate-card:hover,.skill-domain:hover{border-color:var(--primary-color)!important;box-shadow:0 0 20px rgba(var(--primary-color-rgb),.3)!important}.ascii-art pre,.qandel-logo pre{color:var(--primary-color)!important;text-shadow:0 0 10px var(--primary-color)!important}.status-indicator{background:var(--primary-color)!important}.skill-bullet{color:var(--primary-color)!important}.admin-panel{background:var(--background-color)!important}.admin-header h2{color:var(--primary-color)!important}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background-color)!important;padding:20px}.login-box{background:#000000e6;border:2px solid var(--primary-color)!important;border-radius:10px;padding:30px;max-width:600px;width:100%;text-align:center;box-shadow:0 0 30px #00ff004d}.ascii-art pre{color:#0f0;font-size:10px;line-height:1;margin-bottom:20px;text-shadow:0 0 5px #00ff00}.ascii-names{display:flex;justify-content:center;align-items:flex-start;gap:20px;margin-bottom:20px}.ascii-ahmed pre,.ascii-qandel pre{color:#0f0;font-size:10px;line-height:1;margin:0;text-shadow:0 0 5px #00ff00}.ascii-subtitle{text-align:center;margin-top:10px}.ascii-subtitle pre{color:#0f0;font-size:12px;font-weight:700;text-shadow:0 0 8px #00ff00;margin:0}.login-box h2{color:#0f0;margin-bottom:10px;text-shadow:0 0 10px #00ff00}.login-box p{color:#ccc;margin-bottom:15px}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;color:#0f0;margin-bottom:5px;font-weight:700}.form-group input{width:100%;padding:10px;background:#000c;border:2px solid #00ff00;border-radius:5px;color:#0f0;font-family:Courier New,monospace}.form-group input:focus{outline:none;box-shadow:0 0 10px #00ff0080}.login-btn{background:linear-gradient(135deg,#0f0,#0c0);color:#000;border:none;padding:12px 30px;border-radius:5px;font-weight:700;cursor:pointer;font-family:Courier New,monospace;transition:all .3s ease}.login-btn:hover{background:linear-gradient(135deg,#0c0,#090);box-shadow:0 0 15px #00ff0080}.footer{margin-top:20px;color:#666;font-size:12px}.portfolio-container{min-height:100vh;background:var(--background-color)!important;padding:12px 16px;zoom:1.1}.terminal-header{text-align:center;margin-bottom:14px}.qandel-logo{text-align:center}.qandel-logo .ascii-names{display:flex;justify-content:center;align-items:flex-start;gap:30px;margin-bottom:15px}.qandel-logo .ascii-ahmed pre,.qandel-logo .ascii-qandel pre{color:#0f0;font-size:5px;line-height:1;margin:0;text-shadow:0 0 10px #00ff00}.qandel-logo .ascii-subtitle pre{color:#0f0;font-size:7px;font-weight:700;text-shadow:0 0 8px #00ff00;margin:0}.navigation{display:flex;justify-content:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.navigation button{background:#000c;color:#0f0;border:1px solid #00ff00;padding:6px 14px;border-radius:4px;cursor:pointer;font-family:Courier New,monospace;font-size:.8rem;transition:all .3s ease}.navigation button:hover{background:#00ff001a;box-shadow:0 0 10px #00ff004d}.navigation button.active{background:linear-gradient(135deg,#0f0,#0c0);color:#000;font-weight:700}.logout-btn{background:#f003!important;border-color:red!important;color:red!important}.logout-btn:hover{background:#ff00004d!important;box-shadow:0 0 10px #ff00004d!important}.content{max-width:1100px;margin:0 auto}.section{background:#000c;border:1px solid #00ff00;border-radius:8px;padding:20px 24px;box-shadow:0 0 12px #00ff0026}.section h2{color:#0f0;margin-bottom:16px;text-shadow:0 0 8px #00ff00;font-size:1.3rem}.section p{color:#ccc;line-height:1.6;margin-bottom:15px}.section ul{color:#ccc;margin-left:20px;margin-bottom:15px}.section li{margin-bottom:8px}.projects-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;padding:30px 0;border-bottom:1px solid rgba(0,255,0,.2)}.header-content{flex:1}.section-title{font-size:1.6rem;font-weight:700;color:#0f0;margin:0 0 8px;display:flex;align-items:center;gap:10px;text-shadow:0 0 10px rgba(0,255,0,.3)}.title-icon{font-size:1.4rem;filter:drop-shadow(0 0 8px rgba(0,255,0,.5))}.section-description{font-size:.9rem;color:#fffc;margin:0;max-width:600px;line-height:1.5}.projects-stats{display:flex;gap:16px;align-items:center}.stat-item{text-align:center;padding:10px 14px;background:#00ff001a;border:1px solid rgba(0,255,0,.3);border-radius:8px;min-width:60px}.stat-number{display:block;font-size:1.2rem;font-weight:700;color:#0f0;text-shadow:0 0 5px rgba(0,255,0,.5)}.stat-label{display:block;font-size:.72rem;color:#ffffffb3;margin-top:3px;text-transform:uppercase;letter-spacing:.5px}.categories-container{margin-bottom:30px}.categories-header{text-align:center;margin-bottom:20px}.categories-title{font-size:1.2rem;color:#0f0;margin:0 0 6px;font-weight:600}.categories-subtitle{font-size:.85rem;color:#ffffffb3;margin:0}.professional-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:16px}.professional-category-card{background:linear-gradient(145deg,#000000f2,#001e0066);border:1px solid rgba(0,255,0,.3);border-radius:16px;padding:0;transition:all .4s ease;cursor:pointer;overflow:hidden;position:relative}.professional-category-card:hover{transform:translateY(-8px);border-color:#0f0;box-shadow:0 20px 40px #0f03}.category-card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px 15px}.category-icon-wrapper{width:50px;height:50px;background:#00ff001a;border:1px solid rgba(0,255,0,.3);border-radius:12px;display:flex;align-items:center;justify-content:center}.category-icon-large{font-size:1.5rem;filter:drop-shadow(0 0 5px rgba(0,255,0,.5))}.category-badge{background:#00ff0026;border:1px solid rgba(0,255,0,.4);border-radius:20px;padding:6px 12px}.project-count-badge{font-size:.8rem;color:#0f0;font-weight:600;text-shadow:0 0 3px rgba(0,255,0,.5)}.category-image-container{position:relative;height:200px;margin:0 25px 20px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#000000e6,#001e004d);display:flex;align-items:center;justify-content:center}.category-image-pro{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;transition:transform .4s ease;border-radius:8px;box-shadow:0 4px 15px #0000004d}.professional-category-card:hover .category-image-pro{transform:scale(1.08)}.category-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000000b3,#0f03);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.professional-category-card:hover .category-image-overlay{opacity:1}.overlay-content{text-align:center;color:#fff}.view-projects-text{display:block;font-size:1.1rem;font-weight:600;margin-bottom:8px}.arrow-icon{font-size:1.5rem;color:#0f0}.category-info-section{padding:0 25px 25px}.category-title-pro{font-size:1.3rem;color:#0f0;margin:0 0 10px;font-weight:600}.category-description-pro{font-size:.95rem;color:#fffc;line-height:1.5;margin:0 0 15px}.category-technologies{margin-bottom:20px}.tech-preview{font-size:.85rem;color:#0f0c;background:#00ff001a;padding:8px 12px;border-radius:6px;border:1px solid rgba(0,255,0,.2)}.category-action{text-align:center}.explore-button{background:linear-gradient(135deg,#00ff001a,#0f03);border:1px solid rgba(0,255,0,.4);color:#0f0;padding:12px 24px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.explore-button:hover{background:linear-gradient(135deg,#0f03,#00ff004d);border-color:#0f0;box-shadow:0 0 15px #00ff004d}.button-arrow{transition:transform .3s ease}.explore-button:hover .button-arrow{transform:translate(3px)}.projects-container{margin-top:30px}.projects-navigation{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid rgba(0,255,0,.2)}.back-button-pro{background:#00ff001a;border:1px solid rgba(0,255,0,.3);color:#0f0;padding:12px 20px;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.back-button-pro:hover{background:#0f03;border-color:#0f0}.back-arrow{transition:transform .3s ease}.back-button-pro:hover .back-arrow{transform:translate(-3px)}.current-category-info{flex:1;margin-left:30px}.category-breadcrumb{font-size:.85rem;color:#fff9;margin-bottom:10px}.breadcrumb-separator{margin:0 8px;color:#00ff0080}.breadcrumb-current{color:#0f0}.category-header-pro{display:flex;align-items:center;gap:15px}.category-icon-small{font-size:1.2rem;filter:drop-shadow(0 0 3px rgba(0,255,0,.5))}.category-name-header{font-size:1.4rem;color:#0f0;margin:0 0 5px}.category-desc-header{font-size:.9rem;color:#ffffffb3;margin:0}.professional-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px}.professional-project-card{background:linear-gradient(145deg,#000000f2,#001e0066);border:1px solid rgba(0,255,0,.3);border-radius:16px;padding:0;transition:all .4s ease;cursor:pointer;overflow:hidden;display:flex;min-height:200px}.professional-project-card:hover{transform:translateY(-5px);border-color:#0f0;box-shadow:0 15px 30px #0f03}.project-card-header-pro{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,transparent 100%);z-index:2}.project-status-indicator{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;background:#0f0;box-shadow:0 0 5px #00ff0080}.status-dot.in-progress{background:#fa0;box-shadow:0 0 5px #ffaa0080}.status-text{font-size:.8rem;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.project-year-badge{background:#00ff0026;border:1px solid rgba(0,255,0,.3);color:#0f0;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:600}.project-image-section{position:relative;width:200px;height:200px;flex-shrink:0;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#000000e6,#001e004d);display:flex;align-items:center;justify-content:center;margin:20px}.project-image-pro{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;border-radius:8px}.professional-project-card:hover .project-image-pro{transform:scale(1.05)}.project-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000c,#00ff001a);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.professional-project-card:hover .project-image-overlay{opacity:1}.view-details-btn{background:#0f03;border:1px solid #00ff00;color:#0f0;padding:10px 20px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.view-details-btn:hover{background:#00ff004d;box-shadow:0 0 10px #00ff004d}.project-content-section{flex:1;padding:20px 25px 25px 0;display:flex;flex-direction:column;justify-content:space-between}.project-title-pro{font-size:1.3rem;color:#0f0;margin:0 0 10px;font-weight:600}.project-description-pro{font-size:.95rem;color:#fffc;line-height:1.5;margin:0 0 20px}.project-metadata{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.metadata-item{display:flex;flex-direction:column;gap:4px}.metadata-label{font-size:.8rem;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.metadata-value{font-size:.9rem;color:#ffffffe6;font-weight:500}.project-technologies-section{margin-bottom:25px}.tech-stack-header{margin-bottom:10px}.tech-label{font-size:.8rem;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.tech-stack-pro{display:flex;flex-wrap:wrap;gap:8px}.tech-tag-pro{background:#00ff001a;border:1px solid rgba(0,255,0,.3);color:#0f0;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:500}.tech-more{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;padding:6px 12px;border-radius:6px;font-size:.8rem}.project-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid rgba(0,255,0,.2)}.project-links{display:flex;gap:12px}.project-link{display:flex;align-items:center;gap:6px;color:#ffffffb3;text-decoration:none;font-size:.85rem;padding:6px 10px;border-radius:6px;transition:all .3s ease}.project-link:hover{color:#0f0;background:#00ff001a}.link-icon{font-size:.9rem}.learn-more-btn{background:linear-gradient(135deg,#00ff001a,#0f03);border:1px solid rgba(0,255,0,.4);color:#0f0;padding:8px 16px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.learn-more-btn:hover{background:linear-gradient(135deg,#0f03,#00ff004d);border-color:#0f0}.learn-more-arrow{transition:transform .3s ease}.learn-more-btn:hover .learn-more-arrow{transform:translate(3px)}@media (max-width: 768px){.projects-section-header{flex-direction:column;gap:20px}.projects-stats{justify-content:center}.professional-categories-grid,.professional-projects-grid{grid-template-columns:1fr}.professional-project-card{flex-direction:column;min-height:auto}.project-image-section{width:100%;height:200px;margin:20px 20px 0}.project-content-section{padding:20px}.project-card-header-pro{position:relative;background:none;padding:20px 20px 10px}.projects-navigation{flex-direction:column;gap:20px}.current-category-info{margin-left:0}.project-metadata{grid-template-columns:1fr}.project-card-footer{flex-direction:column;gap:15px;align-items:stretch}.project-links{justify-content:center}}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00ff004d;border-color:#0f0}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.project-header h3{color:#0f0;font-size:18px;margin:0;text-shadow:0 0 5px #00ff00;flex:1}.status{padding:4px 12px;border-radius:15px;font-size:11px;font-weight:700;text-transform:uppercase;margin-left:15px}.status.completed{background:#0f03;color:#0f0;border:1px solid #00ff00}.status.in-progress{background:#ffa50033;color:#fa0;border:1px solid #ffaa00}.project-meta{display:flex;justify-content:space-between;margin-bottom:15px}.category{color:#0f0;font-size:12px;text-transform:uppercase;font-weight:700;opacity:.8}.year{color:#ccc;font-size:12px;opacity:.7}.project-description{color:#ccc;line-height:1.5;margin-bottom:20px;font-size:14px}.technologies{margin-top:15px}.technologies strong{color:#0f0;font-size:12px;display:block;margin-bottom:8px}.tech-tags{display:flex;flex-wrap:wrap;gap:6px}.tech-tag{background:#0f03;color:#0f0;padding:3px 8px;border-radius:12px;font-size:10px;font-weight:700;border:1px solid rgba(0,255,0,.4)}.about-content p{margin-bottom:15px}.about-content strong{color:#0f0}.skills-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:20px}.skill-category{background:#00320033;border:1px solid rgba(0,255,0,.3);border-radius:8px;padding:20px}.skill-category h3{color:#0f0;margin-bottom:15px;font-size:16px;text-shadow:0 0 5px #00ff00}.skill-category ul{list-style:none;margin-left:0}.skill-category li{color:#ccc;margin-bottom:8px;padding-left:15px;position:relative}.skill-category li:before{content:"▶";color:#0f0;position:absolute;left:0}@media (max-width: 768px){.navigation{flex-direction:column;align-items:center}.navigation button{width:200px}.projects-grid,.skills-content{grid-template-columns:1fr}.qandel-logo{font-size:6px}.ascii-art pre{font-size:8px}}@media (max-width: 480px){.portfolio-container{padding:10px}.section,.project-card{padding:20px}}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-card.clickable{cursor:pointer;position:relative;overflow:hidden}.project-card.clickable:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,0,.1),transparent);transition:left .5s}.project-card.clickable:hover:before{left:100%}.click-hint{text-align:center;color:#0f0;font-size:12px;margin-top:15px;opacity:.7;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.project-detail-header{display:flex;align-items:center;margin-bottom:30px;gap:20px}.back-btn{background:#0f03;color:#0f0;border:2px solid #00ff00;padding:8px 16px;border-radius:5px;cursor:pointer;font-family:Courier New,monospace;transition:all .3s ease}.back-btn:hover{background:#00ff004d;transform:translate(-5px)}.project-detail-content{display:flex;gap:30px;align-items:flex-start;margin-bottom:30px}.project-status-bar{display:flex;gap:15px;margin-bottom:25px;flex-wrap:wrap}.status-large{padding:8px 20px;border-radius:20px;font-size:14px;font-weight:700;text-transform:uppercase}.status-large.completed{background:#0f03;color:#0f0;border:2px solid #00ff00}.status-large.in-progress{background:#ffa50033;color:#fa0;border:2px solid #ffaa00}.category-large{background:#0064ff33;color:#06f;border:2px solid #0066ff;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:700}.year-large{background:#ffffff1a;color:#ccc;border:2px solid #666;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:700}.project-description-full{margin-bottom:30px;max-width:900px}.project-description-full h3{color:#0f0;margin-bottom:15px;font-size:18px}.formatted-text{color:#fff;line-height:1.8;font-size:14px;max-width:100%}.formatted-text p{margin-bottom:15px;color:#fff;line-height:1.7}.formatted-text p:last-child{margin-bottom:0}.project-description{background:#00320033;border-left:3px solid #00ff00;padding:20px;border-radius:5px;max-width:900px}.project-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.detail-item{background:#0032004d;border:1px solid rgba(0,255,0,.3);border-radius:8px;padding:20px;transition:all .3s ease;min-height:120px;display:flex;flex-direction:column}.detail-item:hover{background:#00320066;border-color:#00ff0080;transform:translateY(-2px)}.detail-item h4{color:#0f0;margin-bottom:12px;font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px;flex-shrink:0}.detail-item p{color:#fff;font-size:14px;line-height:1.7;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.detail-item .formatted-text{color:#fff;flex:1;overflow-y:auto;max-height:300px}.detail-item .formatted-text::-webkit-scrollbar{width:6px}.detail-item .formatted-text::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}.detail-item .formatted-text::-webkit-scrollbar-thumb{background:#00ff004d;border-radius:3px}.detail-item .formatted-text::-webkit-scrollbar-thumb:hover{background:#00ff0080}.technologies-detailed{margin-bottom:30px}.technologies-detailed h3{color:#0f0;margin-bottom:15px;font-size:18px}.tech-tags-large{display:flex;flex-wrap:wrap;gap:10px}.tech-tag-large{background:#0f03;color:#0f0;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;border:2px solid rgba(0,255,0,.4);transition:all .3s ease}.tech-tag-large:hover{background:#00ff004d;transform:scale(1.05)}.project-links{display:flex;gap:15px;flex-wrap:wrap}.project-link{background:linear-gradient(135deg,#0f0,#0c0);color:#000;text-decoration:none;padding:12px 24px;border-radius:25px;font-weight:700;font-family:Courier New,monospace;transition:all .3s ease;display:inline-block}.project-link:hover{background:linear-gradient(135deg,#0c0,#090);transform:translateY(-2px);box-shadow:0 5px 15px #00ff004d}.project-link.project-link-code{background:#006400!important;color:#fff!important;border:1px solid #006400!important}.project-link.project-link-code:hover{background:green!important;box-shadow:0 5px 15px #00640066!important}.project-link.project-link-demo{background:#c00!important;color:#fff!important;border:1px solid #cc0000!important}.project-link.project-link-demo:hover{background:red!important;box-shadow:0 5px 15px #c006!important}.admin-btn{background:#ffd70033!important;border-color:gold!important;color:gold!important}.admin-btn:hover{background:#ffd7004d!important;box-shadow:0 0 10px #ffd7004d!important}.admin-btn.active{background:linear-gradient(135deg,gold,#fc0)!important;color:#000!important}.admin-subtitle{color:gold;text-align:center;margin-bottom:30px;opacity:.8}.admin-content{display:grid;gap:30px}.admin-section{background:#ffd7001a;border:2px solid rgba(255,215,0,.3);border-radius:10px;padding:25px}.admin-section h3{color:gold;margin-bottom:20px;font-size:18px;text-shadow:0 0 5px #ffd700}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.stat-item{text-align:center;background:#00000080;border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:20px}.stat-number{display:block;font-size:32px;font-weight:700;color:gold;text-shadow:0 0 10px #ffd700}.stat-label{display:block;font-size:12px;color:#ccc;text-transform:uppercase;margin-top:5px}.admin-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.admin-action-btn{background:#ffd70033;color:gold;border:2px solid #ffd700;padding:15px 20px;border-radius:8px;cursor:pointer;font-family:Courier New,monospace;font-weight:700;transition:all .3s ease}.admin-action-btn:hover{background:#ffd7004d;transform:translateY(-2px);box-shadow:0 5px 15px #ffd70033}.activity-log{display:grid;gap:15px}.activity-item{display:flex;justify-content:space-between;align-items:center;background:#0000004d;border:1px solid rgba(255,215,0,.2);border-radius:5px;padding:15px}.activity-time{color:gold;font-size:12px;font-weight:700;min-width:100px}.activity-text{color:#ccc;flex:1;margin-left:15px}.project-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 40px #0f06}.navigation button{position:relative;overflow:hidden}.navigation button:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:#0f0;transition:all .3s ease;transform:translate(-50%)}.navigation button:hover:after{width:80%}.navigation button.active:after{width:100%}@media (max-width: 768px){.project-detail-header{flex-direction:column;align-items:flex-start}.project-status-bar{justify-content:center}.project-details-grid,.admin-actions{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(3,1fr)}.project-links{justify-content:center}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.activity-item{flex-direction:column;align-items:flex-start;gap:10px}.activity-time{min-width:auto}.activity-text{margin-left:0}}.admin-form{max-width:1000px;margin:0 auto}.form-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid rgba(255,215,0,.3)}.form-header h3{color:gold;margin:0;font-size:24px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:gold;font-weight:700;font-size:14px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#00000080;border:2px solid rgba(255,215,0,.3);border-radius:5px;padding:12px;color:#fff;font-family:Courier New,monospace;font-size:14px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:gold;box-shadow:0 0 10px #ffd7004d}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#888}.form-group input::placeholder,.form-group textarea::placeholder{color:#888}.tech-input{display:flex;flex-direction:column;gap:15px}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{background:#ffd70033;color:gold;padding:6px 12px;border-radius:15px;font-size:12px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,215,0,.4)}.tech-tag button{background:none;border:none;color:gold;cursor:pointer;font-size:16px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.tech-tag button:hover{background:#ffd7004d}.form-actions{display:flex;gap:15px;justify-content:center;padding-top:20px;border-top:2px solid rgba(255,215,0,.3)}.save-btn{background:linear-gradient(135deg,#0f0,#0c0);color:#000;border:none;padding:15px 30px;border-radius:25px;font-weight:700;font-family:Courier New,monospace;cursor:pointer;transition:all .3s ease;font-size:16px}.save-btn:hover{background:linear-gradient(135deg,#0c0,#090);transform:translateY(-2px);box-shadow:0 5px 15px #00ff004d}.cancel-btn{background:#f003;color:#f44;border:2px solid #ff4444;padding:15px 30px;border-radius:25px;font-weight:700;font-family:Courier New,monospace;cursor:pointer;transition:all .3s ease;font-size:16px}.cancel-btn:hover{background:#ff00004d;transform:translateY(-2px)}.projects-list{display:grid;gap:20px}.project-item{background:#ffd7001a;border:2px solid rgba(255,215,0,.3);border-radius:10px;padding:20px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.project-item:hover{background:#ffd70026;transform:translateY(-2px)}.project-info h4{color:gold;margin:0 0 8px;font-size:18px}.project-info p{color:#ccc;margin:0;font-size:14px}.project-actions{display:flex;gap:10px}.edit-btn{background:#0f03;color:#0f0;border:2px solid #00ff00;padding:8px 16px;border-radius:5px;cursor:pointer;font-family:Courier New,monospace;font-size:12px;transition:all .3s ease}.edit-btn:hover{background:#00ff004d}.delete-btn{background:#f003;color:#f44;border:2px solid #ff4444;padding:8px 16px;border-radius:5px;cursor:pointer;font-family:Courier New,monospace;font-size:12px;transition:all .3s ease}.delete-btn:hover{background:#ff00004d}.theme-options{display:grid;gap:30px}.theme-section h4{color:gold;margin-bottom:15px;font-size:18px}.color-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.color-option{display:flex;align-items:center;gap:15px;padding:15px;background:#ffd7001a;border:2px solid rgba(255,215,0,.3);border-radius:8px;cursor:pointer;transition:all .3s ease}.color-option:hover{background:#ffd70033}.color-option.active{border-color:gold;background:#ffd70033}.color-preview{width:40px;height:40px;border-radius:50%;border:2px solid #333}.color-preview.green{background:linear-gradient(135deg,#0f0,#0c0)}.color-preview.blue{background:linear-gradient(135deg,#09f,#06c)}.color-preview.purple{background:linear-gradient(135deg,#90f,#60c)}.setting-item{padding:15px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:8px;margin-bottom:10px}.setting-item label{display:flex;align-items:center;gap:10px;color:#ccc;cursor:pointer}.setting-item input[type=checkbox]{width:20px;height:20px;accent-color:#ffd700}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.form-header{flex-direction:column;align-items:flex-start}.project-item{flex-direction:column;align-items:flex-start;gap:15px}.project-actions{width:100%;justify-content:flex-end}.form-actions{flex-direction:column}.color-options{grid-template-columns:1fr}}.profile-section{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;padding:1.5rem;background:#00ff000d;border:1px solid #00ff00;border-radius:10px}.profile-photo{flex-shrink:0;position:relative}.profile-image{width:150px;height:150px;border-radius:50%;border:3px solid #00ff00;-o-object-fit:cover;object-fit:cover;position:relative;z-index:2}.profile-photo:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0);width:170px;height:170px;background:linear-gradient(135deg,#00ff001a,#00ff000d);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);z-index:1;animation:rotateHexagon 20s linear infinite}.profile-photo:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(60deg);width:180px;height:180px;border:2px solid rgba(0,255,0,.2);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);z-index:0;animation:rotateHexagon 15s linear infinite reverse}@keyframes rotateHexagon{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.profile-info h2{margin:0 0 1rem;color:#0f0}.profile-details p{margin:.5rem 0;color:#ccc}.navigation-guide{margin:2rem 0}.navigation-guide ul{list-style:none;padding:0}.navigation-guide li{margin:.5rem 0;padding:.5rem;background:#00ff001a;border-left:3px solid #00ff00}.professional-links{margin-top:2rem}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.profile-link{display:flex;align-items:center;gap:1rem;padding:1rem;background:#00ff001a;border:1px solid #00ff00;border-radius:8px;text-decoration:none;color:#ccc;transition:all .3s ease}.profile-link:hover{background:#0f03;transform:translateY(-2px);box-shadow:0 4px 15px #00ff004d}.link-icon{font-size:1.5rem}.link-info strong{color:#0f0;display:block}.link-info p{margin:.25rem 0 0;font-size:.9rem;opacity:.8}.project-thumbnail{width:100%;height:200px;overflow:hidden;border-radius:8px 8px 0 0;border-bottom:2px solid #00ff00}.thumbnail-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.project-card:hover .thumbnail-image{transform:scale(1.05)}.project-content{padding:1rem}.skills-animated-content{display:grid;gap:2rem}.skill-category-animated{background:#00ff000d;border:1px solid #00ff00;border-radius:10px;padding:1.5rem;animation:slideInUp .6s ease-out}.skill-category-animated h3{color:#0f0;margin-bottom:1.5rem;text-align:center;font-size:1.3rem}.skills-grid{display:grid;gap:1rem}.skill-item{background:#0000004d;border:1px solid rgba(0,255,0,.3);border-radius:8px;padding:1rem;transition:all .3s ease}.skill-item:hover{border-color:#0f0;box-shadow:0 0 15px #0f03;transform:translateY(-2px)}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.skill-name{color:#ccc;font-weight:500}.skill-percentage{color:#0f0;font-weight:700;font-size:.9rem}.skill-bar{width:100%;height:8px;background:#00000080;border-radius:4px;overflow:hidden;position:relative}.skill-progress{height:100%;background:linear-gradient(90deg,#0f0,#0c0,#0f0);border-radius:4px;position:relative;animation:fillProgress 2s ease-out;box-shadow:0 0 10px #00ff0080}.skill-progress:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fillProgress{0%{width:0%}to{width:var(--progress-width, 0%)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.image-upload-section{background:#ffd7001a;border:1px solid #ffd700;border-radius:8px;padding:1.5rem;margin:1rem 0}.image-upload-section h4{color:gold;margin-bottom:1rem}.upload-area{border:2px dashed #ffd700;border-radius:8px;padding:2rem;text-align:center;background:#ffd7000d;transition:all .3s ease;cursor:pointer}.upload-area:hover{background:#ffd7001a;border-color:#ffed4e}.upload-area input[type=file]{display:none}.upload-text{color:gold;margin-bottom:.5rem}.upload-hint{color:#ccc;font-size:.9rem;opacity:.8}.current-image-preview{margin-top:1rem;text-align:center}.current-image-preview img{max-width:150px;max-height:150px;border-radius:8px;border:2px solid #ffd700}.thumbnail-upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.thumbnail-upload-item{background:#00ff001a;border:1px solid #00ff00;border-radius:8px;padding:1rem}.thumbnail-upload-item h5{color:#0f0;margin-bottom:.5rem;font-size:.9rem}.thumbnail-preview{width:100%;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:4px;margin-bottom:.5rem}.upload-btn{background:gold;color:#000;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .3s ease}.upload-btn:hover{background:#ffed4e;transform:translateY(-1px)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;margin-top:30px}.category-card{background:#001400cc;border:2px solid #00ff41;border-radius:15px;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative;display:flex;flex-direction:row;min-height:450px;align-items:center;padding:20px}.category-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00ff414d;border-color:#4f4}.category-thumbnail{position:relative;width:450px;height:450px;overflow:hidden;flex-shrink:0;border-radius:15px;margin-right:30px}.category-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;transition:transform .3s ease;border-radius:15px;background:#0000000d}.category-card:hover .category-image{transform:scale(1.05)}.category-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0006,#00ff411a);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.category-card:hover .category-overlay{opacity:1}.category-icon{font-size:48px;margin-bottom:10px;text-shadow:0 0 20px rgba(0,255,65,.8)}.project-count{color:#00ff41;font-weight:700;font-size:18px;text-shadow:0 0 10px rgba(0,255,65,.5)}.category-content{padding:30px;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:450px}.category-content h3{color:#00ff41;font-size:24px;margin-bottom:15px;text-shadow:0 0 10px rgba(0,255,65,.5);line-height:1.2}.category-description{color:#8f8;font-size:16px;line-height:1.6;margin-bottom:20px;word-wrap:break-word;overflow-wrap:break-word}.category-footer{margin-top:auto;text-align:left}.click-hint{color:#6f6;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px}.click-hint:before{content:"👆";font-size:16px}@media (max-width: 768px){.categories-grid{grid-template-columns:1fr;gap:20px}.category-card{flex-direction:column;min-height:auto;padding:15px}.category-thumbnail{width:100%;height:300px;margin-right:0;margin-bottom:20px}.category-image{border-radius:15px}.category-content{min-height:auto;padding:15px}.category-content h3{font-size:20px}.category-description{font-size:14px}}.category-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding:20px;background:#001400cc;border:1px solid #00ff41;border-radius:10px}.back-btn{padding:10px 20px;background:#000000b3;color:#00ff41;border:1px solid #00ff41;border-radius:5px;font-family:Courier New,monospace;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#00ff4133;box-shadow:0 0 15px #00ff414d}.category-info h3{color:#00ff41;font-size:24px;margin-bottom:5px;text-shadow:0 0 10px rgba(0,255,65,.5)}.category-info p{color:#8f8;font-size:16px}.professional-skills-content{max-width:1200px;margin:0 auto;padding:20px}.skills-overview{text-align:center;margin-bottom:40px;padding:20px;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:10px}.skills-intro{font-size:1.1rem;line-height:1.6;color:#ccc;margin:0}.professional-skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:30px;margin-bottom:40px}.skill-domain{background:#0006;border:1px solid #00ff00;border-radius:10px;padding:25px;transition:all .3s ease}.skill-domain:hover{background:#00ff000d;box-shadow:0 0 20px #0f03}.skill-domain h3{color:#0f0;font-size:1.3rem;margin-bottom:20px;text-align:center;border-bottom:2px solid rgba(0,255,0,.3);padding-bottom:10px}.skill-items{display:grid;grid-template-columns:1fr 1fr;gap:20px}.skill-group h4{color:#0f0;font-size:1rem;margin-bottom:12px;border-left:3px solid #00ff00;padding-left:10px}.skill-descriptions{display:flex;flex-direction:column;gap:12px}.skill-item-detailed{display:flex;gap:10px;align-items:flex-start;padding:10px;background:#00ff0008;border-left:2px solid rgba(0,255,0,.2);border-radius:4px;transition:all .3s ease}.skill-item-detailed:hover{background:#00ff0014;border-left-color:#0f0;transform:translate(5px)}.skill-bullet{color:#0f0;font-size:1.2rem;line-height:1.4;flex-shrink:0;margin-top:2px}.skill-content{flex:1;line-height:1.6}.skill-name{color:#0f0;font-weight:700;font-size:.95rem}.skill-description{color:#fff;font-size:.9rem;display:inline}.skill-group ul{list-style:none;padding:0;margin:0}.skill-group li{color:#ccc;border-bottom:1px solid rgba(0,255,0,.1);transition:color .3s ease;position:relative;padding:6px 0 6px 15px}.skill-group li:before{content:"▸";color:#0f0;position:absolute;left:0;top:6px}.skill-group li:hover{color:#0f0}.skill-group li:last-child{border-bottom:none}.certifications-section{background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:10px;padding:30px;text-align:center}.certifications-section h3{color:#0f0;font-size:1.4rem;margin-bottom:25px;text-align:center}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.cert-item{background:#0000004d;border:1px solid rgba(0,255,0,.3);border-radius:8px;padding:20px}.cert-item h4{color:#0f0;font-size:1.1rem;margin-bottom:15px;text-align:center}.cert-item ul{list-style:none;padding:0;margin:0}.cert-item li{color:#ccc;border-bottom:1px solid rgba(0,255,0,.1);position:relative;padding:8px 0 8px 20px}.cert-item li:before{content:"✓";color:#0f0;position:absolute;left:0;top:8px;font-weight:700}.cert-item li:last-child{border-bottom:none}@media (max-width: 768px){.professional-skills-grid,.skill-items,.certifications-grid{grid-template-columns:1fr}.skill-domain{padding:20px}.professional-skills-content{padding:15px}}@media (max-width: 480px){.skill-domain h3{font-size:1.1rem}.skill-group h4{font-size:.9rem}.skills-intro{font-size:1rem}}.skills-editor{background:#0000004d;border:1px solid rgba(0,255,0,.3);border-radius:10px;padding:20px;margin-bottom:20px}.editor-note{color:#ccc;font-style:italic;margin-bottom:20px;text-align:center}.skill-domain-editor{background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:8px;padding:15px;margin-bottom:15px}.skill-domain-editor h4{color:#0f0;margin-bottom:15px;border-bottom:1px solid rgba(0,255,0,.3);padding-bottom:5px}.skill-group-editor{margin-bottom:15px}.skill-group-editor label{color:#0f0;display:block;margin-bottom:5px;font-weight:700}.skill-group-editor textarea{width:100%;background:#0009;border:1px solid #00ff00;color:#ccc;padding:10px;border-radius:5px;font-family:Courier New,monospace;resize:vertical}.add-skill-domain{text-align:center;margin-top:20px}.add-btn{background:#00ff001a;border:2px solid #00ff00;color:#0f0;padding:10px 20px;border-radius:5px;cursor:pointer;font-family:Courier New,monospace;transition:all .3s ease}.add-btn:hover{background:#0f03;box-shadow:0 0 10px #00ff004d}.theme-customizer{display:grid;gap:25px}.color-section{background:#0000004d;border:1px solid rgba(0,255,0,.3);border-radius:10px;padding:20px}.color-section h4{color:#0f0;margin-bottom:15px;text-align:center}.color-inputs{display:grid;gap:15px}.color-input-group{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center}.color-input-group label{color:#ccc;font-size:.9rem}.color-input-group input[type=color]{width:50px;height:35px;border:1px solid #00ff00;border-radius:5px;background:transparent;cursor:pointer}.color-input-group input[type=text]{width:80px;background:#0009;border:1px solid #00ff00;color:#0f0;padding:8px;border-radius:5px;font-family:Courier New,monospace;text-align:center}.preview-section{background:#0000004d;border:1px solid rgba(0,255,0,.3);border-radius:10px;padding:20px}.preview-section h4{color:#0f0;margin-bottom:15px;text-align:center}.theme-preview{display:flex;justify-content:center}.preview-box{background:#0009;border:1px solid #00ff00;border-radius:8px;padding:20px;max-width:300px;text-align:center}.preview-box h5{color:#0f0;margin-bottom:10px}.preview-box p{color:#ccc;margin-bottom:15px}.preview-box button{background:#00ff001a;border:1px solid #00ff00;color:#0f0;padding:8px 16px;border-radius:5px;cursor:pointer;font-family:Courier New,monospace}.reset-btn{background:#ffa5001a;border:2px solid #ffa500;color:orange;padding:10px 20px;border-radius:5px;cursor:pointer;font-family:Courier New,monospace;transition:all .3s ease}.reset-btn:hover{background:#ffa50033;box-shadow:0 0 10px #ffa5004d}.form-section{background:#0000004d;border:1px solid rgba(0,255,0,.3);border-radius:10px;padding:20px;margin-bottom:20px}.form-section h4{color:#0f0;margin-bottom:15px;border-bottom:1px solid rgba(0,255,0,.3);padding-bottom:5px}@media (max-width: 768px){.color-input-group{grid-template-columns:1fr;gap:5px}.color-input-group input[type=color],.color-input-group input[type=text]{width:100%}.theme-customizer{gap:15px}.skill-domain-editor{padding:10px}}.about-content-enhanced{max-width:1200px;margin:0 auto;padding:20px}.profile-section{display:grid;grid-template-columns:auto 1fr;gap:40px;margin-bottom:40px;align-items:center}.profile-photo-container{text-align:center;perspective:1000px}.profile-photo-frame{position:relative;display:inline-block;margin-bottom:15px;transform-style:preserve-3d;transition:transform .6s ease}.profile-photo-frame:hover{transform:rotateY(5deg) rotateX(5deg)}.profile-photo{width:220px;height:220px;border-radius:50%;border:none;-o-object-fit:cover;object-fit:cover;position:relative;z-index:3;box-shadow:0 10px 40px #00ff0026;transition:all .4s ease}.profile-photo-frame:hover .profile-photo{transform:scale(1.05);box-shadow:0 15px 50px #00ff0040}.profile-photo-frame:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240px;height:240px;border-radius:50%;background:conic-gradient(from 0deg,#0f0,#0c0,#090,#0f0);z-index:1;animation:rotateBorder 4s linear infinite}.profile-photo-frame:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:228px;height:228px;border-radius:50%;background:#000;z-index:2}.photo-glow{position:absolute;top:50%;left:50%;width:280px;height:280px;transform:translate(-50%,-50%);pointer-events:none;z-index:0}.photo-glow:before,.photo-glow:after{content:"";position:absolute;width:8px;height:8px;background:#0f0;border-radius:50%;box-shadow:0 0 10px #0f0}.photo-glow:before{top:0;left:50%;animation:orbit1 6s linear infinite}.photo-glow:after{top:50%;right:0;animation:orbit2 8s linear infinite}@keyframes rotateBorder{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes orbit1{0%{transform:translate(-50%,-50%) rotate(0) translate(140px) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg) translate(140px) rotate(-360deg)}}@keyframes orbit2{0%{transform:translate(50%,-50%) rotate(0) translate(140px) rotate(0)}to{transform:translate(50%,-50%) rotate(-360deg) translate(140px) rotate(360deg)}}.profile-status{color:#0f0;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:8px}.status-indicator{width:10px;height:10px;background:#0f0;border-radius:50%;animation:statusBlink 2s ease-in-out infinite}.profile-info{color:#ccc}.name-title{margin-bottom:25px}.profile-name{color:#0f0;font-size:2.5rem;margin:0 0 5px;font-weight:700}.profile-title{color:#ccc;font-size:1.3rem;margin:0 0 5px}.profile-subtitle{color:#999;font-size:1rem;margin:0}.experience-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.experience-item{text-align:center;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:10px;padding:15px;transition:all .3s ease}.experience-item:hover{background:#00ff001a;box-shadow:0 0 15px #0f03}.experience-number{display:block;color:#0f0;font-size:2rem;font-weight:700;margin-bottom:5px}.experience-label{color:#ccc;font-size:.9rem}.about-details{display:grid;gap:30px}.about-section{background:#0000004d;border:1px solid rgba(0,255,0,.3);border-radius:10px;padding:25px}.about-section h4{color:#0f0;font-size:1.3rem;margin-bottom:20px;border-bottom:2px solid rgba(0,255,0,.3);padding-bottom:10px}.publications-list{display:grid;gap:20px}.publication-item{display:grid;grid-template-columns:auto 1fr;gap:20px;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:8px;padding:20px;transition:all .3s ease}.publication-item:hover{background:#00ff001a;box-shadow:0 0 15px #0f03}.publication-thumbnail{width:80px;height:80px}.pub-thumb{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:2px solid #00ff00}.publication-info h5{color:#0f0;font-size:1.1rem;margin-bottom:8px}.publication-info p{color:#ccc;margin-bottom:12px}.publication-link{color:#0f0;text-decoration:none;font-weight:700;transition:all .3s ease}.publication-link:hover{color:#fff;text-shadow:0 0 5px #00ff00}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.cert-item{background:#00000080;border:1px solid rgba(0,255,0,.25);border-radius:10px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.cert-item:hover{border-color:#00ff00b3;box-shadow:0 0 20px #0f03;transform:translateY(-3px)}.cert-item-image{position:relative;width:100%;height:160px;overflow:hidden;background:#0006;flex-shrink:0}.cert-item-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;display:block}.cert-item:hover .cert-item-image img{transform:scale(1.06)}.cert-item:hover .cert-zoom-overlay{opacity:1}.cert-info{padding:12px 14px}.cert-info h5{color:#0f0;font-size:.88rem;margin-bottom:5px;line-height:1.3}.cert-info p{color:#aaa;font-size:.78rem;margin:0 0 5px}.cert-icon{font-size:2rem;text-align:center}.expertise-areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.expertise-item{display:grid;grid-template-columns:auto 1fr;gap:15px;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:8px;padding:20px;align-items:center;transition:all .3s ease}.expertise-item:hover{background:#00ff001a;box-shadow:0 0 15px #0f03}.expertise-icon{font-size:2rem;text-align:center}.expertise-content h5{color:#0f0;font-size:1rem;margin-bottom:5px}.expertise-content p{color:#ccc;font-size:.9rem;margin:0}@keyframes statusBlink{0%,50%{opacity:1}51%,to{opacity:.3}}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{box-shadow:0 8px 32px #0f06}50%{box-shadow:0 8px 40px #00ff00b3}}@media (max-width: 768px){.profile-section{grid-template-columns:1fr;text-align:center;gap:20px}.profile-photo-container{margin:0 auto}.profile-photo{width:180px;height:180px}.profile-photo-frame:before{width:200px;height:200px}.profile-photo-frame:after{width:188px;height:188px}.photo-glow{width:240px;height:240px}.experience-summary{grid-template-columns:1fr;gap:15px}.certifications-grid,.expertise-areas{grid-template-columns:1fr}.publication-item{grid-template-columns:1fr;text-align:center}.profile-name{font-size:2rem}}@media (max-width: 480px){.about-content-enhanced{padding:15px}.about-section{padding:20px}.profile-photo{width:120px;height:120px}.profile-name{font-size:1.8rem}}.certificates-manager,.publications-manager{margin-bottom:30px}.manager-actions{margin-bottom:25px;text-align:center}.add-btn{background:linear-gradient(135deg,#0f0,#0c0);color:#000;border:none;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease}.add-btn:hover{background:linear-gradient(135deg,#0c0,#090);box-shadow:0 0 15px #0f06}.certificates-list,.publications-list{display:grid;gap:25px}.certificate-editor,.publication-editor{background:#0006;border:2px solid rgba(0,255,0,.3);border-radius:12px;padding:25px 30px;transition:all .3s ease;width:100%}.certificate-editor:hover,.publication-editor:hover{border-color:#0f09;box-shadow:0 0 20px #0f03}.cert-form-grid,.pub-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.cert-image-upload,.pub-thumbnail-upload{margin:20px 0;padding:20px;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:8px}.upload-btn{background:#0f03;color:#0f0;border:2px solid #00ff00;padding:10px 20px;border-radius:6px;cursor:pointer;transition:all .3s ease;margin-bottom:15px}.upload-btn:hover{background:#00ff004d;box-shadow:0 0 10px #00ff004d}.image-preview{margin-top:15px;display:flex;flex-direction:column;align-items:flex-start}.image-preview img{max-width:320px;max-height:220px;border-radius:8px;border:2px solid #00ff00;-o-object-fit:contain;object-fit:contain;background:#0000004d;box-shadow:0 0 12px #0f03}.cert-actions,.pub-actions{text-align:right;margin-top:20px}.delete-btn{background:linear-gradient(135deg,#f44,#c00);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;transition:all .3s ease}.delete-btn:hover{background:linear-gradient(135deg,#c00,#900);box-shadow:0 0 15px #f446}.cert-date{color:#999;font-size:.9rem;display:block;margin-top:5px}.settings-sections,.backup-sections{display:grid;gap:30px}.settings-section,.backup-section{background:#0000004d;border:1px solid rgba(0,255,0,.3);border-radius:10px;padding:25px}.settings-section h4,.backup-section h4{color:#0f0;margin-bottom:20px;border-bottom:2px solid rgba(0,255,0,.3);padding-bottom:10px}.export-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:20px}.export-btn,.import-btn{background:#0f03;color:#0f0;border:2px solid #00ff00;padding:15px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:center}.export-btn:hover,.import-btn:hover{background:#00ff004d;box-shadow:0 0 15px #00ff004d}.backup-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.project-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:20px}.gallery-image{width:100%;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:2px solid #00ff00;transition:all .3s ease}.gallery-image:hover{box-shadow:0 0 15px #0f06;transform:scale(1.05)}.project-video-section{margin:20px 0;padding:20px;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:8px}.video-toggle{display:flex;align-items:center;gap:10px;margin-bottom:15px}.video-toggle input[type=checkbox]{width:20px;height:20px;accent-color:#00ff00}.video-controls{display:grid;gap:15px}.form-group.full-width{grid-column:1 / -1}.form-group label{display:block;color:#0f0;font-weight:700;margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{width:100%;background:#0009;border:2px solid rgba(0,255,0,.3);border-radius:6px;padding:12px;color:#ccc;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#0f0;box-shadow:0 0 10px #00ff004d;outline:none}@media (max-width: 768px){.cert-form-grid,.pub-form-grid,.export-options,.backup-settings{grid-template-columns:1fr}.project-gallery{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.gallery-image{height:100px}}@media (max-width: 480px){.certificate-editor,.publication-editor,.settings-section,.backup-section{padding:20px}.image-preview img{max-width:150px;max-height:100px}}.project-title-section{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:10px}.admin-project-actions{display:flex;gap:10px}.edit-btn-inline,.delete-btn-inline{padding:8px 16px;border:2px solid var(--primary-color);background:transparent;color:var(--primary-color);border-radius:5px;cursor:pointer;font-family:Courier New,monospace;font-size:14px;transition:all .3s ease}.edit-btn-inline:hover{background:var(--primary-color);color:var(--background-color)}.delete-btn-inline{border-color:#f44;color:#f44}.delete-btn-inline:hover{background:#f44;color:var(--background-color)}@media (max-width: 768px){.project-title-section{flex-direction:column;align-items:flex-start;gap:15px}.admin-project-actions{width:100%;justify-content:flex-start}}.thumbnail-preview{margin-top:10px}.thumbnail-preview img{border:2px solid var(--primary-color);border-radius:5px}.gallery-preview{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;padding:10px;border:1px solid var(--primary-color);border-radius:5px;background:#00ff000d}.gallery-item{position:relative;display:inline-block}.gallery-item img{border:2px solid var(--primary-color);border-radius:3px}.remove-image-btn{position:absolute;top:-5px;right:-5px;width:20px;height:20px;border-radius:50%;background:#f44;color:#fff;border:none;cursor:pointer;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.remove-image-btn:hover{background:#c00}input[type=file]{padding:8px;border:2px solid var(--primary-color);background:transparent;color:var(--primary-color);border-radius:5px;font-family:Courier New,monospace;width:100%}input[type=file]:focus{outline:none;box-shadow:0 0 10px #00ff004d}select{padding:8px;border:2px solid var(--primary-color);background:var(--background-color);color:var(--primary-color);border-radius:5px;font-family:Courier New,monospace;width:100%}select:focus{outline:none;box-shadow:0 0 10px #00ff004d}select option{background:var(--background-color);color:var(--primary-color)}.project-gallery{margin-top:30px;display:flex;justify-content:center}.project-gallery h3{color:var(--primary-color);margin-bottom:20px;font-family:Courier New,monospace}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px}.gallery-image{position:relative;overflow:hidden;border-radius:8px;border:2px solid var(--primary-color);cursor:pointer;transition:all .3s ease}.gallery-image:hover{transform:scale(1.05);box-shadow:0 0 20px #00ff004d}.gallery-image img{width:100%;height:150px;-o-object-fit:cover;object-fit:cover;display:block}.gallery-grid-400{display:grid;grid-template-columns:400px 400px;gap:70px;margin-top:15px;justify-content:center}.gallery-image-400{position:relative;overflow:hidden;border:2px solid var(--primary-color);cursor:pointer;transition:all .3s ease;width:400px;height:400px;border-radius:15px}.gallery-image-400:hover{transform:scale(1.02);box-shadow:0 0 20px #00ff004d;z-index:10}.gallery-image-400 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.modal-content{position:relative;max-width:90%;max-height:90%}.close-modal{position:absolute;top:20px;right:30px;color:#fff;font-size:40px;cursor:pointer;z-index:1001}.close-modal:hover{color:var(--primary-color)}@media (max-width: 768px){.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.gallery-image img{height:120px}.gallery-grid-400{grid-template-columns:1fr;gap:10px;justify-content:center}.gallery-image-400{width:100%;height:300px;max-width:400px;margin:0 auto}}@media (max-width: 480px){.gallery-image-400{height:250px}}.profile-photo-upload{display:flex;flex-direction:column;gap:15px;padding:20px;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:8px}.upload-btn{background:#0f03;color:#0f0;border:2px solid #00ff00;padding:12px 20px;border-radius:5px;cursor:pointer;font-family:Courier New,monospace;font-weight:700;transition:all .3s ease;align-self:flex-start}.upload-btn:hover{background:#00ff004d;transform:translateY(-2px);box-shadow:0 5px 15px #0f03}.photo-preview{width:120px;height:120px;border-radius:50%;border:3px solid #00ff00;-o-object-fit:cover;object-fit:cover;display:block;box-shadow:0 0 15px #00ff004d}.current-profile-preview{display:flex;align-items:center;gap:20px}.current-profile-preview img{width:80px;height:80px;border-radius:50%;border:2px solid #00ff00;-o-object-fit:cover;object-fit:cover}.current-profile-preview p{color:#ccc;font-size:14px;margin:0}.crop-info{margin-top:10px;padding:10px;background:#00ff001a;border:1px solid rgba(0,255,0,.2);border-radius:5px}.crop-info small{color:#ccc;font-size:12px;line-height:1.4}.crop-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000}.crop-modal-content{background:#000000f2;border:2px solid #00ff00;border-radius:15px;padding:30px;max-width:600px;width:90%;text-align:center}.crop-header h3{color:#0f0;margin-bottom:10px;font-size:24px;text-shadow:0 0 10px #00ff00}.crop-header p{color:#ccc;margin-bottom:30px;font-size:16px}.crop-container{display:flex;flex-direction:column;align-items:center;gap:30px}.crop-preview{position:relative;width:300px;height:300px;border:2px solid #00ff00;border-radius:50%;overflow:hidden;background:#00ff001a;cursor:move}.crop-image-container{position:absolute;top:0;left:0;width:100%;height:100%}.crop-image{-o-object-fit:none;object-fit:none;cursor:grab;transition:transform .1s ease}.crop-image:active{cursor:grabbing}.crop-frame{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid #00ff00;border-radius:50%;box-shadow:0 0 0 1000px #00000080,inset 0 0 20px #00ff004d;pointer-events:none}.crop-controls{display:flex;flex-direction:column;align-items:center;gap:20px}.crop-buttons{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;width:200px}.crop-btn{background:#0f03;color:#0f0;border:2px solid #00ff00;padding:10px 15px;border-radius:5px;cursor:pointer;font-family:Courier New,monospace;font-weight:700;transition:all .3s ease;font-size:14px}.crop-btn:hover{background:#00ff004d;transform:translateY(-2px);box-shadow:0 5px 15px #0f03}.crop-actions{display:flex;gap:20px;justify-content:center;margin-top:30px}.crop-actions .save-btn{background:linear-gradient(135deg,#0f0,#0c0);color:#000;border:none;padding:15px 25px;border-radius:25px;font-weight:700;font-family:Courier New,monospace;cursor:pointer;transition:all .3s ease;font-size:16px}.crop-actions .save-btn:hover{background:linear-gradient(135deg,#0c0,#090);transform:translateY(-2px);box-shadow:0 5px 15px #00ff004d}.crop-actions .cancel-btn{background:#f003;color:#f44;border:2px solid #ff4444;padding:15px 25px;border-radius:25px;font-weight:700;font-family:Courier New,monospace;cursor:pointer;transition:all .3s ease;font-size:16px}.crop-actions .cancel-btn:hover{background:#ff00004d;transform:translateY(-2px)}@media (max-width: 768px){.crop-modal-content{padding:20px;width:95%}.crop-preview{width:250px;height:250px}.crop-image{width:350px;height:350px}.crop-buttons{width:180px}.crop-btn{padding:8px 12px;font-size:12px}}@media (max-width: 480px){.crop-preview{width:200px;height:200px}.crop-image{width:300px;height:300px}.crop-actions{flex-direction:column;align-items:center}.crop-actions .save-btn,.crop-actions .cancel-btn{width:200px}}.crop-preview-simple{position:relative;width:300px;height:300px;border:3px solid #00ff00;border-radius:50%;overflow:hidden;background:#00ff001a;margin:0 auto}.crop-image-simple{width:400px;height:400px;-o-object-fit:cover;object-fit:cover;cursor:move;transition:transform .1s ease}.crop-frame-simple{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid #00ff00;border-radius:50%;box-shadow:0 0 0 1000px #00000080,inset 0 0 20px #00ff004d;pointer-events:none}.project-main-image{width:400px;height:400px;border-radius:12px;overflow:hidden;border:2px solid #00ff00;box-shadow:0 4px 15px #0f03;flex-shrink:0}.project-detail-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;transition:transform .3s ease;background:#0000000d}.project-detail-image:hover{transform:scale(1.02)}.project-info-container{flex:1;display:flex;flex-direction:column;gap:20px;min-height:400px;justify-content:flex-start}.project-description{color:#0f0;line-height:1.6;font-size:16px;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}@media (max-width: 768px){.project-detail-content{flex-direction:column;align-items:center}.project-main-image{width:100%;max-width:350px;height:350px}.project-info-container{min-height:auto;width:100%}.project-detail-image{-o-object-fit:contain;object-fit:contain}}@media (max-width: 480px){.project-main-image{max-width:300px;height:300px}.project-description{font-size:14px}}.analytics-dashboard{padding:20px 0}.analytics-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#00ff001a;border:2px solid #00ff00;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;transition:all .3s ease}.stat-card:hover{background:#00ff0026;box-shadow:0 4px 15px #00ff004d;transform:translateY(-2px)}.stat-icon{font-size:2.5rem;opacity:.8}.stat-info{flex:1}.stat-number{font-size:2rem;font-weight:700;color:#0f0;display:block;line-height:1}.stat-label{font-size:.9rem;color:#888;text-transform:uppercase;letter-spacing:1px;margin-top:5px}.analytics-sections{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.analytics-section{background:#0000004d;border:1px solid #333;border-radius:12px;padding:20px}.analytics-section h4{color:#0f0;margin-bottom:15px;font-size:1.2rem;display:flex;align-items:center;gap:8px}.countries-list{max-height:300px;overflow-y:auto}.country-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #333}.country-item:last-child{border-bottom:none}.country-name{color:#fff;font-weight:500}.country-count{color:#0f0;font-size:.9rem}.recent-visitors{max-height:300px;overflow-y:auto}.visitor-item{padding:12px 0;border-bottom:1px solid #333}.visitor-item:last-child{border-bottom:none}.visitor-info{display:flex;flex-direction:column;gap:5px}.visitor-location{color:#fff;font-weight:500}.visitor-city{color:#aaa}.visitor-details{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.visitor-ip{color:#0f0;font-family:monospace}.visitor-time{color:#888}.visitor-stats{font-size:.8rem;color:#aaa}.visit-count{background:#00ff001a;padding:2px 8px;border-radius:4px;border:1px solid #00ff00}.no-data{color:#666;text-align:center;padding:20px;font-style:italic}.analytics-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.export-btn,.clear-btn{padding:12px 24px;border:2px solid #00ff00;background:#00ff001a;color:#0f0;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px}.export-btn:hover{background:#0f03;box-shadow:0 4px 15px #00ff004d;transform:translateY(-2px)}.clear-btn{border-color:#f44;color:#f44;background:#ff44441a}.clear-btn:hover{background:#f443;box-shadow:0 4px 15px #ff44444d;transform:translateY(-2px)}@media (max-width: 768px){.analytics-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.stat-card{padding:15px;gap:10px}.stat-icon{font-size:2rem}.stat-number{font-size:1.5rem}.analytics-sections{grid-template-columns:1fr;gap:20px}.analytics-actions{flex-direction:column;align-items:center}.export-btn,.clear-btn{width:100%;max-width:300px;justify-content:center}}@media (max-width: 480px){.analytics-stats{grid-template-columns:1fr}.visitor-details{flex-direction:column;align-items:flex-start;gap:3px}}.education-list{margin:20px 0}.education-item{background:#00ff000d;border:1px solid rgba(0,255,0,.3);border-radius:8px;padding:20px;margin-bottom:15px;transition:all .3s ease}.education-item:hover{background:#00ff001a;border-color:#00ff0080;box-shadow:0 0 10px #0f03}.education-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.education-header h5{color:#0f0;font-size:1.2em;margin:0}.education-year{background:#0f03;color:#0f0;padding:4px 12px;border-radius:15px;font-size:.9em;font-weight:700}.education-institution{color:#0f0c;font-weight:700;margin:5px 0}.education-description{color:#00ff00b3;line-height:1.5;margin-top:10px}.professional-summary{margin-top:25px;padding:20px;background:#00ff000d;border-left:4px solid #00ff00;border-radius:0 8px 8px 0}.professional-summary p{color:#00ff00e6;line-height:1.6;font-style:italic}.education-editor{margin:30px 0;padding:20px;background:#00ff000d;border:1px solid rgba(0,255,0,.3);border-radius:8px}.education-editor h4{color:#0f0;margin-bottom:20px;text-align:center}.education-form-item{background:#0000004d;border:1px solid rgba(0,255,0,.2);border-radius:8px;padding:20px;margin-bottom:20px}.education-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(0,255,0,.2)}.education-form-header h5{color:#0f0;margin:0}.education-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.education-form-grid .full-width{grid-column:1 / -1}@media (max-width: 768px){.education-form-grid{grid-template-columns:1fr}.education-header{flex-direction:column;align-items:flex-start;gap:10px}}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.popup-content{background:linear-gradient(135deg,#e74c3c,#c0392b);padding:40px 50px;border-radius:15px;text-align:center;color:#fff;position:relative;box-shadow:0 20px 40px #0000004d;max-width:450px;width:90%;animation:popupSlideIn .3s ease-out}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.close-btn{position:absolute;top:15px;right:20px;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn:hover{background:#fff3;transform:scale(1.1)}.popup-icon{font-size:60px;margin-bottom:20px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.popup-content h2{font-size:28px;font-weight:700;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.3);color:#fff}.popup-content p{font-size:18px;margin:0;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.3)}.popup-content .highlight{color:#f1c40f;font-weight:700;text-shadow:0 0 10px rgba(241,196,15,.5)}@media (max-width: 768px){.popup-content{padding:30px 25px;margin:20px}.popup-icon{font-size:50px;margin-bottom:15px}.popup-content h2{font-size:24px;margin-bottom:12px}.popup-content p{font-size:16px}}.categories-manager{background-color:#000c;border:2px solid #00ff00;border-radius:10px;padding:20px;margin-bottom:20px}.categories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(0,255,0,.3)}.categories-header h4{color:#0f0;margin:0;font-size:1.2rem;text-shadow:0 0 5px rgba(0,255,0,.5)}.add-category-btn{background:linear-gradient(135deg,#0f0,#0c0);color:#000;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-weight:700;font-family:Courier New,monospace;transition:all .3s ease}.add-category-btn:hover{background:linear-gradient(135deg,#0c0,#090);box-shadow:0 0 10px #00ff0080;transform:translateY(-2px)}.categories-list{display:flex;flex-direction:column;gap:15px}.category-item{background:#001e0066;border:1px solid rgba(0,255,0,.3);border-radius:8px;padding:15px;display:flex;justify-content:space-between;align-items:flex-start;transition:all .3s ease}.category-item:hover{border-color:#0f0;box-shadow:0 0 15px #0f03;transform:translateY(-2px)}.category-info{display:flex;align-items:flex-start;gap:15px;flex:1}.category-icon{font-size:1.5rem;filter:drop-shadow(0 0 5px rgba(0,255,0,.5))}.category-details{display:flex;flex-direction:column;gap:5px}.category-name{color:#0f0;font-weight:700;font-size:1.1rem;text-shadow:0 0 3px rgba(0,255,0,.5)}.category-id{color:#fff9;font-size:.9rem;font-family:Courier New,monospace}.category-description{color:#fffc;font-size:.95rem;line-height:1.4;margin-top:5px}.category-count{color:#0f0;font-size:.85rem;font-weight:700;margin-top:5px}.category-actions{display:flex;gap:10px;align-items:flex-start}.category-actions .edit-btn{background-color:#007bff;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.category-actions .edit-btn:hover{background-color:#0056b3;transform:translateY(-1px)}.category-actions .delete-btn{background-color:#dc3545;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.category-actions .delete-btn:hover{background-color:#c82333;transform:translateY(-1px)}.form-group small{display:block;color:#fff9;font-size:.8rem;margin-top:5px;font-style:italic}.form-group input:disabled{background-color:#00000080;color:#ffffff80;cursor:not-allowed}@media (max-width: 768px){.categories-header{flex-direction:column;gap:15px;align-items:stretch}.category-item{flex-direction:column;gap:15px}.category-info{flex-direction:column;gap:10px}.category-actions{justify-content:flex-end}.add-category-btn{width:100%;text-align:center}}.youtube-section{display:flex;flex-direction:column;gap:28px}.youtube-channel-card{background:linear-gradient(135deg,#ff00001f,#0009);border:2px solid rgba(255,60,60,.5);border-radius:14px;padding:28px 32px;box-shadow:0 0 24px #ff000026}.youtube-channel-header{display:flex;align-items:center;gap:24px}.youtube-logo{width:70px;height:70px;background:red;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;flex-shrink:0;box-shadow:0 0 20px #f006}.youtube-channel-info h3{color:#fff;font-size:1.4rem;margin-bottom:6px}.youtube-channel-info p{color:#aaa;font-size:.9rem;margin-bottom:14px}.youtube-subscribe-btn{display:inline-block;background:red;color:#fff;padding:10px 24px;border-radius:6px;text-decoration:none;font-weight:700;font-size:.9rem;transition:all .3s ease;font-family:Courier New,monospace}.youtube-subscribe-btn:hover{background:#c00;box-shadow:0 0 16px #ff000080;transform:translateY(-2px)}.youtube-videos-header{text-align:center}.youtube-videos-header h3{color:#0f0;font-size:1.2rem;margin-bottom:6px}.youtube-videos-header p{color:#aaa;font-size:.85rem}.youtube-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.youtube-video-card{background:#00000080;border:1px solid rgba(255,60,60,.3);border-radius:12px;overflow:hidden;transition:all .3s ease}.youtube-video-card:hover{border-color:#ff3c3cb3;box-shadow:0 0 20px #f003;transform:translateY(-3px)}.youtube-embed-wrapper{position:relative;width:100%;padding-top:56.25%}.youtube-embed-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.youtube-video-info{padding:14px 16px}.youtube-video-info h4{color:#0f0;font-size:.95rem;margin-bottom:6px}.youtube-video-info p{color:#aaa;font-size:.8rem;line-height:1.5}.youtube-cta{text-align:center;padding:28px;background:#ff00000d;border:1px solid rgba(255,60,60,.2);border-radius:12px}.youtube-cta p{color:#aaa;margin-bottom:14px;font-size:.95rem}.youtube-channel-link{display:inline-block;background:linear-gradient(135deg,red,#c00);color:#fff;padding:12px 32px;border-radius:8px;text-decoration:none;font-weight:700;font-size:1rem;font-family:Courier New,monospace;transition:all .3s ease}.youtube-channel-link:hover{transform:translateY(-3px);box-shadow:0 6px 20px #f006}@media (max-width: 768px){.youtube-grid{grid-template-columns:1fr}.youtube-channel-header{flex-direction:column;text-align:center}}.home-youtube-section{margin-top:24px;background:linear-gradient(135deg,#ff000014,#0006);border:1px solid rgba(255,60,60,.35);border-radius:12px;padding:20px 24px}.home-youtube-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:12px}.home-youtube-title{display:flex;align-items:center;gap:14px}.yt-icon{width:44px;height:44px;background:red;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff;flex-shrink:0;box-shadow:0 0 14px #f006}.home-youtube-title h3{color:#fff;font-size:1rem;margin-bottom:3px}.home-youtube-title p{color:#aaa;font-size:.78rem;margin:0}.home-yt-visit-btn{background:red;color:#fff;padding:8px 18px;border-radius:6px;text-decoration:none;font-size:.82rem;font-weight:700;font-family:Courier New,monospace;white-space:nowrap;transition:all .3s ease}.home-yt-visit-btn:hover{background:#c00;box-shadow:0 0 12px #f006;transform:translateY(-2px)}.home-youtube-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.home-yt-card{background:#0006;border:1px solid rgba(255,60,60,.25);border-radius:8px;overflow:hidden;transition:all .3s ease}.home-yt-card:hover{border-color:#ff3c3c99;box-shadow:0 0 14px #f003;transform:translateY(-2px)}.home-yt-embed{position:relative;width:100%;padding-top:56.25%}.home-yt-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}.home-yt-label{padding:8px 10px;color:#ccc;font-size:.78rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.home-youtube-grid{grid-template-columns:1fr}.home-youtube-header{flex-direction:column;align-items:flex-start}}.upwork-card{margin-top:24px;background:linear-gradient(135deg,#14a34a1a,#0009);border:2px solid rgba(20,163,74,.5);border-radius:14px;padding:22px 26px;box-shadow:0 0 24px #14a34a1f;transition:all .3s ease}.upwork-card:hover{border-color:#14a34acc;box-shadow:0 0 30px #14a34a38}.upwork-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:14px}.upwork-badge{display:flex;align-items:flex-start;gap:14px}.upwork-logo{width:52px;height:52px;background:#14a34a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;color:#fff;flex-shrink:0;box-shadow:0 0 16px #14a34a66}.upwork-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:3px}.upwork-name-row h3{color:#fff;font-size:1.1rem;margin:0}.upwork-verified{color:#4fc3f7;font-size:.9rem}.upwork-badge-pill{background:#ffb40026;border:1px solid rgba(255,180,0,.5);color:#ffb400;font-size:.72rem;padding:2px 8px;border-radius:20px;font-weight:700}.upwork-location{color:#888;font-size:.78rem;margin:0 0 3px}.upwork-title-text{color:#aaa;font-size:.82rem;margin:0}.upwork-job-success{display:flex;align-items:center;gap:8px;background:#14a34a1f;border:1px solid rgba(20,163,74,.4);border-radius:8px;padding:8px 14px;color:#14a34a;font-weight:700;font-size:.85rem;white-space:nowrap}.upwork-success-icon{font-size:1rem}.upwork-stats-row{display:flex;align-items:center;gap:0;background:#0000004d;border:1px solid rgba(20,163,74,.2);border-radius:10px;overflow:hidden;margin-bottom:16px}.upwork-stat{flex:1;text-align:center;padding:14px 10px}.upwork-stat-divider{width:1px;height:40px;background:#14a34a40;flex-shrink:0}.upwork-stat-value{display:block;color:#14a34a;font-weight:700;font-size:1.1rem;margin-bottom:3px}.upwork-stat-label{display:block;color:#888;font-size:.72rem;text-transform:uppercase;letter-spacing:.5px}.upwork-bio{color:#ccc;font-size:.85rem;line-height:1.6;margin-bottom:16px}.upwork-hire-btn{display:inline-block;background:linear-gradient(135deg,#14a34a,#0d7a36);color:#fff;padding:10px 24px;border-radius:8px;text-decoration:none;font-weight:700;font-size:.9rem;font-family:Courier New,monospace;transition:all .3s ease}.upwork-hire-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #14a34a66}.cert-thumb{width:70px;height:70px;flex-shrink:0;border-radius:8px;overflow:hidden;border:2px solid rgba(0,255,0,.4)}.cert-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.youtube-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.video-editor-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px;padding:10px;background:#0003;border-radius:6px;border:1px solid rgba(0,255,0,.1)}@media (max-width: 768px){.youtube-admin-grid,.video-editor-row{grid-template-columns:1fr}.upwork-card-header{flex-direction:column}.upwork-stats{width:100%;justify-content:flex-start}}.cert-section-subtitle{color:#888;font-size:.85rem;margin-bottom:24px;text-align:center}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.certificate-card{background:#00000080;border:1px solid rgba(0,255,0,.25);border-radius:12px;overflow:hidden;transition:all .3s ease}.certificate-card:hover{border-color:#00ff00b3;box-shadow:0 0 24px #0f03;transform:translateY(-4px)}.cert-card-image{position:relative;width:100%;height:220px;overflow:hidden;background:#0006}.cert-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;display:block}.certificate-card:hover .cert-card-image img{transform:scale(1.05)}.cert-zoom-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.certificate-card:hover .cert-zoom-overlay{opacity:1}.cert-zoom-overlay span{color:#0f0;font-size:.9rem;font-weight:700;background:#0009;padding:8px 16px;border-radius:20px;border:1px solid #00ff00}.cert-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;background:#00ff000d}.cert-card-body{padding:16px 18px}.cert-card-body h3{color:#0f0;font-size:.95rem;margin-bottom:8px;line-height:1.3}.cert-card-body .cert-issuer{color:#aaa;font-size:.82rem;margin-bottom:4px}.cert-card-body .cert-date{color:#888;font-size:.78rem;margin-bottom:8px}.cert-card-body .cert-description{color:#ccc;font-size:.8rem;line-height:1.5;margin:0}.cert-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.cert-lightbox-content{position:relative;max-width:900px;width:100%;background:#000000e6;border:2px solid rgba(0,255,0,.4);border-radius:14px;padding:20px;box-shadow:0 0 60px #00ff0026;display:flex;flex-direction:column;align-items:center}.cert-lightbox-close{position:absolute;top:12px;right:14px;background:#f003;border:1px solid rgba(255,0,0,.5);color:#f44;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.cert-lightbox-close:hover{background:#f006;transform:scale(1.1)}.cert-lightbox-title{color:#0f0;font-size:1rem;margin-bottom:16px;text-align:center;padding-right:30px}.cert-lightbox-img{max-width:100%;max-height:75vh;-o-object-fit:contain;object-fit:contain;border-radius:8px;border:1px solid rgba(0,255,0,.2);box-shadow:0 0 30px #00ff001a}@media (max-width: 768px){.certificates-grid{grid-template-columns:1fr}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.uppercase{text-transform:uppercase}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}html,body,#root{height:100%}body{margin:0;direction:ltr}