:root{--color-bg-primary:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-accent-primary:#6366f1;--color-accent-secondary:#8b5cf6;--color-accent-gradient:linear-gradient(135deg,#6366f1,#8b5cf6);--color-border:#334155;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-size-5xl:48px;--font-size-6xl:60px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0000004d;--shadow-xl:0 20px 25px #0000004d;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease}[data-theme=light]{--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#e2e8f0;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-border:#e2e8f0;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;background-color:var(--color-bg-primary);color:#f1f5f9;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);font-size:16px;font-size:var(--font-size-base);line-height:1.6}a{color:#6366f1;color:var(--color-accent-primary);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#8b5cf6;color:var(--color-accent-secondary)}img{height:auto;max-width:100%}.portfolio{min-height:100vh}.section{margin:0 auto;max-width:1200px;padding:64px 24px;padding:var(--spacing-3xl) var(--spacing-lg)}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--color-accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:30px;font-size:var(--font-size-3xl);font-weight:700;margin-bottom:32px;margin-bottom:var(--spacing-xl);text-align:center}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ae6;border-bottom:1px solid #334155;border-bottom:1px solid var(--color-border);left:0;position:fixed;right:0;top:0;transition:all .2s ease;transition:all var(--transition-base);z-index:1000}[data-theme=light] .nav{background:#ffffffe6}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:#f1f5f9;color:var(--color-text-primary);font-size:20px;font-size:var(--font-size-xl);font-weight:700;gap:8px;gap:var(--spacing-sm)}.nav-logo-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--color-accent-gradient);border-radius:8px;border-radius:var(--border-radius-md);color:#fff;display:flex;font-size:14px;font-size:var(--font-size-sm);font-weight:800;height:36px;justify-content:center;width:36px}.nav-links{display:flex;gap:24px;gap:var(--spacing-lg);list-style:none}.nav-link{border-radius:8px;border-radius:var(--border-radius-md);color:#94a3b8;color:var(--color-text-secondary);font-weight:500;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.nav-link.active,.nav-link:hover{background:#6366f11a;color:#6366f1;color:var(--color-accent-primary)}.nav-actions{align-items:center;display:flex;gap:16px;gap:var(--spacing-md)}.nav-toggle{background:none;border:none;color:#f1f5f9;color:var(--color-text-primary);cursor:pointer;display:none;padding:8px;padding:var(--spacing-sm)}@media (max-width:768px){.nav-links{background:#1e293b;background:var(--color-bg-secondary);border-bottom:1px solid #334155;border-bottom:1px solid var(--color-border);display:none;flex-direction:column;left:0;padding:16px;padding:var(--spacing-md);position:absolute;right:0;top:100%}.nav-links.open{display:flex}.nav-toggle{display:block}}.hero{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:64px 24px;padding:var(--spacing-3xl) var(--spacing-lg);padding-top:100px;position:relative}.hero-background{background:radial-gradient(ellipse at 30% 20%,#6366f126 0,#0000 50%),radial-gradient(ellipse at 70% 80%,#8b5cf61a 0,#0000 50%);inset:0;position:absolute;z-index:0}.hero-content{max-width:800px;position:relative;text-align:center;z-index:1}.hero-photo{border:4px solid #6366f1;border:4px solid var(--color-accent-primary);border-radius:50%;box-shadow:0 0 40px #6366f14d;height:180px;margin-bottom:32px;margin-bottom:var(--spacing-xl);object-fit:cover;width:180px}.hero-name{color:#f1f5f9;color:var(--color-text-primary);font-size:48px;font-size:var(--font-size-5xl);font-weight:800;margin-bottom:16px;margin-bottom:var(--spacing-md)}.hero-title{color:#6366f1;color:var(--color-accent-primary);font-size:24px;font-size:var(--font-size-2xl);font-weight:500;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.hero-tagline{color:#94a3b8;color:var(--color-text-secondary);font-size:18px;font-size:var(--font-size-lg);margin-bottom:48px;margin-bottom:var(--spacing-2xl);margin-left:auto;margin-right:auto;max-width:600px}.hero-cta{display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md);justify-content:center}.btn{align-items:center;border:none;border-radius:12px;border-radius:var(--border-radius-lg);cursor:pointer;display:inline-flex;font-size:16px;font-size:var(--font-size-base);font-weight:600;gap:8px;gap:var(--spacing-sm);padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all .2s ease;transition:all var(--transition-base)}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--color-accent-gradient);box-shadow:0 4px 14px #6366f166;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #6366f180;color:#fff;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #334155;border:2px solid var(--color-border);color:#f1f5f9;color:var(--color-text-primary)}.btn-secondary:hover{border-color:#6366f1;border-color:var(--color-accent-primary);color:#6366f1;color:var(--color-accent-primary)}.btn-icon{background:#0000;border:1px solid #334155;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius-md);color:#94a3b8;color:var(--color-text-secondary);padding:8px;padding:var(--spacing-sm)}.btn-icon:hover{border-color:#6366f1;border-color:var(--color-accent-primary);color:#6366f1;color:var(--color-accent-primary)}.about{background:#1e293b;background:var(--color-bg-secondary)}.about-content{grid-gap:48px;grid-gap:var(--spacing-2xl);align-items:center;display:grid;gap:48px;gap:var(--spacing-2xl);grid-template-columns:1fr 1fr}.about-text p{color:#94a3b8;color:var(--color-text-secondary);font-size:18px;font-size:var(--font-size-lg);margin-bottom:16px;margin-bottom:var(--spacing-md)}.about-highlights{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin-top:32px;margin-top:var(--spacing-xl)}.highlight-card{background:#334155;background:var(--color-bg-tertiary);border-radius:12px;border-radius:var(--border-radius-lg);padding:24px;padding:var(--spacing-lg);text-align:center}.highlight-number{color:#6366f1;color:var(--color-accent-primary);font-size:30px;font-size:var(--font-size-3xl);font-weight:700}.highlight-label{color:#94a3b8;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-sm)}@media (max-width:768px){.about-content{grid-template-columns:1fr}}.skills-grid{grid-gap:32px;grid-gap:var(--spacing-xl);display:grid;gap:32px;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.skill-category{background:#1e293b;background:var(--color-bg-secondary);border:1px solid #334155;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--border-radius-xl);padding:32px;padding:var(--spacing-xl)}.skill-category-title{align-items:center;color:#f1f5f9;color:var(--color-text-primary);display:flex;font-size:18px;font-size:var(--font-size-lg);font-weight:600;gap:8px;gap:var(--spacing-sm);margin-bottom:24px;margin-bottom:var(--spacing-lg)}.skill-category-icon{font-size:24px;font-size:var(--font-size-2xl)}.skill-tags{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.skill-tag{align-items:center;background:#334155;background:var(--color-bg-tertiary);border-radius:9999px;border-radius:var(--border-radius-full);color:#94a3b8;color:var(--color-text-secondary);display:inline-flex;font-size:14px;font-size:var(--font-size-sm);gap:4px;gap:var(--spacing-xs);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.skill-tag:hover{background:#6366f1;background:var(--color-accent-primary);color:#fff}.skill-tag img{height:16px;width:16px}.projects{background:#1e293b;background:var(--color-bg-secondary)}.projects-grid{grid-gap:32px;grid-gap:var(--spacing-xl);display:grid;gap:32px;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.project-card{background:#0f172a;background:var(--color-bg-primary);border:1px solid #334155;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--border-radius-xl);overflow:hidden;transition:all .2s ease;transition:all var(--transition-base)}.project-card:hover{border-color:#6366f1;border-color:var(--color-accent-primary);box-shadow:0 20px 25px #0000004d;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.project-image{height:200px;object-fit:cover;width:100%}.project-content{padding:32px;padding:var(--spacing-xl)}.project-title{color:#f1f5f9;color:var(--color-text-primary);font-size:20px;font-size:var(--font-size-xl);font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.project-description{color:#94a3b8;color:var(--color-text-secondary);margin-bottom:16px;margin-bottom:var(--spacing-md)}.project-tech{display:flex;flex-wrap:wrap;gap:4px;gap:var(--spacing-xs);margin-bottom:24px;margin-bottom:var(--spacing-lg)}.project-tech-tag{background:#334155;background:var(--color-bg-tertiary);border-radius:4px;border-radius:var(--border-radius-sm);color:#6366f1;color:var(--color-accent-primary);font-size:12px;font-size:var(--font-size-xs);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.project-links{display:flex;gap:16px;gap:var(--spacing-md)}.experience-timeline{margin:0 auto;max-width:800px;position:relative}.experience-timeline:before{background:#334155;background:var(--color-border);bottom:0;content:"";left:20px;position:absolute;top:0;width:2px}.experience-item{padding-bottom:48px;padding-bottom:var(--spacing-2xl);padding-left:60px;position:relative}.experience-item:before{background:#6366f1;background:var(--color-accent-primary);border:3px solid #0f172a;border:3px solid var(--color-bg-primary);border-radius:50%;content:"";height:18px;left:12px;position:absolute;top:0;width:18px}.experience-date{color:#6366f1;color:var(--color-accent-primary);font-size:14px;font-size:var(--font-size-sm);font-weight:500;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.experience-title{color:#f1f5f9;color:var(--color-text-primary);font-size:20px;font-size:var(--font-size-xl);font-weight:600;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.experience-company{color:#94a3b8;color:var(--color-text-secondary);font-size:16px;font-size:var(--font-size-base);margin-bottom:16px;margin-bottom:var(--spacing-md)}.experience-description{color:#64748b;color:var(--color-text-muted)}.cv{background:#1e293b;background:var(--color-bg-secondary)}.cv-content{margin:0 auto;max-width:600px;text-align:center}.cv-preview{background:#0f172a;background:var(--color-bg-primary);border:1px solid #334155;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--border-radius-xl);margin-bottom:32px;margin-bottom:var(--spacing-xl);padding:48px;padding:var(--spacing-2xl)}.cv-icon{font-size:64px;margin-bottom:16px;margin-bottom:var(--spacing-md)}.cv-info{color:#94a3b8;color:var(--color-text-secondary);margin-bottom:24px;margin-bottom:var(--spacing-lg)}.contact-content{margin:0 auto;max-width:600px;text-align:center}.contact-text{color:#94a3b8;color:var(--color-text-secondary);font-size:18px;font-size:var(--font-size-lg);margin-bottom:48px;margin-bottom:var(--spacing-2xl)}.contact-links{display:flex;flex-wrap:wrap;gap:24px;gap:var(--spacing-lg);justify-content:center}.contact-link{align-items:center;background:#1e293b;background:var(--color-bg-secondary);border:1px solid #334155;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--border-radius-lg);color:#f1f5f9;color:var(--color-text-primary);display:flex;gap:8px;gap:var(--spacing-sm);padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl);transition:all .15s ease;transition:all var(--transition-fast)}.contact-link:hover{border-color:#6366f1;border-color:var(--color-accent-primary);color:#6366f1;color:var(--color-accent-primary);transform:translateY(-2px)}.contact-link svg{height:24px;width:24px}.footer{background:#1e293b;background:var(--color-bg-secondary);border-top:1px solid #334155;border-top:1px solid var(--color-border);padding:32px 24px;padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md);justify-content:space-between;margin:0 auto;max-width:1200px}.footer-copyright{color:#64748b;color:var(--color-text-muted);font-size:14px;font-size:var(--font-size-sm)}.footer-links{display:flex;gap:16px;gap:var(--spacing-md)}.footer-link{color:#94a3b8;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-sm)}.admin-edit-btn{opacity:0;position:absolute;right:8px;right:var(--spacing-sm);top:8px;top:var(--spacing-sm);transition:opacity .15s ease;transition:opacity var(--transition-fast)}.editable:hover .admin-edit-btn{opacity:1}.edit-modal{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;padding:24px;padding:var(--spacing-lg);position:fixed;z-index:2000}.edit-modal-content{background:#1e293b;background:var(--color-bg-secondary);border-radius:16px;border-radius:var(--border-radius-xl);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.edit-modal-header{align-items:center;border-bottom:1px solid #334155;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between}.edit-modal-body,.edit-modal-header{padding:24px;padding:var(--spacing-lg)}.edit-field{margin-bottom:16px;margin-bottom:var(--spacing-md)}.edit-field label{color:#94a3b8;color:var(--color-text-secondary);display:block;font-size:14px;font-size:var(--font-size-sm);font-weight:500;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.edit-field input,.edit-field textarea{background:#334155;background:var(--color-bg-tertiary);border:1px solid #334155;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius-md);color:#f1f5f9;color:var(--color-text-primary);font-family:inherit;font-size:16px;font-size:var(--font-size-base);padding:16px;padding:var(--spacing-md);width:100%}.edit-field textarea{min-height:150px;resize:vertical}.edit-modal-actions{border-top:1px solid #334155;border-top:1px solid var(--color-border);display:flex;gap:16px;gap:var(--spacing-md);justify-content:flex-end;padding:24px;padding:var(--spacing-lg)}.login-modal{max-width:400px}.login-error{background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--color-danger);border-radius:8px;border-radius:var(--border-radius-md);color:#ef4444;color:var(--color-danger);font-size:14px;font-size:var(--font-size-sm);margin-bottom:16px;margin-bottom:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.theme-toggle{background:none;border:1px solid #334155;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius-md);color:#94a3b8;color:var(--color-text-secondary);cursor:pointer;padding:8px;padding:var(--spacing-sm);transition:all .15s ease;transition:all var(--transition-fast)}.theme-toggle:hover{border-color:#6366f1;border-color:var(--color-accent-primary);color:#6366f1;color:var(--color-accent-primary)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--color-accent-gradient);-webkit-background-clip:text;background-clip:text}.spinner{animation:spin .8s linear infinite;border:2px solid #334155;border-top-color:#6366f1;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-accent-primary);height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.portfolio-redesign{height:100vh;overflow:hidden;position:relative;width:100%}.loading-screen{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md);justify-content:center;min-height:100vh}.loading-screen .spinner{height:40px;width:40px}.admin-controls{display:flex;gap:8px;gap:var(--spacing-sm);position:fixed;right:24px;right:var(--spacing-lg);top:24px;top:var(--spacing-lg);z-index:1000}.btn-admin{background:#6366f133;border:1px solid #6366f1;border:1px solid var(--color-accent-primary);border-radius:8px;border-radius:var(--border-radius-md);color:#6366f1;color:var(--color-accent-primary);cursor:pointer;font-size:14px;font-size:var(--font-size-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.btn-admin:hover{background:#6366f1;background:var(--color-accent-primary);color:#fff}.scroll-container{height:100vh;overflow-y:scroll;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none;width:100%}.scroll-container::-webkit-scrollbar{display:none}.scroll-section{padding-top:48px;padding-top:var(--spacing-2xl);position:relative;scroll-snap-align:start;scroll-snap-stop:always}.scroll-section,.scroll-section-content{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;width:100%}.progress-indicator{align-items:center;display:flex;gap:16px;gap:var(--spacing-md);position:fixed;right:32px;right:var(--spacing-xl);top:50%;transform:translateY(-50%);z-index:100}.progress-line-track{background:#334155;background:var(--color-border);border-radius:2px;height:200px;overflow:hidden;position:relative;width:2px}.progress-line-fill{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--color-accent-gradient);height:100%;left:0;position:absolute;top:0;transform-origin:top;width:100%}.progress-dots{display:flex;flex-direction:column;gap:32px;gap:var(--spacing-xl)}.progress-dot{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:8px;gap:var(--spacing-sm);padding:8px;padding:var(--spacing-sm);position:relative}.progress-dot-inner{background:#334155;background:var(--color-border);border:2px solid #0f172a;border:2px solid var(--color-bg-primary);border-radius:50%;height:12px;transition:all .2s ease;transition:all var(--transition-base);width:12px}.progress-dot.active .progress-dot-inner{background:#6366f1;background:var(--color-accent-primary);box-shadow:0 0 10px #6366f180;transform:scale(1.2)}.progress-dot.completed .progress-dot-inner{background:#8b5cf6;background:var(--color-accent-secondary)}.progress-dot-label{color:#64748b;color:var(--color-text-muted);font-size:14px;font-size:var(--font-size-sm);margin-right:16px;margin-right:var(--spacing-md);opacity:0;pointer-events:none;position:absolute;right:100%;transform:translateX(10px);transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.progress-dot.active .progress-dot-label,.progress-dot:hover .progress-dot-label{color:#f1f5f9;color:var(--color-text-primary);opacity:1;transform:translateX(0)}@media (max-width:768px){.progress-indicator{right:16px;right:var(--spacing-md)}.progress-dot-label{display:none}.progress-line-track{height:120px}}.about-section{display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;overflow:visible;padding:48px;padding:var(--spacing-2xl);padding-bottom:64px;padding-bottom:var(--spacing-3xl);padding-right:100px;padding-top:64px;padding-top:var(--spacing-3xl);position:relative;width:100%}.about-background{background:radial-gradient(ellipse at 20% 30%,#6366f126 0,#0000 50%),radial-gradient(ellipse at 80% 70%,#8b5cf61a 0,#0000 50%);inset:0;pointer-events:none;position:absolute;z-index:0}.business-card{align-items:flex-start;display:flex;gap:48px;gap:var(--spacing-2xl);max-width:900px;padding:48px;padding:var(--spacing-2xl);position:relative;z-index:1}.business-card.no-border{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;box-shadow:none}[data-theme=light] .business-card.no-border{background:#0000}.business-card-photo-wrapper{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md)}.business-card-photo{flex-shrink:0;position:relative}.business-card-photo.circular{border-radius:50%;height:200px;overflow:hidden;width:200px}.business-card-photo.circular img{border:none;border-radius:50%;box-shadow:0 0 40px #6366f14d;height:100%;object-fit:cover;width:100%}.business-card-photo img{border-radius:12px;border-radius:var(--border-radius-lg);height:150px;object-fit:cover;width:150px}.photo-upload-overlay{align-items:center;background:#0009;border-radius:50%;display:flex;inset:0;justify-content:center;position:absolute}.photo-upload-btn{background:#1e293b;background:var(--color-bg-secondary);border:1px solid #334155;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius-md);color:#f1f5f9;color:var(--color-text-primary);cursor:pointer;font-size:14px;font-size:var(--font-size-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.photo-upload-btn:hover{background:#6366f1;background:var(--color-accent-primary);border-color:#6366f1;border-color:var(--color-accent-primary);color:#fff}.photo-upload-btn:disabled{cursor:not-allowed;opacity:.5}.business-card-info{flex:1 1;padding-top:16px;padding-top:var(--spacing-md)}.business-card-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--color-accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:48px;font-size:var(--font-size-5xl);font-weight:800;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.business-card-title{color:#6366f1;color:var(--color-accent-primary);font-size:24px;font-size:var(--font-size-2xl);font-weight:500;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.business-card-bio{color:#94a3b8;color:var(--color-text-secondary);font-size:18px;font-size:var(--font-size-lg);line-height:1.8;max-width:500px}.action-buttons{display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md);margin-top:48px;margin-top:var(--spacing-2xl);position:relative;z-index:1}.action-button{align-items:center;background:#1e293b;background:var(--color-bg-secondary);border:1px solid #334155;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--border-radius-lg);color:#f1f5f9;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:16px;font-size:var(--font-size-base);font-weight:500;gap:8px;gap:var(--spacing-sm);padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl);transition:all .2s ease;transition:all var(--transition-base)}.action-button:hover{background:#6366f11a}.action-button.active,.action-button:hover{border-color:#6366f1;border-color:var(--color-accent-primary)}.action-button.active{background:#6366f126}.action-button-icon{font-size:18px;font-size:var(--font-size-lg)}.action-button-arrow{color:#64748b;color:var(--color-text-muted);font-size:12px;font-size:var(--font-size-xs);margin-left:4px;margin-left:var(--spacing-xs)}.dropdown-panel{margin-top:24px;margin-top:var(--spacing-lg);max-width:900px;position:relative;width:100%;z-index:10}.dropdown-panel.dropdown-experience{max-width:1200px}.dropdown-content{background:#1e293b;background:var(--color-bg-secondary);border:1px solid #334155;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--border-radius-lg);max-height:60vh;overflow-y:auto;padding:32px;padding:var(--spacing-xl)}.dropdown-experience .dropdown-content-wrapper{max-height:none;overflow:visible}.dropdown-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md)}.dropdown-title{color:#f1f5f9;color:var(--color-text-primary);font-size:20px;font-size:var(--font-size-xl);font-weight:600}.dropdown-description{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.btn-edit-small,.dropdown-description{color:#94a3b8;color:var(--color-text-secondary)}.btn-edit-small{background:#0000;border:1px solid #334155;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius-md);cursor:pointer;font-size:14px;font-size:var(--font-size-sm);padding:4px 16px;padding:var(--spacing-xs) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.btn-edit-small:hover{border-color:#6366f1;border-color:var(--color-accent-primary);color:#6366f1;color:var(--color-accent-primary)}.experience-list{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.experience-item{background:#334155;background:var(--color-bg-tertiary);border-left:3px solid #6366f1;border-left:3px solid var(--color-accent-primary);border-radius:8px;border-radius:var(--border-radius-md);padding:24px;padding:var(--spacing-lg)}.experience-item-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.experience-company{color:#f1f5f9;color:var(--color-text-primary);font-size:18px;font-size:var(--font-size-lg);font-weight:600}.experience-period{color:#6366f1;color:var(--color-accent-primary);font-size:14px;font-size:var(--font-size-sm);font-weight:500}.experience-role{color:#8b5cf6;color:var(--color-accent-secondary);font-size:16px;font-size:var(--font-size-base);font-weight:500;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.experience-description{color:#94a3b8;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-sm);line-height:1.6}.experience-editor{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.experience-edit-item{background:#334155;background:var(--color-bg-tertiary);border-radius:8px;border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md);padding:24px;padding:var(--spacing-lg)}.experience-edit-item input,.experience-edit-item textarea{background:#0f172a;background:var(--color-bg-primary);border:1px solid #334155;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius-md);color:#f1f5f9;color:var(--color-text-primary);font-family:inherit;font-size:16px;font-size:var(--font-size-base);padding:16px;padding:var(--spacing-md);width:100%}.experience-edit-item input:focus,.experience-edit-item textarea:focus{border-color:#6366f1;border-color:var(--color-accent-primary);outline:none}.experience-edit-item textarea{min-height:100px;resize:vertical}.btn-remove{align-self:flex-start;background:#0000;border:1px solid #ef4444;border:1px solid var(--color-danger);border-radius:8px;border-radius:var(--border-radius-md);color:#ef4444;color:var(--color-danger);cursor:pointer;font-size:14px;font-size:var(--font-size-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.btn-remove:hover{background:#ef4444;background:var(--color-danger);color:#fff}.experience-edit-actions{display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md)}.resume-section{display:flex;gap:32px;gap:var(--spacing-xl)}.resume-content{display:flex;flex:1 1;flex-direction:column;gap:16px;gap:var(--spacing-md)}.no-resume-text{color:#64748b;color:var(--color-text-muted);font-style:italic}.upload-resume-btn{align-self:flex-start}.resume-preview{background:#334155;background:var(--color-bg-tertiary);border-radius:8px;border-radius:var(--border-radius-md);flex:1 1;max-width:400px;min-width:300px;overflow:hidden}.resume-iframe{border:none;height:400px;width:100%}@media (max-width:768px){.resume-section{flex-direction:column}.resume-preview{max-width:100%}}.contact-links-dropdown{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md)}.contact-link-item{align-items:center;background:#334155;background:var(--color-bg-tertiary);border-radius:8px;border-radius:var(--border-radius-md);color:#f1f5f9;color:var(--color-text-primary);display:flex;gap:8px;gap:var(--spacing-sm);padding:16px;padding:var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.contact-link-item:hover{background:#6366f1;background:var(--color-accent-primary);color:#fff}.download-resume-btn{margin-top:16px;margin-top:var(--spacing-md)}@media (max-width:1024px){.about-section{padding-right:80px}.business-card-name{font-size:36px;font-size:var(--font-size-4xl)}.ideas-section,.projects-section{padding-right:80px}}@media (max-width:768px){.admin-controls{right:16px;right:var(--spacing-md);top:16px;top:var(--spacing-md)}.btn-admin{font-size:12px;font-size:var(--font-size-xs);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.progress-indicator{right:8px;right:var(--spacing-sm)}.progress-line-track{height:100px;width:2px}.progress-dot-inner{height:10px;width:10px}.progress-dots{gap:24px;gap:var(--spacing-lg)}.scroll-section{padding-top:32px;padding-top:var(--spacing-xl)}.about-section{justify-content:flex-start;padding:16px;padding:var(--spacing-md);padding-right:50px;padding-top:48px;padding-top:var(--spacing-2xl)}.business-card{align-items:center;flex-direction:column;gap:16px;gap:var(--spacing-md);padding:16px;padding:var(--spacing-md);text-align:center}.business-card-photo-wrapper{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.business-card-photo.circular,.business-card-photo.circular img{height:120px;width:120px}.photo-upload-btn{font-size:12px;font-size:var(--font-size-xs);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.business-card-info{padding-top:0}.business-card-name{font-size:24px;font-size:var(--font-size-2xl)}.business-card-title{font-size:16px;font-size:var(--font-size-base);margin-bottom:8px;margin-bottom:var(--spacing-sm)}.business-card-bio{font-size:14px;font-size:var(--font-size-sm);line-height:1.6}.action-buttons{gap:8px;gap:var(--spacing-sm);justify-content:center;margin-top:24px;margin-top:var(--spacing-lg)}.action-button{flex:1 1 calc(50% - 8px);flex:1 1 calc(50% - var(--spacing-sm));font-size:14px;font-size:var(--font-size-sm);justify-content:center;min-width:0;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.action-button-icon{font-size:16px;font-size:var(--font-size-base)}.action-button-label{font-size:12px;font-size:var(--font-size-xs)}.action-button-arrow{display:none}.dropdown-panel{margin-top:16px;margin-top:var(--spacing-md);max-width:100%}.dropdown-content{max-height:50vh;padding:16px;padding:var(--spacing-md)}.dropdown-title{font-size:18px;font-size:var(--font-size-lg)}.resume-section{flex-direction:column}.resume-preview{max-width:100%;min-width:auto}.resume-iframe{height:300px}.experience-item{padding:16px;padding:var(--spacing-md)}.experience-item-header{align-items:flex-start;flex-direction:column}.experience-edit-item input,.experience-edit-item textarea{font-size:14px;font-size:var(--font-size-sm);padding:8px;padding:var(--spacing-sm)}.experience-edit-actions{flex-direction:column}.experience-edit-actions .btn{justify-content:center;width:100%}.contact-links-dropdown{gap:8px;gap:var(--spacing-sm)}.contact-link-item{font-size:14px;font-size:var(--font-size-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width:480px){.about-section{padding:8px;padding:var(--spacing-sm);padding-right:40px;padding-top:32px;padding-top:var(--spacing-xl)}.business-card-photo.circular,.business-card-photo.circular img{height:100px;width:100px}.business-card-name{font-size:20px;font-size:var(--font-size-xl)}.business-card-title{font-size:14px;font-size:var(--font-size-sm)}.action-button,.business-card-bio{font-size:12px;font-size:var(--font-size-xs)}.action-button{padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.action-button-icon{font-size:14px;font-size:var(--font-size-sm)}.dropdown-content{padding:8px;padding:var(--spacing-sm)}.progress-indicator{right:4px;right:var(--spacing-xs)}.progress-line-track{height:80px}.progress-dot-inner{height:8px;width:8px}}.ideas-section,.projects-section{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:48px;padding:var(--spacing-2xl);padding-right:100px;position:relative;width:100%}.ideas-header,.projects-header{margin-bottom:48px;margin-bottom:var(--spacing-2xl);text-align:center}.ideas-title,.projects-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--color-accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:36px;font-size:var(--font-size-4xl);font-weight:800;margin-bottom:16px;margin-bottom:var(--spacing-md)}.ideas-subtitle,.projects-subtitle{color:#94a3b8;color:var(--color-text-secondary);font-size:18px;font-size:var(--font-size-lg)}.carousel-wrapper{align-items:center;display:flex;position:relative;width:100%}.carousel-container{display:flex;gap:32px;gap:var(--spacing-xl);overflow-x:auto;padding:16px 0;padding:var(--spacing-md) 0;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.carousel-container::-webkit-scrollbar{display:none}.carousel-arrow{align-items:center;background:#1e293b;background:var(--color-bg-secondary);border:1px solid #334155;border:1px solid var(--color-border);border-radius:50%;color:#f1f5f9;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:24px;font-size:var(--font-size-2xl);height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .15s ease;transition:all var(--transition-fast);width:50px;z-index:10}.carousel-arrow:hover{background:#6366f1;background:var(--color-accent-primary);border-color:#6366f1;border-color:var(--color-accent-primary);color:#fff}.carousel-arrow-left{left:-25px}.carousel-arrow-right{right:-25px}.carousel-hint{color:#64748b;color:var(--color-text-muted);display:none;font-size:14px;font-size:var(--font-size-sm);margin-top:24px;margin-top:var(--spacing-lg);text-align:center}@media (max-width:768px){.carousel-arrow{display:none}.carousel-hint{display:block}}.idea-card,.project-card-new{background:#1e293b;background:var(--color-bg-secondary);border:1px solid #334155;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--border-radius-xl);display:flex;flex:0 0 calc(100% - 32px);flex:0 0 calc(100% - var(--spacing-xl));max-width:900px;min-width:300px;overflow:hidden;position:relative;scroll-snap-align:center;transition:all .2s ease;transition:all var(--transition-base)}.idea-card:hover,.project-card-new:hover{border-color:#6366f1;border-color:var(--color-accent-primary);box-shadow:0 20px 25px #0000004d;box-shadow:var(--shadow-xl)}.idea-card-image,.project-card-image{background:#334155;background:var(--color-bg-tertiary);flex:0 0 50%;overflow:hidden;position:relative}.idea-card-image img,.project-card-image img{height:100%;min-height:300px;object-fit:cover;transition:transform .3s ease;transition:transform var(--transition-slow);width:100%}.project-card-image.is-logo img{background:linear-gradient(135deg,#0a0a1a,#1a1035);object-fit:contain;padding:16px;padding:var(--spacing-md)}.idea-card:hover .idea-card-image img,.project-card-new:hover .project-card-image img{transform:scale(1.05)}.idea-status-badge{border-radius:9999px;border-radius:var(--border-radius-full);color:#fff;font-size:12px;font-size:var(--font-size-xs);font-weight:600;left:16px;left:var(--spacing-md);padding:4px 16px;padding:var(--spacing-xs) var(--spacing-md);position:absolute;top:16px;top:var(--spacing-md)}.idea-card-content,.project-card-content{display:flex;flex:0 0 50%;flex-direction:column;justify-content:center;padding:48px;padding:var(--spacing-2xl)}.idea-card-title,.project-card-title{color:#f1f5f9;color:var(--color-text-primary);font-size:24px;font-size:var(--font-size-2xl);font-weight:700;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.idea-card-subtitle,.project-card-subtitle{color:#6366f1;color:var(--color-accent-primary);font-size:16px;font-size:var(--font-size-base);font-weight:500;margin-bottom:16px;margin-bottom:var(--spacing-md)}.idea-card-description,.project-card-description{color:#94a3b8;color:var(--color-text-secondary);font-size:16px;font-size:var(--font-size-base);line-height:1.7;margin-bottom:32px;margin-bottom:var(--spacing-xl)}.idea-card-btn,.project-card-btn{align-self:flex-start}@media (max-width:768px){.ideas-section,.projects-section{justify-content:flex-start;padding:16px;padding:var(--spacing-md);padding-right:50px;padding-top:32px;padding-top:var(--spacing-xl)}.ideas-header,.projects-header{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.ideas-title,.projects-title{font-size:20px;font-size:var(--font-size-xl)}.ideas-subtitle,.projects-subtitle{font-size:14px;font-size:var(--font-size-sm)}.carousel-wrapper{margin:0 -16px;margin:0 calc(var(--spacing-md)*-1);padding:0 16px;padding:0 var(--spacing-md)}.carousel-container{gap:16px;gap:var(--spacing-md);padding:8px 0;padding:var(--spacing-sm) 0}.idea-card,.project-card-new{flex-direction:column;max-width:calc(100vw - 80px);min-width:calc(100vw - 80px)}.idea-card-content,.idea-card-image,.project-card-content,.project-card-image{flex:0 0 auto}.idea-card-image img,.project-card-image img{max-height:180px;min-height:150px}.idea-card-content,.project-card-content{padding:16px;padding:var(--spacing-md)}.idea-card-title,.project-card-title{font-size:18px;font-size:var(--font-size-lg)}.idea-card-subtitle,.project-card-subtitle{font-size:14px;font-size:var(--font-size-sm)}.idea-card-description,.project-card-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;font-size:var(--font-size-sm);line-height:1.5;margin-bottom:16px;margin-bottom:var(--spacing-md);overflow:hidden}.idea-card-btn,.project-card-btn{font-size:14px;font-size:var(--font-size-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.carousel-hint{font-size:12px;font-size:var(--font-size-xs);margin-top:16px;margin-top:var(--spacing-md)}}@media (max-width:480px){.ideas-section,.projects-section{padding:8px;padding:var(--spacing-sm);padding-right:40px;padding-top:24px;padding-top:var(--spacing-lg)}.ideas-title,.projects-title{font-size:18px;font-size:var(--font-size-lg)}.idea-card,.project-card-new{max-width:calc(100vw - 60px);min-width:calc(100vw - 60px)}.idea-card-image img,.project-card-image img{max-height:150px;min-height:120px}.idea-card-content,.project-card-content{padding:8px;padding:var(--spacing-sm)}.idea-card-title,.project-card-title{font-size:16px;font-size:var(--font-size-base)}.idea-card-description,.project-card-description{-webkit-line-clamp:2;font-size:12px;font-size:var(--font-size-xs)}}.idea-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;display:flex;inset:0;justify-content:center;padding:24px;padding:var(--spacing-lg);position:fixed;z-index:2000}.idea-modal{background:#1e293b;background:var(--color-bg-secondary);border-radius:16px;border-radius:var(--border-radius-xl);max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:100%}.idea-modal-close{background:#334155;background:var(--color-bg-tertiary);border:none;border-radius:50%;color:#f1f5f9;color:var(--color-text-primary);cursor:pointer;font-size:18px;font-size:var(--font-size-lg);height:40px;position:absolute;right:16px;right:var(--spacing-md);top:16px;top:var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast);width:40px;z-index:10}.idea-modal-close:hover{background:#6366f1;background:var(--color-accent-primary);color:#fff}.idea-modal-header{height:250px;overflow:hidden;width:100%}.idea-modal-image{height:100%;object-fit:cover;width:100%}.idea-modal-body{padding:48px;padding:var(--spacing-2xl)}.idea-modal-title{color:#f1f5f9;color:var(--color-text-primary);font-size:30px;font-size:var(--font-size-3xl);font-weight:700;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.idea-modal-subtitle{color:#6366f1;color:var(--color-accent-primary);font-size:18px;font-size:var(--font-size-lg);margin-bottom:16px;margin-bottom:var(--spacing-md)}.idea-modal-status{background:#334155;background:var(--color-bg-tertiary);border-radius:9999px;border-radius:var(--border-radius-full);display:inline-block;font-size:14px;font-size:var(--font-size-sm);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:4px 16px;padding:var(--spacing-xs) var(--spacing-md)}.idea-modal-description,.idea-modal-status{color:#94a3b8;color:var(--color-text-secondary)}.idea-modal-description{font-size:16px;font-size:var(--font-size-base);line-height:1.8}@media (max-width:768px){.idea-modal-overlay{padding:16px;padding:var(--spacing-md)}.idea-modal{border-radius:12px;border-radius:var(--border-radius-lg);max-height:85vh}.idea-modal-close{font-size:16px;font-size:var(--font-size-base);height:32px;right:8px;right:var(--spacing-sm);top:8px;top:var(--spacing-sm);width:32px}.idea-modal-header{height:180px}.idea-modal-body{padding:24px;padding:var(--spacing-lg)}.idea-modal-title{font-size:20px;font-size:var(--font-size-xl)}.idea-modal-subtitle{font-size:16px;font-size:var(--font-size-base)}.idea-modal-description{font-size:14px;font-size:var(--font-size-sm);line-height:1.6}}@media (max-width:480px){.idea-modal-overlay{padding:8px;padding:var(--spacing-sm)}.idea-modal-header{height:150px}.idea-modal-body{padding:16px;padding:var(--spacing-md)}.idea-modal-title{font-size:18px;font-size:var(--font-size-lg)}}.skills-section-container{display:flex;gap:48px;gap:var(--spacing-2xl);max-width:1100px;min-height:400px;padding:32px 0;padding:var(--spacing-xl) 0;width:100%}.skills-categories-panel{display:flex;flex:0 0 70%;flex-direction:column;gap:32px;gap:var(--spacing-xl)}.skills-category{cursor:pointer;transition:all .15s ease;transition:all var(--transition-fast)}.skills-category-header{align-items:center;border-left:3px solid #0000;display:flex;gap:8px;gap:var(--spacing-sm);margin-bottom:16px;margin-bottom:var(--spacing-md);padding-left:16px;padding-left:var(--spacing-md)}.skills-category.active .skills-category-header{border-left-style:solid;border-left-width:3px}.skills-category-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.skills-category-name{color:#f1f5f9;color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:600;margin:0}.skills-category-grid{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(4,1fr)}.skill-box-floating{align-items:center;background:#1e293b;background:var(--color-bg-secondary);border:1px solid #334155;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius-md);color:#f1f5f9;color:var(--color-text-primary);display:flex;font-size:14px;font-size:var(--font-size-sm);font-weight:500;gap:4px;gap:var(--spacing-xs);justify-content:center;min-height:42px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-align:center;transition:all .15s ease;transition:all var(--transition-fast)}.skill-box-floating:hover{background:#6366f114;border-color:#6366f1;border-color:var(--skill-color,var(--color-accent-primary));box-shadow:0 1px 2px #0000004d;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.skill-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-remove-btn{align-items:center;background:#ef4444;background:var(--color-danger);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;opacity:0;position:absolute;right:-6px;top:-6px;transition:opacity .15s ease;transition:opacity var(--transition-fast);width:18px}.skill-box-floating:hover .skill-remove-btn{opacity:1}.skill-add-btn{align-items:center;background:#0000;border:2px dashed #334155;border:2px dashed var(--color-border);border-radius:8px;border-radius:var(--border-radius-md);color:#64748b;color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;min-height:42px;padding:8px;padding:var(--spacing-sm);transition:all .15s ease;transition:all var(--transition-fast)}.skill-add-btn:hover{background:#6366f10d;border-color:#6366f1;border-color:var(--color-accent-primary);color:#6366f1;color:var(--color-accent-primary)}.skill-add-icon{font-size:20px;font-size:var(--font-size-xl);font-weight:300}.skills-description-panel{flex:0 0 28%;height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:32px;top:var(--spacing-xl)}.skills-description-content{background:#1e293b;background:var(--color-bg-secondary);border:1px solid #334155;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--border-radius-xl);box-shadow:0 4px 6px #0000004d;box-shadow:var(--shadow-md);padding:32px;padding:var(--spacing-xl)}.skills-description-header{align-items:center;border-bottom:2px solid #334155;border-bottom:2px solid var(--color-border);display:flex;gap:16px;gap:var(--spacing-md);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding-bottom:16px;padding-bottom:var(--spacing-md)}.skills-description-icon{align-items:center;border-radius:12px;border-radius:var(--border-radius-lg);display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.skills-description-title{color:#f1f5f9;color:var(--color-text-primary);font-size:18px;font-size:var(--font-size-lg);font-weight:700;margin:0}.skills-description-text{color:#94a3b8;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-sm);line-height:1.7;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.skills-description-count{align-items:baseline;display:flex;gap:4px;gap:var(--spacing-xs)}.skills-description-count .count-number{color:#6366f1;color:var(--color-accent-primary);font-size:30px;font-size:var(--font-size-3xl);font-weight:700}.skills-description-count .count-label,.skills-saving-indicator{color:#64748b;color:var(--color-text-muted);font-size:14px;font-size:var(--font-size-sm)}.skills-saving-indicator{align-items:center;bottom:-30px;display:flex;gap:8px;gap:var(--spacing-sm);left:0;position:absolute}.spinner-small{animation:spin .8s linear infinite;border:2px solid #334155;border-top-color:#6366f1;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-accent-primary);height:14px;width:14px}@media (max-width:1024px){.skills-section-container{flex-direction:column;gap:32px;gap:var(--spacing-xl)}.skills-categories-panel{flex:1 1}.skills-description-panel{flex:1 1;position:relative;top:0}.skills-category-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.skills-category-grid{grid-template-columns:repeat(3,1fr)}.skill-box-floating{font-size:12px;font-size:var(--font-size-xs);min-height:36px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:480px){.skills-category-grid{grid-template-columns:repeat(2,1fr)}.skills-description-content{padding:16px;padding:var(--spacing-md)}}.certifications-section{max-width:900px;padding:24px;padding:var(--spacing-lg);width:100%}.certifications-header{margin-bottom:48px;margin-bottom:var(--spacing-2xl);text-align:center}.certifications-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--color-accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:24px;font-size:var(--font-size-2xl);font-weight:700;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.certifications-description{color:#94a3b8;color:var(--color-text-secondary);font-size:16px;font-size:var(--font-size-base)}.certifications-grid{grid-gap:32px;grid-gap:var(--spacing-xl);display:grid;gap:32px;gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr)}.certification-badge-card{align-items:center;background:#1e293b;background:var(--color-bg-secondary);border:1px solid #334155;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--border-radius-xl);cursor:pointer;display:flex;flex-direction:column;padding:32px;padding:var(--spacing-xl);text-decoration:none;transition:all .3s ease}.certification-badge-card:hover{background:#334155;background:var(--color-bg-tertiary);border-color:#6366f1;border-color:var(--color-accent-primary);box-shadow:0 10px 40px #6366f126}.certification-badge-image{align-items:center;display:flex;height:140px;justify-content:center;margin-bottom:24px;margin-bottom:var(--spacing-lg);width:140px}.certification-badge-image img{height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.certification-badge-card:hover .certification-badge-image img{transform:scale(1.05)}.certification-badge-info{margin-bottom:16px;margin-bottom:var(--spacing-md);text-align:center}.certification-badge-name{color:#f1f5f9;color:var(--color-text-primary);font-size:16px;font-size:var(--font-size-base);font-weight:600;line-height:1.3;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.certification-badge-subtitle{color:#6366f1;color:var(--color-accent-primary);display:block;font-size:14px;font-size:var(--font-size-sm);font-weight:500;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.certification-badge-issuer{color:#64748b;color:var(--color-text-muted);font-size:14px;font-size:var(--font-size-sm)}.certification-badge-verify{align-items:center;background:#6366f11a;border-radius:9999px;border-radius:var(--border-radius-full);display:flex;gap:4px;gap:var(--spacing-xs);margin-top:8px;margin-top:var(--spacing-sm);padding:4px 16px;padding:var(--spacing-xs) var(--spacing-md);transition:all .2s ease}.certification-badge-card:hover .certification-badge-verify{background:#6366f133}.verify-icon{color:#22c55e;color:var(--color-success);font-size:14px;font-size:var(--font-size-sm);font-weight:700}.verify-text{color:#6366f1;color:var(--color-accent-primary);font-size:12px;font-size:var(--font-size-xs);font-weight:500}@media (max-width:768px){.certifications-grid{gap:24px;gap:var(--spacing-lg);grid-template-columns:1fr}.certification-badge-card{padding:24px;padding:var(--spacing-lg)}.certification-badge-image{height:120px;width:120px}}@media (max-width:480px){.certifications-section{padding:16px;padding:var(--spacing-md)}.certifications-title{font-size:20px;font-size:var(--font-size-xl)}.certification-badge-image{height:100px;width:100px}}.experience-timeline-floating{max-width:1200px;width:100%}.timeline-header-floating{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--spacing-xl)}.timeline-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--color-accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:24px;font-size:var(--font-size-2xl);font-weight:700}.timeline-container-floating{padding-left:40px;position:relative}.timeline-line{background:linear-gradient(180deg,#6366f1,#8b5cf6);background:linear-gradient(180deg,var(--color-accent-primary) 0,var(--color-accent-secondary) 100%);border-radius:2px;bottom:0;left:15px;position:absolute;top:0;width:3px}.timeline-item-floating{margin-bottom:32px;margin-bottom:var(--spacing-xl);padding-left:32px;padding-left:var(--spacing-xl);position:relative}.timeline-item-floating:last-child{margin-bottom:0}.timeline-dot{background:#6366f1;background:var(--color-accent-primary);border:3px solid #0f172a;border:3px solid var(--color-bg-primary);border-radius:50%;box-shadow:0 0 0 3px #6366f14d;height:18px;left:-33px;position:absolute;top:8px;width:18px;z-index:1}.timeline-content{background:#1e293b;background:var(--color-bg-secondary);border:1px solid #334155;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--border-radius-lg);padding:24px;padding:var(--spacing-lg);transition:all .15s ease;transition:all var(--transition-fast)}.timeline-content:hover{border-color:#6366f1;border-color:var(--color-accent-primary);box-shadow:0 4px 6px #0000004d;box-shadow:var(--shadow-md);transform:translateX(5px)}.timeline-period{background:#6366f126;border-radius:9999px;border-radius:var(--border-radius-full);color:#6366f1;color:var(--color-accent-primary);display:inline-block;font-size:12px;font-size:var(--font-size-xs);font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-sm);padding:4px 16px;padding:var(--spacing-xs) var(--spacing-md)}.timeline-company{color:#f1f5f9;color:var(--color-text-primary);font-size:18px;font-size:var(--font-size-lg);font-weight:600;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.timeline-role{color:#8b5cf6;color:var(--color-accent-secondary);font-size:16px;font-size:var(--font-size-base);font-weight:500;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.timeline-description{word-wrap:break-word;color:#94a3b8;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-sm);line-height:1.7;overflow-wrap:break-word}.experience-editor-floating{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg)}@media (max-width:768px){.timeline-header-floating{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.timeline-title{font-size:20px;font-size:var(--font-size-xl)}.timeline-container-floating{padding-left:30px}.timeline-line{left:10px;width:2px}.timeline-dot{height:14px;left:-26px;width:14px}.timeline-content{padding:16px;padding:var(--spacing-md)}.timeline-company{font-size:16px;font-size:var(--font-size-base)}.timeline-role{font-size:14px;font-size:var(--font-size-sm)}.timeline-description{font-size:12px;font-size:var(--font-size-xs)}}.timeline-scroll-container{display:flex;gap:24px;gap:var(--spacing-lg);height:500px;position:relative}.timeline-scroll-area{flex:1 1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:16px;padding-right:var(--spacing-md);scroll-behavior:smooth}.timeline-scroll-area::-webkit-scrollbar{width:6px}.timeline-scroll-area::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.timeline-scroll-area::-webkit-scrollbar-thumb{background:#6366f166;border-radius:3px}.timeline-scroll-area::-webkit-scrollbar-thumb:hover{background:#6366f199}.timeline-progress-container{align-items:center;display:flex;flex-direction:column;padding:8px 0;padding:var(--spacing-sm) 0;position:relative;width:60px}.timeline-progress-track{background:#ffffff1a;border-radius:2px;bottom:8px;bottom:var(--spacing-sm);left:10px;overflow:hidden;position:absolute;top:8px;top:var(--spacing-sm);width:4px}.timeline-progress-fill{background:linear-gradient(180deg,#6366f1,#f59e0b);background:linear-gradient(180deg,var(--color-accent-primary) 0,#f59e0b 100%);border-radius:2px;left:0;position:absolute;top:0;transition:height .15s ease-out;width:100%}.timeline-year-markers{bottom:8px;bottom:var(--spacing-sm);left:24px;position:absolute;top:8px;top:var(--spacing-sm);width:40px}.timeline-year-marker{color:var(--color-text-tertiary);font-size:12px;font-size:var(--font-size-xs);font-weight:600;position:absolute;transform:translateY(-50%);transition:color .3s ease}.timeline-year-marker.passed{color:#6366f1;color:var(--color-accent-primary)}.timeline-item-floating.active .timeline-content{border-color:#6366f1;border-color:var(--color-accent-primary);box-shadow:0 0 20px #6366f133;transform:scale(1.02)}.timeline-dot.active{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b4d,0 0 15px #f59e0b66;transform:scale(1.2)}.timeline-skills{display:flex;flex-wrap:wrap;gap:4px;gap:var(--spacing-xs);margin-top:16px;margin-top:var(--spacing-md)}.timeline-skill-tag{background:#6366f126;border:1px solid #6366f14d;border-radius:9999px;border-radius:var(--border-radius-full);color:#6366f1;color:var(--color-accent-primary);display:inline-block;font-size:11px;font-weight:500;padding:4px 10px;transition:all .2s ease}.timeline-skill-tag:hover{background:#6366f140;border-color:#6366f1;border-color:var(--color-accent-primary)}.timeline-empty-state{align-items:center;color:#94a3b8;color:var(--color-text-secondary);display:flex;flex-direction:column;height:200px;justify-content:center;text-align:center}.timeline-empty-state p{margin:4px 0;margin:var(--spacing-xs) 0}.contact-icon{align-items:center;background:#6366f126;border-radius:4px;border-radius:var(--border-radius-sm);color:#6366f1;color:var(--color-accent-primary);display:inline-flex;font-size:12px;font-weight:700;height:24px;justify-content:center;margin-right:8px;margin-right:var(--spacing-sm);width:24px}@media (max-width:768px){.timeline-scroll-container{height:400px}.timeline-progress-container{width:45px}.timeline-year-markers{left:18px;width:30px}.timeline-year-marker{font-size:10px}}.resume-section-redesigned{display:flex;gap:32px;gap:var(--spacing-xl);max-width:1000px;width:100%}.resume-preview-large{background:#334155;background:var(--color-bg-tertiary);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px #0000004d;box-shadow:var(--shadow-lg);flex:1 1;min-width:0;overflow:hidden}.resume-iframe-large{border:none;height:500px;width:100%}.resume-controls-box{flex:0 0 280px;min-width:250px}.resume-controls-box .dropdown-content{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md)}.resume-controls-title{color:#f1f5f9;color:var(--color-text-primary);font-size:20px;font-size:var(--font-size-xl);font-weight:600;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.resume-controls-description{color:#94a3b8;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-sm);margin-bottom:16px;margin-bottom:var(--spacing-md)}.resume-controls-box .download-resume-btn,.resume-controls-box .upload-resume-btn{justify-content:center;width:100%}.resume-controls-box .no-resume-text{padding:16px;padding:var(--spacing-md);text-align:center}.resume-section-redesigned:not(:has(.resume-preview-large)){justify-content:center}.resume-section-redesigned:not(:has(.resume-preview-large)) .resume-controls-box{flex:0 0 400px;max-width:100%}@media (max-width:768px){.resume-section-redesigned{flex-direction:column;gap:16px;gap:var(--spacing-md)}.resume-preview-large{order:2}.resume-controls-box{flex:none;min-width:auto;order:1}.resume-iframe-large{height:350px}}@media (max-width:480px){.resume-iframe-large{height:280px}}.dropdown-content-wrapper{width:100%}.dropdown-content-wrapper.no-box .dropdown-content{background:#0000;border:none;padding:0}.project-card-buttons{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);margin-top:auto}.project-card-buttons .btn{justify-content:center;width:100%}.project-edit-btn{align-items:center;background:#6366f1;background:var(--color-accent-primary);border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;position:absolute;right:8px;right:var(--spacing-sm);top:8px;top:var(--spacing-sm);transition:all .15s ease;transition:all var(--transition-fast);width:36px;z-index:10}.project-edit-btn:hover{background:#8b5cf6;background:var(--color-accent-secondary);transform:scale(1.1)}.project-edit-input{background:#334155;background:var(--color-bg-tertiary);border:1px solid #334155;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius-md);color:#f1f5f9;color:var(--color-text-primary);font-family:var(--font-family-primary);margin-bottom:8px;margin-bottom:var(--spacing-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .15s ease;transition:border-color var(--transition-fast);width:100%}.project-edit-input:focus{border-color:#6366f1;border-color:var(--color-accent-primary);outline:none}.project-edit-title{font-size:20px;font-size:var(--font-size-xl);font-weight:700}.project-edit-subtitle{color:#6366f1;color:var(--color-accent-primary);font-size:var(--font-size-md)}.project-edit-description{font-size:16px;font-size:var(--font-size-base);min-height:80px;resize:vertical}.project-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:24px;padding:var(--spacing-lg);position:fixed;z-index:2000}.project-modal{background:#1e293b;background:var(--color-bg-secondary);border-radius:16px;border-radius:var(--border-radius-xl);box-shadow:0 20px 25px #0000004d;box-shadow:var(--shadow-xl);max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:100%}.project-modal-close{align-items:center;background:#334155;background:var(--color-bg-tertiary);border:none;border-radius:50%;color:#f1f5f9;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:24px;font-size:var(--font-size-2xl);height:40px;justify-content:center;position:absolute;right:16px;right:var(--spacing-md);top:16px;top:var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast);width:40px;z-index:10}.project-modal-close:hover{background:#6366f1;background:var(--color-accent-primary);color:#fff}.project-modal-header{background:#334155;background:var(--color-bg-tertiary);height:250px;overflow:hidden;width:100%}.project-modal-image{height:100%;object-fit:cover;width:100%}.project-modal-image.is-logo{background:linear-gradient(135deg,#0a0a1a,#1a1035);object-fit:contain;padding:24px;padding:var(--spacing-lg)}.project-modal-body{padding:48px;padding:var(--spacing-2xl)}.project-modal-title{color:#f1f5f9;color:var(--color-text-primary);font-size:30px;font-size:var(--font-size-3xl);font-weight:700;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.project-modal-subtitle{color:#6366f1;color:var(--color-accent-primary);font-size:18px;font-size:var(--font-size-lg);font-weight:500;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.project-modal-description{color:#94a3b8;color:var(--color-text-secondary);font-size:16px;font-size:var(--font-size-base);line-height:1.8;margin-bottom:32px;margin-bottom:var(--spacing-xl)}.project-modal-section{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.project-modal-section h4{color:#f1f5f9;color:var(--color-text-primary);font-size:16px;font-size:var(--font-size-base);font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.project-modal-tags{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.project-modal-tag{background:#6366f126;border-radius:9999px;border-radius:var(--border-radius-full);color:#6366f1;color:var(--color-accent-primary);font-size:14px;font-size:var(--font-size-sm);font-weight:500;padding:4px 16px;padding:var(--spacing-xs) var(--spacing-md)}.project-modal-features{list-style:none;margin:0;padding:0}.project-modal-features li{color:#94a3b8;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-sm);margin-bottom:8px;margin-bottom:var(--spacing-sm);padding-left:32px;padding-left:var(--spacing-xl);position:relative}.project-modal-features li:before{color:#22c55e;color:var(--color-success);content:"✓";font-weight:700;left:0;position:absolute}.project-modal-actions{border-top:1px solid #334155;border-top:1px solid var(--color-border);display:flex;gap:16px;gap:var(--spacing-md);margin-top:32px;margin-top:var(--spacing-xl);padding-top:24px;padding-top:var(--spacing-lg)}.project-modal-actions .btn{flex:1 1;justify-content:center}.project-architecture-section{background:#1e293b;background:var(--color-bg-secondary);border:1px solid #334155;border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:32px;margin-top:var(--spacing-xl);padding:24px;padding:var(--spacing-lg)}.project-architecture-description{color:#94a3b8;color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:16px;margin-bottom:var(--spacing-md)}.project-architecture-diagram{margin-top:16px;margin-top:var(--spacing-md);text-align:center}.architecture-image{border-radius:var(--radius-md);box-shadow:0 4px 20px #00000026;height:auto;max-width:100%;transition:transform .3s ease,box-shadow .3s ease}.architecture-image:hover{box-shadow:0 8px 30px #00000040;transform:scale(1.02)}.architecture-hint{color:#64748b;color:var(--color-text-muted);font-size:.8rem;font-style:italic;margin-top:8px;margin-top:var(--spacing-sm)}.project-modal.project-modal-with-nav{display:flex;flex-direction:column;max-height:85vh;max-width:950px;overflow:hidden}.project-modal-header-compact{align-items:center;background:#334155;background:var(--color-bg-tertiary);border-bottom:1px solid #334155;border-bottom:1px solid var(--color-border);display:flex;gap:24px;gap:var(--spacing-lg);padding:24px 32px;padding:var(--spacing-lg) var(--spacing-xl)}.project-modal-logo{border-radius:8px;border-radius:var(--border-radius-md);height:60px;object-fit:contain;width:60px}.project-modal-logo.is-logo{background:linear-gradient(135deg,#0a0a1a,#1a1035);padding:8px;padding:var(--spacing-sm)}.project-modal-header-text{flex:1 1}.project-modal-header-text .project-modal-title{font-size:20px;font-size:var(--font-size-xl);margin-bottom:4px;margin-bottom:var(--spacing-xs)}.project-modal-header-text .project-modal-subtitle{font-size:14px;font-size:var(--font-size-sm);margin-bottom:0}.project-modal-body-layout{display:flex;flex:1 1;overflow:hidden}.project-modal-nav-sidebar{background:#334155;background:var(--color-bg-tertiary);border-right:1px solid #334155;border-right:1px solid var(--color-border);display:flex;flex-shrink:0;padding:24px;padding:var(--spacing-lg);width:220px}.project-modal-nav-wrapper{display:flex;gap:16px;gap:var(--spacing-md);height:100%;min-height:200px;width:100%}.project-modal-nav-track{align-self:stretch;background:#334155;background:var(--color-border);border-radius:2px;flex-shrink:0;overflow:hidden;position:relative;width:3px}.project-modal-nav-fill{background:#6366f1;background:var(--color-accent-primary);border-radius:2px;left:0;position:absolute;top:0;transition:height .15s ease-out;width:100%}.project-modal-nav-items{display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:space-between}.project-modal-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:8px;gap:var(--spacing-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all .2s ease}.project-modal-nav-item:hover{background:#ffffff0d}.project-modal-nav-item.active{background:#6366f126}.project-modal-nav-item.passed .project-modal-nav-dot{background:#8b5cf6;background:var(--color-accent-secondary);border-color:#8b5cf6;border-color:var(--color-accent-secondary)}.project-modal-nav-dot{background:#0000;border:2px solid #334155;border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;height:10px;transition:all .2s ease;width:10px}.project-modal-nav-item.active .project-modal-nav-dot{background:#6366f1;background:var(--color-accent-primary);border-color:#6366f1;border-color:var(--color-accent-primary);box-shadow:0 0 8px #6366f180}.project-modal-nav-label{color:#94a3b8;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-sm);font-weight:500;transition:color .2s ease}.project-modal-nav-item.active .project-modal-nav-label,.project-modal-nav-item:hover .project-modal-nav-label{color:#f1f5f9;color:var(--color-text-primary)}.project-modal-content{flex:1 1;overflow-y:auto;padding:32px;padding:var(--spacing-xl);scroll-behavior:smooth}.project-modal-section-block{border-bottom:1px solid #334155;border-bottom:1px solid var(--color-border);margin-bottom:48px;margin-bottom:var(--spacing-2xl);padding-bottom:32px;padding-bottom:var(--spacing-xl)}.project-modal-section-block:last-of-type{border-bottom:none}.project-modal-section-title{color:#f1f5f9;color:var(--color-text-primary);font-size:18px;font-size:var(--font-size-lg);font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-md)}.project-modal-section-text{color:#94a3b8;color:var(--color-text-secondary);font-size:16px;font-size:var(--font-size-base);line-height:1.8}.project-modal-subsection{background:#334155;background:var(--color-bg-tertiary);border-radius:8px;border-radius:var(--border-radius-md);margin-top:24px;margin-top:var(--spacing-lg);padding:16px;padding:var(--spacing-md)}.project-modal-subsection-title{color:#6366f1;color:var(--color-accent-primary);font-size:16px;font-size:var(--font-size-base);font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.project-modal-highlights{list-style:none;margin:0;padding:0}.project-modal-highlights li{color:#94a3b8;color:var(--color-text-secondary);font-size:16px;font-size:var(--font-size-base);line-height:1.6;margin-bottom:16px;margin-bottom:var(--spacing-md);padding-left:32px;padding-left:var(--spacing-xl);position:relative}.project-modal-highlights li:before{content:"⚡";font-size:14px;font-size:var(--font-size-sm);left:0;position:absolute}.project-modal-highlights li strong{color:#f1f5f9;color:var(--color-text-primary);font-weight:600}@media (max-width:768px){.project-modal-overlay{padding:16px;padding:var(--spacing-md)}.project-modal{border-radius:12px;border-radius:var(--border-radius-lg);max-height:85vh}.project-modal-header{height:180px}.project-modal-body{padding:24px;padding:var(--spacing-lg)}.project-modal-title{font-size:20px;font-size:var(--font-size-xl)}.project-modal-subtitle{font-size:16px;font-size:var(--font-size-base)}.project-modal-description{font-size:14px;font-size:var(--font-size-sm)}.project-card-buttons,.project-modal-actions{flex-direction:column}.project-card-buttons .btn{width:100%}.project-modal-header-compact{gap:16px;gap:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.project-modal-logo{height:45px;width:45px}.project-modal-body-layout{flex-direction:column}.project-modal-nav-sidebar{border-bottom:1px solid #334155;border-bottom:1px solid var(--color-border);border-right:none;overflow-x:auto;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);width:100%}.project-modal-nav-wrapper{flex-direction:row;height:auto;min-height:auto}.project-modal-nav-track{display:none}.project-modal-nav-items{flex-direction:row;flex-wrap:nowrap;gap:4px;gap:var(--spacing-xs);justify-content:flex-start}.project-modal-nav-item{padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.project-modal-nav-label{font-size:12px;font-size:var(--font-size-xs)}.project-modal-content{padding:16px;padding:var(--spacing-md)}}@media (max-width:480px){.project-modal-header{height:150px}.project-modal-close{font-size:18px;font-size:var(--font-size-lg);height:32px;width:32px}.project-modal-nav-label{font-size:12px;font-size:var(--font-size-xs)}.project-modal-section-title{font-size:16px;font-size:var(--font-size-base)}}
/*# sourceMappingURL=main.eeebdcb1.css.map*/