:root{--primary-color: #251198;--secondary-color: #00bfff;--accent-color: #ffd700;--text-primary: #1a1a1a;--text-secondary: #333333;--text-muted: #666666;--bg-primary: #ffffff;--bg-secondary: #f2f2f2;--bg-tertiary: #e6e6e6;--border-color: #dcdcdc;--shadow-light: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.1);--shadow-medium: 0 4px 6px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.06);--shadow-heavy: 0 10px 25px rgba(0,0,0,.15), 0 4px 10px rgba(0,0,0,.1);--success-color: #48bb78;--error-color: #e53e3e;--warning-color: #ffa500;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}.dark{--primary-color: #ffd700;--secondary-color: #00bfff;--accent-color: #251198;--text-primary: #f5f5f5;--text-secondary: #dcdcdc;--text-muted: #999999;--bg-primary: #000000;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--border-color: #333333;--shadow-light: 0 1px 3px rgba(255,255,255,.1), 0 1px 2px rgba(255,255,255,.05);--shadow-medium: 0 4px 6px rgba(0,0,0,.4), 0 1px 3px rgba(0,0,0,.3);--shadow-heavy: 0 10px 25px rgba(0,0,0,.6), 0 4px 10px rgba(0,0,0,.5)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;transition:background-color var(--transition-normal),color var(--transition-normal)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:80px}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}section{padding:var(--spacing-2xl) 0}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;color:var(--primary-color)}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:var(--spacing-2xl);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-md);line-height:1.2}p{margin-bottom:var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:var(--shadow-medium)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-heavy)}.btn-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.btn-danger{background:var(--error-color);color:#fff}.btn-danger:hover{background:#c53030}.btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem}.navbar{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000;transition:all var(--transition-normal)}.dark .navbar{background:#1a202cf2}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);max-width:1200px;margin:0 auto}.nav-logo{text-decoration:none;color:var(--text-primary)}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-link{text-decoration:none;color:var(--text-secondary);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-normal);position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));transition:all var(--transition-normal);transform:translate(-50%)}.nav-link:hover:after{width:80%}.nav-link:hover{color:var(--primary-color)}.admin-link{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff!important;border-radius:var(--radius-md)}.nav-controls{display:flex;align-items:center;gap:var(--spacing-md)}.theme-toggle{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:transform var(--transition-normal)}.theme-toggle:hover{transform:scale(1.1)}.logout-btn{background:var(--error-color);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;transition:all var(--transition-normal)}.logout-btn:hover{background:#c53030}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:4px}.hamburger span{width:25px;height:3px;background:var(--text-primary);border-radius:2px;transition:all var(--transition-normal)}.home-section{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);position:relative;overflow:hidden}.home-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%);pointer-events:none}.hero-container{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl);align-items:center;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);text-align:center}.hero-content{z-index:2}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:var(--spacing-lg);line-height:1.1}.typing-text{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cursor{animation:blink 1s infinite;color:var(--primary-color)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-subtitle{font-size:1.5rem;color:#fff;margin-bottom:var(--spacing-md);font-weight:600}.hero-description{font-size:1.125rem;color:var(--text-muted);margin-bottom:var(--spacing-2xl);line-height:1.8;max-width:800px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center}.projects-section{background-color:var(--bg-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl)}.project-card{background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-medium);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-heavy)}.project-image{position:relative;height:200px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:var(--spacing-md)}.project-link{color:#fff;background:var(--primary-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);text-decoration:none;font-weight:600;transition:background var(--transition-normal)}.project-link:hover{background:var(--secondary-color)}.project-content{padding:var(--spacing-lg)}.project-title{font-size:1.25rem;margin-bottom:var(--spacing-sm);color:var(--primary-color)}.project-description{color:var(--text-muted);margin-bottom:var(--spacing-md)}.project-tech{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tech-tag{background:var(--bg-tertiary);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.project-date{background:var(--primary-color);color:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.certifications-section{background-color:var(--bg-secondary)}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl)}.certification-card{background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-medium);transition:transform var(--transition-normal)}.certification-card:hover{transform:translateY(-5px)}.cert-image{height:200px;overflow:hidden}.cert-image img{width:100%;height:100%;object-fit:cover}.cert-content{padding:var(--spacing-lg)}.cert-title{font-size:1.25rem;margin-bottom:var(--spacing-sm);color:var(--primary-color)}.cert-date{color:var(--text-muted);margin-bottom:var(--spacing-md)}.verify-btn{display:inline-block;background:var(--primary-color);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);text-decoration:none;font-weight:600;transition:background var(--transition-normal)}.verify-btn:hover{background:var(--secondary-color)}.gallery-section{background-color:var(--bg-secondary)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.gallery-item{position:relative;border-radius:var(--radius-md);overflow:hidden;height:250px}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.gallery-item:hover img{transform:scale(1.05)}.gallery-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-md);background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;transform:translateY(100%);transition:transform var(--transition-normal)}.gallery-overlay h3{color:var(--primary-color)}.gallery-item:hover .gallery-overlay{transform:translateY(0)}.resume-section{background-color:var(--bg-secondary)}.resume-container{display:grid;gap:var(--spacing-xl)}.resume-actions{display:flex;gap:var(--spacing-lg);justify-content:center}.resume-iframe{width:100%;height:800px;border:1px solid var(--border-color);border-radius:var(--radius-md)}.contact-section{background-color:var(--bg-secondary)}.contact-container{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl);max-width:800px;margin:0 auto}@media (min-width: 768px){.contact-container{grid-template-columns:1fr 1fr}}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-info h3,.contact-info p{color:var(--text-secondary)}.contact-form{display:grid;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group input,.form-group textarea{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-primary);transition:border-color var(--transition-normal)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-group textarea{resize:vertical;min-height:120px}.form-status{padding:var(--spacing-sm);border-radius:var(--radius-sm);text-align:center}.form-status.success{background-color:#48bb7833;color:var(--success-color)}.form-status.error{background-color:#e53e3e33;color:var(--error-color)}.login-section{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary)}.login-container{background:var(--bg-primary);padding:var(--spacing-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-heavy);max-width:400px;width:100%}.login-form{display:grid;gap:var(--spacing-lg)}.error{color:var(--error-color);text-align:center;margin-top:var(--spacing-sm)}.admin-section{min-height:100vh;background-color:var(--bg-secondary);padding:var(--spacing-2xl) 0;font-family:var(--font-primary);color:var(--text-primary)}.admin-tabs{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.tab-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-weight:600;white-space:nowrap;transition:background var(--transition-normal),color var(--transition-fast),transform var(--transition-fast);color:var(--text-secondary)}.tab-btn:hover{background:var(--primary-color);color:#fff}.tab-btn.active{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-light)}.admin-content{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-medium);transition:box-shadow var(--transition-normal)}.admin-form{display:grid;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.admin-list{display:grid;gap:var(--spacing-lg)}.admin-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);transition:transform var(--transition-normal),box-shadow var(--transition-fast);box-shadow:var(--shadow-light)}.admin-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.item-info{flex:1}.item-actions{display:flex;gap:var(--spacing-sm)}.gallery-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.gallery-admin-item{display:grid;gap:var(--spacing-sm)}.gallery-admin-item img{width:100%;height:150px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-color)}.cert-preview{width:100%;max-height:100px;object-fit:contain;border-radius:var(--radius-sm);margin-top:var(--spacing-sm);border:1px solid var(--border-color)}.tech-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.toast{position:fixed;top:20px;right:20px;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);color:#fff;font-weight:600;box-shadow:var(--shadow-heavy);z-index:1100;animation:slideIn .3s ease,fadeOut .5s ease 2.5s forwards;min-width:200px;max-width:300px;text-align:center}.toast.success{background:var(--success-color)}.toast.error{background:var(--error-color)}.form-group select{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-primary);font-size:1rem;color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-light);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);appearance:none;cursor:pointer}.form-group select{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%227%22%20viewBox%3D%220%200%2010%207%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%200l5%207%205-7z%22%20fill%3D%22%23333%22/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right var(--spacing-md) center;background-size:10px 7px}.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #25119833}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width: 768px){.nav-menu{position:fixed;top:80px;left:0;right:0;background:var(--bg-primary);flex-direction:column;padding:var(--spacing-lg);gap:var(--spacing-md);box-shadow:var(--shadow-medium);transform:translateY(-150%);transition:transform var(--transition-normal);z-index:999}.nav-menu.active{transform:translateY(0)}.hamburger{display:flex}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.hero-buttons{flex-direction:column}.section-title{font-size:2rem}.form-row{grid-template-columns:1fr}}@media (max-width: 480px){.hero-title{font-size:2rem}.section-title{font-size:1.75rem}.admin-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.item-actions{width:100%;justify-content:flex-end}}.cert-modal{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:1000;background-color:#000c;padding:var(--spacing-xl)}.cert-modal .modal-overlay{position:absolute;inset:0;cursor:pointer}.cert-modal .modal-content{position:relative;z-index:1001;max-width:90%;max-height:90%;background:var(--bg-primary, #fff);border-radius:var(--radius-lg, 12px);overflow:hidden;box-shadow:var(--shadow-heavy, 0 0 40px rgba(0,0,0,.5));animation:fadeIn .3s ease-in-out}.cert-modal .modal-content img{max-width:100%;max-height:70vh;display:block;margin:0 auto;border-bottom:1px solid #ccc}.cert-modal .modal-close{position:absolute;top:var(--spacing-sm, 10px);right:var(--spacing-sm, 10px);background:var(--error-color, red);color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;z-index:1002;display:flex;align-items:center;justify-content:center}.cert-modal .modal-info{padding:var(--spacing-md, 16px);text-align:center;background:var(--bg-secondary, #f8f9fa)}.cert-modal .modal-info h3{color:var(--primary-color, #007bff);margin-bottom:.5rem}.cert-modal .modal-info a.btn{margin-top:.5rem;display:inline-block}.admin-messages{display:grid;gap:var(--spacing-xl)}.messages-list{display:grid;gap:var(--spacing-lg)}.message-item{background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md)}.message-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.message-header h4{margin:0}.message-content{white-space:pre-wrap;margin-bottom:var(--spacing-md)}.home-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.bg-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;opacity:1}.bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0c0c0c89,#1353c324)}.dark .bg-overlay{background:linear-gradient(135deg,#000c,#1a202c99)}.achievements-section-chart{padding:4rem 1rem;background-color:var(--bg-secondary);color:var(--text-primary)}.achievements-section-chart .section-title{text-align:center;font-size:2rem;margin-bottom:1.5rem;font-weight:700;color:var(--primary-color);position:relative}.achievements-section-chart .section-title:after{content:"";display:block;width:80px;height:3px;background:var(--accent-color);margin:.5rem auto 0}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid var(--primary-color);width:40px;height:40px;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.legend-container{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.legend-color{width:15px;height:15px;border-radius:3px;box-shadow:0 2px 4px #0000001a}.custom-tooltip{background:var(--bg-primary);border:none;padding:1rem;border-radius:8px;box-shadow:var(--shadow-medium);color:var(--text-primary);max-width:300px;transition:all .3s ease}.custom-tooltip h4{margin-bottom:.5rem;color:var(--primary-color);font-weight:600;font-size:1.1rem}.custom-tooltip p{margin:.5rem 0;font-size:.9rem;line-height:1.4}.custom-tooltip .description{color:var(--text-secondary);font-style:italic;margin-top:.5rem;padding-top:.5rem;border-top:1px dashed var(--accent-color)}.skills-section{padding:4rem 0;background:var(--bg-secondary)}.skills-container{display:flex;flex-direction:column;gap:3rem}.skill-category{margin-bottom:2rem}.category-title{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;color:var(--primary-color)}.skills-list{display:flex;flex-wrap:wrap;gap:2rem}.skill-item{width:140px;text-align:center;background:var(--bg-tertiary);padding:1rem;border-radius:1rem;box-shadow:var(--shadow-medium);transition:transform .3s ease}.skill-item:hover{transform:translateY(-5px)}.progress-circle{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;margin:0 auto 1rem;background:conic-gradient(#61dafb 75%,#e0e0e0 0%);transition:background .5s ease}.progress-inner{width:70%;height:70%;background:var(--bg-primary);border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 10px #0000001a}.skill-icon{width:32px;height:32px;object-fit:contain}.skill-name{display:block;font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:.25rem}.skill-percent{font-size:.85rem;font-weight:500;color:var(--text-muted)}@media (max-width: 768px){.skills-list{justify-content:center}}.preview-icon{width:5rem}.footer{background:var(--bg-secondary);color:var(--text-primary);padding:3rem 1rem 2rem;position:relative;overflow:hidden}.footer-content{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1200px;margin:auto}@media (min-width: 768px){.footer-content{grid-template-columns:repeat(3,1fr)}}.footer-section h3,.footer-section h4{font-size:1.2rem;margin-bottom:.5rem;color:var(--primary-color, #61dafb)}.footer-section p{color:var(--text-muted);font-size:.95rem}.footer-links,.social-links{display:flex;flex-direction:column;gap:.5rem}.footer-links a,.social-links a{text-decoration:none;color:var(--text-secondary);font-size:.95rem;display:flex;align-items:center;gap:8px;transition:color .3s ease,transform .3s ease}.footer-links a:hover,.social-links a:hover{color:var(--primary-color);transform:translate(4px)}.icon{font-size:1.2rem;transition:transform .3s ease}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:var(--text-muted);font-size:.85rem}.fade-in{opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease forwards}.fade-in.delay-1{animation-delay:.2s}.fade-in.delay-2{animation-delay:.4s}.fade-in.delay-3{animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.skill-note{background:#f0f4ff;border-left:4px solid #4c8bf5;padding:1rem 1.25rem;margin-top:2rem;border-radius:12px;font-size:.95rem;color:#333;box-shadow:0 4px 12px #4c8bf51a;transition:all .3s ease}.skill-note:hover{background-color:#e8f0fe}.skill-note h4{margin-bottom:.5rem;font-size:1rem;color:#2b59d3}.skill-note p{margin:0;line-height:1.6}.image-modal{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background-color:var(--overlay-bg, rgba(0, 0, 0, .75));z-index:1000;padding:var(--spacing-xl, 1.5rem)}.image-modal .modal-overlay{position:absolute;inset:0;cursor:pointer}.image-modal .modal-content{position:relative;z-index:1001;max-width:90%;max-height:90%;background:var(--bg-primary, #ffffff);border-radius:var(--radius-lg, 12px);overflow:hidden;box-shadow:var(--shadow-heavy, 0 0 40px rgba(0, 0, 0, .5));animation:fadeIn var(--transition-normal, .3s ease-in-out)}.image-modal .modal-content img{max-width:100%;max-height:70vh;display:block;object-fit:contain;margin:0 auto;border-bottom:1px solid var(--border-light, #ddd)}.image-modal .modal-close{position:absolute;top:var(--spacing-sm, 12px);right:var(--spacing-sm, 12px);background:var(--error-color, red);color:var(--color-on-error, white);border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;z-index:1002;display:flex;align-items:center;justify-content:center}.image-modal .modal-info{padding:var(--spacing-md, 1rem);text-align:center;background:var(--bg-secondary, #f9f9f9)}.image-modal .modal-info h3{margin:0;color:var(--primary-color, #007bff)}.image-modal .modal-info p{margin-top:.5rem;font-size:var(--text-sm, .95rem);color:var(--text-secondary, #666)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.creative-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:9999;font-family:Poppins,sans-serif}.creative-loader.light{background-color:#fff;--dot-color: #4a90e2;--text-color: #333333}.creative-loader.dark{background-color:#0f0f0f;--dot-color: #64b5f6;--text-color: #ffffff}.loader-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.animation-wrapper{width:150px;height:150px;position:relative;filter:blur(8px) contrast(20);background-color:transparent}.dot{position:absolute;top:50%;left:50%;width:50px;height:50px;background-color:var(--dot-color);border-radius:50%;transform-origin:center center;animation:move 3s infinite ease-in-out}.dot-1{animation-delay:0s}.dot-2{animation-delay:-.25s}.dot-3{animation-delay:-.5s}.dot-4{animation-delay:-.75s}@keyframes move{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0)}25%{transform:translate(calc(-50% + 35px),calc(-50% - 35px)) scale(.8) rotate(90deg)}50%{transform:translate(calc(-50% - 35px),calc(-50% - 35px)) scale(1) rotate(180deg)}75%{transform:translate(calc(-50% - 35px),calc(-50% + 35px)) scale(.8) rotate(270deg)}}.loading-text{margin-top:50px;font-size:1.5rem;color:var(--text-color);letter-spacing:2px;font-weight:600;filter:none}.loading-text span{animation:text-fade 1.5s infinite alternate;display:inline-block}.loading-text span:nth-child(1){animation-delay:.1s}.loading-text span:nth-child(2){animation-delay:.2s}.loading-text span:nth-child(3){animation-delay:.3s}.loading-text span:nth-child(4){animation-delay:.4s}.loading-text span:nth-child(5){animation-delay:.5s}.loading-text span:nth-child(6){animation-delay:.6s}.loading-text span:nth-child(7){animation-delay:.7s}.loading-text span:nth-child(8){animation-delay:.8s}.loading-text span:nth-child(9){animation-delay:.9s}.loading-text span:nth-child(10){animation-delay:1s}@keyframes text-fade{0%{opacity:.3;transform:translateY(0)}to{opacity:1;transform:translateY(-5px)}}@media (max-width: 768px){.animation-wrapper{width:120px;height:120px}.dot{width:40px;height:40px}.loading-text{font-size:1.2rem;margin-top:40px}}@media (max-width: 480px){.animation-wrapper{width:100px;height:100px}.dot{width:30px;height:30px}.loading-text{font-size:1rem;margin-top:30px}@keyframes move{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0)}25%{transform:translate(calc(-50% + 25px),calc(-50% - 25px)) scale(.8) rotate(90deg)}50%{transform:translate(calc(-50% - 25px),calc(-50% - 25px)) scale(1) rotate(180deg)}75%{transform:translate(calc(-50% - 25px),calc(-50% + 25px)) scale(.8) rotate(270deg)}}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-main: #050816;--bg-card: rgba(15, 23, 42, .8);--primary: #6366f1;--primary-soft: rgba(99, 102, 241, .15);--accent: #22c55e;--text-main: #e5e7eb;--muted: #9ca3af;--border: rgba(148, 163, 184, .2);--shadow-soft: 0 18px 45px rgba(15, 23, 42, .8);--radius-lg: 20px;--radius-md: 14px;--radius-full: 999px;--transition-fast: .2s ease;--transition-med: .3s ease}html,body,#root{margin:0;padding:0;width:100%;height:100%;scroll-behavior:smooth;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif}body{background:radial-gradient(circle at top,#0b1120 0,#020617 40% 100%);color:var(--text-main);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f172ab3}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6366f1,#22c55e);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#818cf8,#4ade80)}.container{width:min(1120px,100% - 3rem);margin:0 auto}.loading-spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:40px 20px;color:var(--muted);font-size:.9rem}.gradient-text{background:linear-gradient(120deg,#4f46e5,#22c55e,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.section-tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);background:var(--primary-soft);border:1px solid rgba(99,102,241,.3)}.section-title{margin:10px 0 6px;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700}.section-description{color:var(--muted);max-width:540px;margin:0 auto;font-size:.95rem}.section-header{text-align:center;margin-bottom:40px}.floating-nav{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:50;width:calc(100% - 2rem);max-width:1024px;transition:transform var(--transition-med),opacity var(--transition-med),box-shadow var(--transition-med),background var(--transition-med)}.floating-nav.scrolled{transform:translate(-50%) translateY(-4px);box-shadow:0 20px 60px #0f172ae6}.nav-content{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:999px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(130deg,#0f172aeb,#0f172ae0,#1e40afcc);border:1px solid rgba(148,163,184,.35);box-shadow:0 18px 45px #0f172aa6}.nav-brand{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.brand-icon{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#a855f7,#22c55e,#0ea5e9);display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;animation:pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.brand-text{font-weight:600;letter-spacing:.04em;font-size:1rem}.nav-links{display:flex;gap:4px;padding:0 8px}.nav-link{border:none;background:transparent;color:var(--muted);font-size:.8rem;padding:6px 10px;border-radius:999px;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);white-space:nowrap}.nav-link:hover{color:var(--text-main);background:#94a3b833}.nav-link.active{background:linear-gradient(135deg,#6366f1,#22c55e);color:#0b1120;font-weight:500;transform:translateY(-1px)}.nav-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.mobile-menu-btn{border:none;outline:none;cursor:pointer;border-radius:999px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:#0f172ae6;color:var(--muted);transition:background var(--transition-fast),transform var(--transition-fast),color var(--transition-fast);flex-shrink:0}.mobile-menu-btn:hover{background:#94a3b840;color:var(--text-main);transform:translateY(-1px)}.mobile-menu{margin-top:10px;padding:8px;border-radius:18px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172af5;border:1px solid rgba(148,163,184,.45);box-shadow:0 14px 35px #0f172acc;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-link{width:100%;text-align:left;border-radius:10px;border:none;background:transparent;color:var(--muted);padding:10px 12px;font-size:.9rem;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);display:block}.mobile-nav-link:hover{background:#94a3b833;color:var(--text-main)}.mobile-nav-link.active{background:linear-gradient(135deg,#6366f1,#22c55e);color:#0b1120}.desktop-only{display:flex}@media (max-width: 840px){.desktop-only{display:none}.mobile-menu-btn{display:inline-flex}}@media (min-width: 841px){.mobile-menu-btn{display:none}}@media (max-width: 768px){.floating-nav{width:calc(100% - 2rem);top:10px}.nav-content{padding:6px 10px}.nav-brand{gap:6px}.brand-icon{width:24px;height:24px;font-size:.85rem}.brand-text{font-size:.9rem}.nav-links{padding:0 6px;gap:3px}.nav-link{padding:5px 8px;font-size:.75rem}.mobile-menu-btn{width:30px;height:30px}.nav-actions{gap:4px}}@media (max-width: 480px){.floating-nav{width:calc(100% - 1rem);top:8px}.nav-content{padding:5px 8px}.nav-brand{gap:5px}.brand-icon{width:22px;height:22px;font-size:.8rem}.brand-text{font-size:.85rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-link{padding:4px 7px;font-size:.72rem}.mobile-menu-btn{width:28px;height:28px;font-size:.9rem}}@media (max-width: 360px){.floating-nav{width:calc(100% - 1rem)}.nav-content{padding:5px 6px}.brand-text{font-size:.8rem;max-width:100px}.brand-icon{width:20px;height:20px}}.user-portfolio{min-height:100vh;background:radial-gradient(circle at top,#0b1120 0,#020617 50% 100%);color:var(--text-main)}.hero-section{position:relative;padding-top:140px;padding-bottom:90px;overflow:hidden;min-height:100vh;display:flex;align-items:center}.hero-background{position:absolute;inset:0;overflow:hidden;z-index:-1}.gradient-orb{position:absolute;width:340px;height:340px;border-radius:50%;filter:blur(60px);opacity:.9;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.gradient-orb.orb-1{top:-80px;right:-80px;background:radial-gradient(circle at 30% 20%,#818cf8,#22c55e,transparent);animation-delay:0s}.gradient-orb.orb-2{bottom:-120px;left:-120px;background:radial-gradient(circle at 30% 20%,#ec4899,#6366f1,transparent);animation-delay:2s}.gradient-orb.orb-3{top:40%;left:50%;transform:translate(-50%);background:radial-gradient(circle at 30% 20%,#22c55e,transparent);animation-delay:4s}.grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.09) 1px,transparent 1px);background-size:44px 44px;opacity:.55;mix-blend-mode:soft-light}.hero-content{max-width:960px;margin:0 auto;padding-inline:1.5rem;text-align:center}.hero-profile-photo{position:relative;width:160px;height:160px;margin:0 auto 20px}.hero-profile-photo img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid rgba(99,102,241,.3);box-shadow:0 20px 60px #6366f166;position:relative;z-index:2}.profile-ring{position:absolute;inset:-8px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#22c55e,#0ea5e9);animation:rotateRing 3s linear infinite;z-index:1}@keyframes rotateRing{to{transform:rotate(360deg)}}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#16653433;border:1px solid rgba(34,197,94,.6);color:#bbf7d0;font-size:.8rem;margin-bottom:12px;animation:fadeInDown .8s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:clamp(2rem,5vw,3.4rem);margin:.4rem 0 .6rem;font-weight:800;line-height:1.2}.cursor-blink{display:inline-block;width:10px;margin-left:4px;border-radius:999px;background:#e5e7eb;animation:blink 1s step-start infinite}@keyframes blink{50%{opacity:0}}.hero-roles{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px}.role-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:.8rem;background:#0f172abf;border:1px solid rgba(148,163,184,.4);transition:transform var(--transition-fast),border-color var(--transition-fast)}.role-tag:hover{transform:translateY(-2px);border-color:#818cf8cc}.hero-description{max-width:600px;margin:0 auto 24px;color:var(--muted);font-size:clamp(.9rem,2vw,1rem);line-height:1.6}.hero-cta{display:flex;justify-content:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.cta-primary,.cta-secondary{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:11px 20px;font-size:.95rem;font-weight:500;border:1px solid transparent;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);min-height:44px}.cta-primary{background:linear-gradient(135deg,#6366f1,#22c55e);color:#0f172a;box-shadow:0 18px 40px #4f46e58c}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 22px 50px #4f46e5a6}.cta-secondary{background:#0f172ad9;color:var(--text-main);border-color:#94a3b88c}.cta-secondary:hover{background:#0f172a;transform:translateY(-2px)}.hero-social{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.social-icon{width:40px;height:40px;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.5);display:inline-flex;align-items:center;justify-content:center;color:var(--muted);font-size:1rem;transition:transform var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.social-icon:hover{transform:translateY(-2px) scale(1.05);background:linear-gradient(135deg,#1e293b,#020617);color:var(--text-main);box-shadow:0 18px 35px #0f172acc}.scroll-indicator{margin-top:50px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;color:var(--muted);font-size:.8rem;transition:color var(--transition-fast)}.scroll-indicator:hover{color:var(--text-main)}.mouse{width:22px;height:36px;border-radius:999px;border:1px solid rgba(148,163,184,.6);display:flex;align-items:flex-start;justify-content:center;padding-top:6px}.wheel{width:4px;height:8px;border-radius:999px;background:#94a3b8e6;animation:scrollWheel 1.4s ease-out infinite}@keyframes scrollWheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:0}}.about-section{padding:80px 0 70px}.about-content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:36px;align-items:center}.about-intro{font-size:clamp(.95rem,2vw,1.05rem);margin-bottom:12px;line-height:1.7}.about-text p{color:var(--muted);margin-bottom:12px;line-height:1.7;font-size:clamp(.9rem,2vw,1rem)}.about-stats{margin-top:24px;display:flex;gap:20px;flex-wrap:wrap}.stat-item{min-width:100px;padding:14px 16px;border-radius:var(--radius-md);background:#0f172ae6;border:1px solid rgba(148,163,184,.45);text-align:center;transition:transform var(--transition-fast),border-color var(--transition-fast)}.stat-item:hover{transform:translateY(-4px);border-color:#818cf8cc}.stat-item h3{margin:0;font-size:clamp(1.2rem,3vw,1.4rem);font-weight:700;background:linear-gradient(135deg,#6366f1,#22c55e);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-item p{margin:6px 0 0;font-size:.8rem;color:var(--muted)}.about-visual{display:grid;gap:16px}.about-card{padding:16px 18px;border-radius:16px;background:#0f172af2;border:1px solid rgba(148,163,184,.4);box-shadow:var(--shadow-soft);transition:transform var(--transition-fast),border-color var(--transition-fast)}.about-card:hover{transform:translate(4px);border-color:#818cf8cc}.about-card h4{margin:8px 0 4px;font-size:clamp(.95rem,2vw,1rem);font-weight:600}.about-card p{margin:0;font-size:clamp(.8rem,2vw,.82rem);color:var(--muted)}.card-icon{font-size:1.3rem;color:#a855f7}.projects-section{padding:80px 0 70px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px}.project-card-modern{border-radius:18px;overflow:hidden;background:#0f172af2;border:1px solid rgba(148,163,184,.45);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;transition:transform var(--transition-med),box-shadow var(--transition-med),border-color var(--transition-med)}.project-card-modern:hover{transform:translateY(-6px);border-color:#818cf8cc;box-shadow:0 22px 50px #0f172ae6}.project-thumbnail{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#0f172a80}.project-thumbnail img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-med)}.project-card-modern:hover .project-thumbnail img{transform:scale(1.05)}.project-overlay-modern{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(15,23,42,.92));opacity:0;transform:translateY(10%);transition:opacity var(--transition-med),transform var(--transition-med);display:flex;align-items:flex-end}.project-card-modern:hover .project-overlay-modern{opacity:1;transform:translateY(0)}.project-links-modern{display:flex;gap:8px;padding:12px;flex-wrap:wrap}.project-link-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#0f172af2;border:1px solid rgba(148,163,184,.6);color:var(--text-main);font-size:.8rem;text-decoration:none;transition:background var(--transition-fast),transform var(--transition-fast);font-weight:500;min-height:32px}.project-link-btn:hover{background:linear-gradient(135deg,#6366f1,#22c55e);color:#0b1120;transform:translateY(-2px)}.project-info-modern{padding:14px 16px 16px;flex:1;display:flex;flex-direction:column}.project-title-modern{margin:0 0 6px;font-size:clamp(.95rem,2vw,1.05rem);font-weight:600}.project-description-modern{margin:0 0 12px;font-size:clamp(.84rem,2vw,.88rem);color:var(--muted);line-height:1.5;flex:1}.project-tech-modern{display:flex;flex-wrap:wrap;gap:6px}.tech-badge-modern{padding:4px 10px;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.5);font-size:.74rem;color:#a5b4fc}.skills-section-modern{padding:80px 0 70px}.skills-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px}.skill-category-card{border-radius:18px;background:#0f172af2;border:1px solid rgba(148,163,184,.45);box-shadow:var(--shadow-soft);padding:16px 16px 14px;transition:transform var(--transition-fast),border-color var(--transition-fast)}.skill-category-card:hover{transform:translateY(-4px);border-color:#818cf8cc}.category-title-modern{margin:0 0 12px;font-size:clamp(.95rem,2vw,1.05rem);font-weight:600}.skills-list-modern{display:flex;flex-direction:column;gap:12px}.skill-item-modern{padding:10px 12px;border-radius:12px;background:#0f172ae6;border:1px solid rgba(148,163,184,.4);transition:border-color var(--transition-fast)}.skill-item-modern:hover{border-color:#818cf8cc}.skill-header-modern{display:flex;align-items:center;gap:10px;margin-bottom:8px}.skill-icon-wrapper{width:28px;height:28px;border-radius:8px;overflow:hidden;background:#0f172af2;display:flex;align-items:center;justify-content:center;padding:4px;flex-shrink:0}.skill-icon-modern{width:100%;height:100%;object-fit:contain}.skill-info{display:flex;justify-content:space-between;flex:1;font-size:.85rem;gap:8px}.skill-name-modern{font-weight:500}.skill-level-modern{color:var(--muted);font-weight:600;white-space:nowrap}.skill-progress-bar{width:100%;height:7px;border-radius:999px;background:#0f172a;overflow:hidden}.skill-progress-fill{height:100%;border-radius:inherit;transition:width .8s ease-out;box-shadow:0 0 10px currentColor}.achievements-section-modern{padding:80px 0 70px}.achievements-timeline{position:relative;margin-top:30px;padding:20px 0}.achievements-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#6366f1,#22c55e);transform:translate(-50%);opacity:.4}.timeline-item{position:relative;margin-bottom:32px}.timeline-item.left .timeline-content{margin-right:auto}.timeline-item.right .timeline-content{margin-left:auto}.timeline-content{position:relative;width:min(460px,90%);padding:14px 16px;border-radius:16px;background:#0f172afa;border:1px solid rgba(148,163,184,.55);box-shadow:var(--shadow-soft);transition:transform var(--transition-fast),border-color var(--transition-fast)}.timeline-content:hover{transform:scale(1.02);border-color:#818cf8cc}.timeline-item.left .timeline-content{transform:translate(-16px)}.timeline-item.right .timeline-content{transform:translate(16px)}.timeline-item.left .timeline-content:hover{transform:translate(-16px) scale(1.02)}.timeline-item.right .timeline-content:hover{transform:translate(16px) scale(1.02)}.timeline-content:before{content:"";position:absolute;top:16px;width:12px;height:12px;border-radius:999px;background:#6366f1;box-shadow:0 0 0 6px #6366f133;z-index:2}.timeline-item.left .timeline-content:before{right:-26px}.timeline-item.right .timeline-content:before{left:-26px}.timeline-date{font-size:.8rem;color:var(--muted);font-weight:500}.timeline-title{margin:6px 0;font-size:clamp(.95rem,2vw,1rem);font-weight:600}.position-badge{display:inline-block;font-size:.74rem;padding:4px 10px;border-radius:999px;margin-bottom:8px;background:#6366f126;border:1px solid rgba(129,140,248,.65);color:#a5b4fc;font-weight:500}.timeline-description{font-size:clamp(.82rem,2vw,.85rem);color:var(--muted);line-height:1.6;margin:0}.certifications-section-modern{padding:80px 0 70px}.certifications-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:20px}.cert-card-modern{border-radius:16px;background:#0f172af5;border:1px solid rgba(148,163,184,.5);box-shadow:var(--shadow-soft);overflow:hidden;cursor:pointer;transition:transform var(--transition-med),box-shadow var(--transition-med),border-color var(--transition-med)}.cert-card-modern:hover{transform:translateY(-6px);border-color:#818cf8d9;box-shadow:0 20px 45px #0f172af2}.cert-image-wrapper{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:#0f172a80}.cert-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-med)}.cert-card-modern:hover .cert-image-wrapper img{transform:scale(1.05)}.cert-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(15,23,42,.95));opacity:0;display:flex;align-items:flex-end;justify-content:center;transition:opacity var(--transition-med)}.cert-card-modern:hover .cert-overlay{opacity:1}.view-cert-btn{margin-bottom:12px;padding:7px 14px;border-radius:999px;border:1px solid rgba(148,163,184,.7);background:#0f172af5;color:var(--text-main);font-size:.82rem;font-weight:500}.cert-info{padding:12px 14px;font-size:.85rem}.cert-info h3{margin:0 0 6px;font-size:clamp(.9rem,2vw,.95rem);font-weight:600}.cert-info p{margin:0;color:var(--muted);font-size:.8rem}.modal-overlay{position:fixed;inset:0;background:#0f172aeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:60;animation:fadeIn .3s ease;padding:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content-modern{position:relative;max-width:min(750px,100%);max-height:90vh;border-radius:18px;background:#0f172afa;border:1px solid rgba(148,163,184,.6);padding:16px;box-shadow:var(--shadow-soft);overflow:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content-modern img{max-width:100%;display:block;border-radius:12px}.modal-info{margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.modal-info h3{margin:0;font-size:clamp(.95rem,2vw,1rem);font-weight:600}.verify-btn-modern{border-radius:999px;padding:7px 14px;font-size:.8rem;border:1px solid rgba(148,163,184,.6);background:#0f172af2;color:var(--text-main);text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:background var(--transition-fast),transform var(--transition-fast);font-weight:500}.verify-btn-modern:hover{background:linear-gradient(135deg,#6366f1,#22c55e);color:#0b1120;transform:translateY(-2px)}.modal-close-btn{position:absolute;top:12px;right:12px;border-radius:999px;border:none;width:36px;height:36px;background:#0f172ae6;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast);z-index:10}.modal-close-btn:hover{background:#ef4444e6;color:#fff}.gallery-section-modern{padding:80px 0 70px}.gallery-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px}.gallery-item-modern{position:relative;border-radius:14px;overflow:hidden;cursor:pointer;border:1px solid rgba(148,163,184,.4);background:#0f172af2;transition:transform var(--transition-med),box-shadow var(--transition-med),border-color var(--transition-med);aspect-ratio:1}.gallery-item-modern img{width:100%;height:100%;display:block;object-fit:cover;transition:transform var(--transition-med)}.gallery-item-modern:hover{transform:translateY(-4px);border-color:#818cf8cc;box-shadow:0 20px 45px #0f172ae6}.gallery-item-modern:hover img{transform:scale(1.1)}.gallery-item-overlay{position:absolute;inset:0;padding:10px 12px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,transparent,rgba(15,23,42,.96));opacity:0;transition:opacity var(--transition-med)}.gallery-item-modern:hover .gallery-item-overlay{opacity:1}.gallery-item-overlay h4{margin:0 0 4px;font-size:clamp(.85rem,2vw,.9rem);font-weight:600}.gallery-item-overlay p{margin:0;font-size:.78rem;color:var(--muted)}.gallery-modal img{max-height:75vh;object-fit:contain;width:auto;margin:0 auto}.resume-section-modern{padding:80px 0 70px;position:relative}.resume-content-modern{max-width:900px;margin:0 auto}.resume-actions-modern{display:flex;justify-content:center;gap:12px;margin-bottom:28px;flex-wrap:wrap}.resume-btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:11px 22px;font-size:.95rem;font-weight:500;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;min-height:44px}.view-btn{background:#0f172ad9;color:var(--text-main);border-color:#94a3b88c}.view-btn:hover{background:#0f172a;transform:translateY(-2px);box-shadow:0 8px 20px #0f172a99}.download-btn{background:linear-gradient(135deg,#6366f1,#22c55e);color:#0f172a;box-shadow:0 10px 30px #6366f173;font-weight:600}.download-btn:hover{transform:translateY(-2px);box-shadow:0 14px 40px #6366f1a6;animation:pulse-resume 2s ease-in-out infinite}@keyframes pulse-resume{0%,to{box-shadow:0 10px 30px #6366f173}50%{box-shadow:0 14px 40px #6366f1a6}}.download-btn:active,.view-btn:active{transform:translateY(0)}.resume-preview-modern{border-radius:18px;overflow:hidden;background:#0f172af2;border:1px solid rgba(148,163,184,.45);box-shadow:var(--shadow-soft);height:650px;position:relative}.resume-iframe-modern{width:100%;height:100%;border:none;display:block;background:#fff}.resume-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--muted);font-size:.95rem;text-align:center;min-height:400px}.resume-placeholder svg{font-size:4rem;margin-bottom:20px;opacity:.4;color:#6366f1}.resume-placeholder p{margin:10px 0 0;font-size:clamp(.95rem,2vw,1.05rem)}.resume-preview-modern:before{content:"";position:absolute;inset:0;background:#0f172afa;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none;opacity:0;transition:opacity .3s ease}.resume-preview-modern.loading:before{opacity:1}.contact-section-modern{padding:80px 0 90px}.contact-content-modern{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:28px}.contact-info-cards{display:flex;flex-direction:column;gap:14px}.contact-info-card{border-radius:16px;background:#0f172af2;border:1px solid rgba(148,163,184,.5);padding:14px 16px;display:flex;align-items:center;gap:12px;transition:transform var(--transition-fast),border-color var(--transition-fast)}.contact-info-card:hover{transform:translate(4px);border-color:#818cf8cc}.contact-icon{width:40px;height:40px;border-radius:10px;background:#0f172ae6;display:inline-flex;align-items:center;justify-content:center;color:#6366f1;flex-shrink:0;font-size:1.1rem}.contact-info-card h4{margin:0;font-size:clamp(.9rem,2vw,.95rem);font-weight:600}.contact-info-card p{margin:4px 0 0;font-size:.82rem;color:var(--muted);word-break:break-word}.contact-form-modern{border-radius:18px;background:#0f172afa;border:1px solid rgba(148,163,184,.6);box-shadow:var(--shadow-soft);padding:18px 18px 20px}.form-group-modern{margin-bottom:12px}.form-group-modern input,.form-group-modern textarea{width:100%;border-radius:12px;border:1px solid rgba(148,163,184,.55);background:#0f172afa;color:var(--text-main);font-size:clamp(.88rem,2vw,.9rem);padding:11px 12px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);font-family:inherit}.form-group-modern textarea{resize:vertical;min-height:120px}.form-group-modern input::placeholder,.form-group-modern textarea::placeholder{color:#94a3b8b3}.form-group-modern input:focus,.form-group-modern textarea:focus{border-color:#818cf8e6;box-shadow:0 0 0 2px #818cf84d;background:#0f172a}.submit-btn-modern{width:100%;border-radius:999px;border:none;padding:11px 12px;font-size:.95rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#6366f1,#22c55e);color:#0b1120;cursor:pointer;box-shadow:0 18px 40px #4f46e58c;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);min-height:44px}.submit-btn-modern:hover{transform:translateY(-2px);box-shadow:0 22px 50px #4f46e5a6}.submit-btn-modern:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-status-modern{margin-top:10px;font-size:.85rem;text-align:center;font-weight:500}.form-status-modern.success{color:#4ade80}.form-status-modern.error{color:#fca5a5}.modern-footer{padding:30px 0 32px;border-top:1px solid rgba(148,163,184,.35);background:radial-gradient(circle at top,#0f172af2,#020617)}.footer-content-modern{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:12px;flex-wrap:wrap}.footer-brand h3{margin:0 0 4px;font-size:clamp(1rem,2vw,1.1rem);font-weight:700}.footer-brand p{margin:0;font-size:.8rem;color:var(--muted)}.footer-social-modern{display:flex;gap:12px;flex-wrap:wrap}.footer-social-modern a{width:36px;height:36px;border-radius:999px;border:1px solid rgba(148,163,184,.5);display:inline-flex;align-items:center;justify-content:center;color:var(--muted);font-size:.9rem;transition:transform var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.footer-social-modern a:hover{transform:translateY(-2px);background:linear-gradient(135deg,#6366f1,#22c55e);color:#0b1120;border-color:transparent}.footer-bottom-modern{text-align:center;font-size:.78rem;color:var(--muted);padding-top:12px;border-top:1px solid rgba(148,163,184,.2)}.scroll-to-top{position:fixed;right:20px;bottom:24px;z-index:40;width:44px;height:44px;border-radius:999px;border:none;background:linear-gradient(135deg,#6366f1,#22c55e);color:#0b1120;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 18px 45px #6366f199;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);font-size:1.1rem}.scroll-to-top:hover{transform:translateY(-3px);box-shadow:0 22px 55px #6366f1b3}.scroll-to-top:active{transform:translateY(-1px)}.admin-dashboard{display:flex;min-height:100vh;background:linear-gradient(135deg,#020617,#020617 40%,#0b1120)}.dashboard-sidebar{width:240px;background:#0f172afa;border-right:1px solid rgba(148,163,184,.4);box-shadow:8px 0 22px #0f172acc;padding:14px 12px;display:flex;flex-direction:column;gap:14px;position:sticky;top:0;height:100vh;z-index:30;transition:width var(--transition-med),transform var(--transition-med);overflow-y:auto}.dashboard-sidebar.closed{width:70px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding-inline:8px;padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.3)}.sidebar-header h2{margin:0;font-size:1.15rem;font-weight:700}.sidebar-toggle{border-radius:999px;border:none;width:30px;height:30px;background:#0f172af2;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-toggle:hover{background:#94a3b84d;color:var(--text-main)}.sidebar-nav{margin-top:10px;display:flex;flex-direction:column;gap:6px}.sidebar-nav-item{border-radius:999px;border:none;padding:9px 11px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:10px;font-size:.85rem;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);font-weight:500;min-height:40px}.sidebar-nav-item .nav-icon{display:inline-flex;width:24px;justify-content:center;font-size:1rem;flex-shrink:0}.sidebar-nav-item:hover{background:#0f172af2;color:var(--text-main);transform:translate(2px)}.sidebar-nav-item.active{background:linear-gradient(135deg,#6366f1,#22c55e);color:#0b1120;transform:translate(4px)}.sidebar-footer{margin-top:auto;padding-top:12px;border-top:1px solid rgba(148,163,184,.35)}.sidebar-nav-item.logout{color:#fca5a5}.sidebar-nav-item.logout:hover{background:#dc262633;color:#fca5a5}.dashboard-main{flex:1;padding:20px 22px;overflow-x:hidden;overflow-y:auto}.dashboard-content{max-width:1100px;margin:0 auto}.toast-notification{position:fixed;top:90px;right:22px;z-index:60;border-radius:999px;padding:10px 18px;font-size:.85rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#16a34af2;color:#ecfdf5;box-shadow:var(--shadow-soft);font-weight:500;animation:slideInRight .3s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.toast-notification.error{background:#dc2626f2}.dashboard-overview .dashboard-header{margin-bottom:24px}.dashboard-overview .dashboard-header h1{margin:0 0 6px;font-size:clamp(1.5rem,3vw,1.8rem);font-weight:700}.dashboard-overview .dashboard-header p{margin:0;color:var(--muted);font-size:.92rem}.stats-grid{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:16px}.stat-card{border-radius:18px;background:#0f172af7;border:1px solid rgba(148,163,184,.55);box-shadow:var(--shadow-soft);padding:16px 16px 14px;display:flex;gap:12px;align-items:center;transition:transform var(--transition-fast),border-color var(--transition-fast)}.stat-card:hover{transform:translateY(-4px);border-color:#818cf8cc}.stat-icon{width:40px;height:40px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.stat-info h3{margin:0;font-size:clamp(1.2rem,3vw,1.4rem);font-weight:700}.stat-info p{margin:4px 0 0;font-size:.85rem;color:var(--muted)}.quick-actions{margin-top:28px}.quick-actions h2{margin:0 0 14px;font-size:1.15rem;font-weight:600}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:12px}.action-card{border-radius:14px;border:1px dashed rgba(148,163,184,.5);background:#0f172af5;padding:12px 14px;font-size:.85rem;color:var(--muted);display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.action-card:hover{background:#0f172a;border-color:#818cf8cc;color:var(--text-main)}.admin-section{padding-top:8px}.section-header-admin{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.section-header-admin h2{margin:0;font-size:clamp(1rem,2vw,1.1rem);font-weight:600;display:inline-flex;align-items:center;gap:10px}.btn-primary-admin{border-radius:999px;border:none;padding:8px 14px;font-size:.85rem;font-weight:500;background:linear-gradient(135deg,#6366f1,#22c55e);color:#0b1120;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform var(--transition-fast),box-shadow var(--transition-fast);min-height:40px}.btn-primary-admin:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f180}.admin-form-modern{border-radius:18px;background:#0f172afa;border:1px solid rgba(148,163,184,.55);padding:14px 14px 12px;margin-bottom:18px;display:grid;gap:10px}.admin-form-modern input,.admin-form-modern textarea,.admin-form-modern select{width:100%;border-radius:10px;border:1px solid rgba(148,163,184,.55);background:#0f172af7;color:var(--text-main);font-size:clamp(.84rem,2vw,.86rem);padding:9px 10px;outline:none;font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.admin-form-modern textarea{min-height:80px;resize:vertical}.admin-form-modern select{cursor:pointer}.admin-form-modern input:focus,.admin-form-modern textarea:focus,.admin-form-modern select:focus{border-color:#818cf8e6;box-shadow:0 0 0 2px #818cf84d}.form-row-modern{display:flex;gap:10px;flex-wrap:wrap}.btn-submit,.btn-cancel{flex:1;min-width:120px;border-radius:999px;border:none;padding:9px 12px;font-size:.85rem;font-weight:500;cursor:pointer;transition:transform var(--transition-fast);min-height:40px}.btn-submit{background:linear-gradient(135deg,#6366f1,#22c55e);color:#0b1120}.btn-submit:hover{transform:translateY(-2px)}.btn-cancel{background:#0f172afa;color:var(--muted);border:1px solid rgba(148,163,184,.6)}.btn-cancel:hover{background:#0f172a;color:var(--text-main)}.admin-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:14px}.admin-card-modern{border-radius:16px;background:#0f172af7;border:1px solid rgba(148,163,184,.55);overflow:hidden;transition:transform var(--transition-fast),border-color var(--transition-fast)}.admin-card-modern:hover{transform:translateY(-4px);border-color:#818cf8cc}.admin-card-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.admin-card-content{padding:12px 12px 10px;font-size:.86rem}.admin-card-content h4{margin:0 0 6px;font-size:clamp(.9rem,2vw,.95rem);font-weight:600}.admin-card-content p{margin:0 0 10px;color:var(--muted);line-height:1.5}.admin-card-actions{display:flex;gap:8px;margin-top:8px}.btn-icon-edit,.btn-icon-delete{flex:1;border-radius:999px;border:none;padding:7px 10px;font-size:.8rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast);min-height:36px}.btn-icon-edit{background:#6366f133;color:#a5b4fc;border:1px solid rgba(129,140,248,.5)}.btn-icon-edit:hover{background:#6366f14d;transform:translateY(-2px)}.btn-icon-delete{background:#dc262633;color:#fca5a5;border:1px solid rgba(239,68,68,.5)}.btn-icon-delete:hover{background:#dc26264d;transform:translateY(-2px)}.admin-list-modern{display:flex;flex-direction:column;gap:12px}.message-card-modern{border-radius:14px;background:#0f172afa;border:1px solid rgba(148,163,184,.6);padding:12px 12px 10px;transition:border-color var(--transition-fast)}.message-card-modern:hover{border-color:#818cf8cc}.message-header-modern{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.message-header-modern h4{margin:0;font-size:clamp(.88rem,2vw,.92rem);font-weight:600}.message-email{display:block;font-size:.8rem;color:var(--muted);margin-top:2px;word-break:break-word}.message-time{display:block;font-size:.75rem;color:var(--muted);margin-top:4px;white-space:nowrap}.message-content-modern{margin:8px 0 0;font-size:.84rem;color:var(--muted);line-height:1.6}.skill-admin-card{border-radius:14px;background:#0f172afa;border:1px solid rgba(148,163,184,.6);padding:12px 12px 10px;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:border-color var(--transition-fast);flex-wrap:wrap}.skill-admin-card:hover{border-color:#818cf8cc}.skill-admin-info{display:flex;align-items:center;gap:12px;flex:1;min-width:200px}.skill-admin-icon{width:32px;height:32px;border-radius:8px;object-fit:contain;background:#0f172ae6;padding:4px;flex-shrink:0}.skill-admin-info h4{margin:0;font-size:clamp(.88rem,2vw,.92rem);font-weight:600}.skill-admin-info p{margin:4px 0 0;font-size:.8rem;color:var(--muted)}.achievement-admin-card{border-radius:14px;background:#0f172afa;border:1px solid rgba(148,163,184,.6);padding:12px 12px 10px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;transition:border-color var(--transition-fast);flex-wrap:wrap}.achievement-admin-card:hover{border-color:#818cf8cc}.achievement-admin-info{flex:1;min-width:200px}.achievement-admin-info h4{margin:0 0 6px;font-size:clamp(.9rem,2vw,.95rem);font-weight:600}.achievement-admin-info p{margin:0 0 8px;font-size:.82rem;color:var(--muted);line-height:1.5}.achievement-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.achievement-position{font-size:.76rem;padding:3px 8px;border-radius:999px;background:#6366f126;border:1px solid rgba(129,140,248,.6);color:#a5b4fc}.achievement-date{font-size:.76rem;color:var(--muted)}.gallery-admin-grid{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.resume-preview-admin{margin-top:24px;border-radius:16px;background:#0f172af5;border:1px solid rgba(148,163,184,.5);padding:16px}.resume-preview-admin h3{margin:0 0 14px;font-size:clamp(1rem,2vw,1.05rem);color:var(--text-main);font-weight:600}.resume-iframe-admin{width:100%;height:550px;border:none;border-radius:12px;background:#fff;margin-bottom:14px}.login-page-modern{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:1rem}.login-background{position:absolute;inset:0}.login-background .gradient-orb.orb-1{top:-80px;right:-80px}.login-background .gradient-orb.orb-2{bottom:-100px;left:-100px}.login-container-modern{position:relative;z-index:10;width:min(440px,100%)}.login-card{border-radius:20px;background:#0f172afa;border:1px solid rgba(148,163,184,.55);padding:24px 24px 20px;box-shadow:var(--shadow-soft)}.login-header{text-align:center;margin-bottom:24px}.login-header h2{margin:0 0 6px;font-size:clamp(1.4rem,3vw,1.6rem);font-weight:700}.login-header p{margin:0;font-size:.88rem;color:var(--muted)}.login-form-modern{margin-top:20px;display:grid;gap:12px}.form-group-login{position:relative}.form-group-login input{width:100%;border-radius:999px;border:1px solid rgba(148,163,184,.55);background:#0f172afa;color:var(--text-main);font-size:.88rem;padding:11px 16px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group-login input:focus{border-color:#818cf8e6;box-shadow:0 0 0 2px #818cf84d}.login-btn-modern{width:100%;border-radius:999px;border:none;padding:11px 12px;font-size:.95rem;font-weight:600;background:linear-gradient(135deg,#6366f1,#22c55e);color:#0b1120;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);margin-top:8px;min-height:44px}.login-btn-modern:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6366f199}.login-btn-modern:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{font-size:.8rem;color:#fecaca;text-align:center;margin:-4px 0 4px}.login-footer{margin-top:16px;text-align:center}.back-link{font-size:.82rem;color:var(--muted);text-decoration:none;transition:color var(--transition-fast)}.back-link:hover{color:var(--text-main)}.modern-loader{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#0b1120 0,#020617 50% 100%)}.modern-loader.dark{background:radial-gradient(circle at top,#0b1120 0,#020617 50% 100%)}.loader-content{text-align:center}.loader-spinner{position:relative;width:70px;height:70px;margin-inline:auto;margin-bottom:14px}.spinner-ring{position:absolute;inset:0;border-radius:999px;border:3px solid transparent;border-top-color:#6366f1;border-right-color:#22c55e;animation:spin 1.2s linear infinite}.spinner-ring:nth-child(2){inset:9px;border-top-color:#22c55e;border-right-color:#0ea5e9;animation-duration:1s}.spinner-ring:nth-child(3){inset:18px;border-top-color:#0ea5e9;border-right-color:#6366f1;animation-duration:.8s}.loader-text{font-size:.95rem;color:var(--text-main);font-weight:500}.dots:after{content:"...";animation:dots 1.5s steps(3,end) infinite}@keyframes dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}@media (max-width: 1024px){.container{width:min(1120px,100% - 2rem)}}@media (max-width: 900px){.about-content,.contact-content-modern{grid-template-columns:minmax(0,1fr)}.achievements-timeline:before{left:16px;transform:none}.timeline-content{margin-left:40px!important;margin-right:0!important;width:calc(100% - 52px)}.timeline-content:before{left:-26px;right:auto}.timeline-item.left .timeline-content,.timeline-item.right .timeline-content{transform:translate(0)}.timeline-item.left .timeline-content:hover,.timeline-item.right .timeline-content:hover{transform:scale(1.02)}.dashboard-sidebar{position:fixed;transform:translate(-100%)}.dashboard-sidebar.open{transform:translate(0)}.dashboard-main{padding-top:80px}}@media (max-width: 768px){.container{width:calc(100% - 1.5rem)}.floating-nav{width:calc(100% - 1rem);top:12px}.hero-section{padding-top:110px;padding-bottom:60px;min-height:auto}.hero-content{padding-inline:1rem}.hero-profile-photo{width:130px;height:130px}.section-title{font-size:clamp(1.4rem,5vw,1.8rem)}.section-description{font-size:.9rem}.about-section,.projects-section,.skills-section-modern,.achievements-section-modern,.certifications-section-modern,.gallery-section-modern,.resume-section-modern,.contact-section-modern{padding:60px 0 50px}.resume-actions-modern{flex-direction:column;align-items:stretch;gap:10px}.resume-btn{justify-content:center;width:100%}.resume-preview-modern{height:500px;border-radius:14px}.projects-grid,.skills-grid-modern,.certifications-grid-modern{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.gallery-grid-modern{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}.scroll-to-top{right:16px;bottom:20px;width:40px;height:40px}}@media (max-width: 480px){.container{width:calc(100% - 1rem)}.floating-nav{width:calc(100% - .75rem)}.nav-content{padding:6px 10px}.brand-icon{width:24px;height:24px}.brand-text{font-size:.9rem}.hero-section{padding-top:100px;padding-bottom:50px}.hero-profile-photo{width:110px;height:110px}.hero-title{font-size:clamp(1.6rem,6vw,2rem)}.hero-badge{font-size:.75rem;padding:5px 12px}.role-tag{font-size:.75rem;padding:4px 10px}.cta-primary,.cta-secondary{padding:10px 18px;font-size:.9rem}.social-icon{width:38px;height:38px}.resume-preview-modern{height:400px}.resume-btn{padding:10px 16px;font-size:.88rem}.about-section,.projects-section,.skills-section-modern,.achievements-section-modern,.certifications-section-modern,.gallery-section-modern,.resume-section-modern,.contact-section-modern{padding:50px 0 40px}.section-header{margin-bottom:30px}.section-tag{font-size:.7rem;padding:3px 10px}.projects-grid,.skills-grid-modern{gap:16px}.gallery-grid-modern{grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:10px}.modal-content-modern{padding:12px;border-radius:14px}.modal-close-btn{width:32px;height:32px;top:8px;right:8px}}@media (min-width: 769px) and (max-width: 1024px){.resume-preview-modern{height:600px}}@media (min-width: 1200px){.resume-content-modern{max-width:1000px}.resume-preview-modern{height:700px}}@media (max-width: 360px){.hero-profile-photo{width:100px;height:100px}.nav-content{padding:6px 8px}.brand-text{font-size:.85rem}.gallery-grid-modern{grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr))}}@media print{.floating-nav,.hero-social,.scroll-to-top,.resume-actions-modern,.footer-social-modern{display:none}.resume-preview-modern{border:none;box-shadow:none;height:auto}body{background:#fff;color:#000}}.resume-btn:focus-visible,.nav-link:focus-visible,.social-icon:focus-visible,.cta-primary:focus-visible,.cta-secondary:focus-visible,.mobile-menu-btn:focus-visible,.submit-btn-modern:focus-visible{outline:2px solid #6366f1;outline-offset:2px}section[id]{scroll-margin-top:90px}.dashboard-sidebar::-webkit-scrollbar{width:4px}.dashboard-sidebar::-webkit-scrollbar-track{background:transparent}.dashboard-sidebar::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:999px}@media (max-width: 320px){.container{width:calc(100% - .5rem)}.floating-nav{width:calc(100% - .25rem);top:4px}.nav-content{padding:4px 6px}.brand-text{font-size:.75rem;max-width:80px}.brand-icon{width:18px;height:18px;font-size:.75rem}.hero-section{padding-top:100px;padding-bottom:60px}.hero-cta{flex-direction:column;width:100%}.cta-primary,.cta-secondary{width:100%;justify-content:center}}@media (max-width: 360px){.projects-grid,.skills-grid-modern,.certifications-grid-modern{grid-template-columns:1fr!important}.gallery-grid-modern{grid-template-columns:repeat(2,1fr);gap:8px}.about-content,.contact-content-modern{grid-template-columns:1fr}.timeline-content{margin-left:32px!important;width:calc(100% - 40px)!important}.timeline-content:before{left:-22px!important}.timeline-item.left .timeline-content,.timeline-item.right .timeline-content{transform:translate(0)!important}.timeline-item.left .timeline-content:hover,.timeline-item.right .timeline-content:hover{transform:scale(1.02)!important}.resume-actions-modern{flex-direction:column;width:100%}.resume-btn{width:100%;justify-content:center}.about-stats{flex-direction:column}.stat-item{width:100%}.form-group-modern input,.form-group-modern textarea{font-size:16px}}@media (max-width: 480px){.mobile-menu-btn{width:44px!important;height:44px!important}.social-icon,.footer-social-modern a{width:44px;height:44px}.cta-primary,.cta-secondary{padding:12px 20px;min-height:48px}.modal-overlay{padding:.5rem}.modal-content-modern{max-width:100%;max-height:95vh;padding:12px}}@media (max-width: 900px){.dashboard-sidebar{position:fixed;left:0;transform:translate(-100%);width:260px;z-index:100}.dashboard-sidebar.open{transform:translate(0)}.dashboard-sidebar.open:after{content:"";position:fixed;inset:0;background:#0f172acc;z-index:-1}.dashboard-main{margin-left:0}}*{max-width:100vw}img,video,iframe{max-width:100%;height:auto}.project-description-modern,.timeline-description,.hero-description{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
