:root{--bg-primary:#070913;--bg-secondary:#0e1222;--bg-card:#101627b3;--bg-card-hover:#171f38d9;--bg-glass:#ffffff08;--accent-cyan:#06b6d4;--accent-violet:#8b5cf6;--accent-indigo:#6366f1;--accent-emerald:#10b981;--accent-rose:#f43f5e;--accent-amber:#f59e0b;--gradient-primary:linear-gradient(135deg, #06b6d4 0%, #6366f1 50%, #8b5cf6 100%);--gradient-glow:linear-gradient(135deg, #06b6d440, #8b5cf640);--gradient-border:linear-gradient(135deg, #06b6d480, #8b5cf633, #ffffff0d);--gradient-text:linear-gradient(135deg, #fff 20%, #cbd5e1 50%, #94a3b8 100%);--gradient-cyber:linear-gradient(90deg, #06b6d4, #8b5cf6, #ec4899);--text-main:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-subtle:#ffffff14;--border-hover:#6366f166;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", Consolas, monospace;--shadow-card:0 10px 30px -10px #0009;--shadow-glow:0 0 25px #6366f140;--shadow-glow-cyan:0 0 25px #06b6d440;--max-width:1240px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--nav-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";filter:blur(120px);pointer-events:none;z-index:0;background:radial-gradient(circle,#6366f126 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:fixed;top:-200px;left:20%}body:after{content:"";filter:blur(130px);pointer-events:none;z-index:0;background:radial-gradient(circle,#06b6d41f 0%,#0000 70%);border-radius:50%;width:550px;height:550px;position:fixed;bottom:10%;right:-100px}.cyber-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#1e2640;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-indigo)}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:#fff;letter-spacing:-.02em;font-weight:700}p{color:var(--text-secondary)}a{color:inherit;text-decoration:none;transition:all .2s}.section{padding:2.5rem 0;position:relative}.section-header{text-align:center;max-width:680px;margin:0 auto 2rem}.section-badge{border-radius:var(--radius-full);font-family:var(--font-mono);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.08em;background:#6366f11a;border:1px solid #6366f14d;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.35rem .9rem;font-size:.8rem;font-weight:500;display:inline-flex}.section-title{margin-bottom:1rem;font-size:clamp(2rem,4vw,2.75rem);line-height:1.15}.section-subtitle{color:var(--text-secondary);font-size:1.05rem;line-height:1.6}.btn{border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.6rem;font-size:.95rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;position:relative;overflow:hidden;box-shadow:0 4px 18px #6366f159}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f180}.btn-secondary{color:#fff;border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.btn-outline-cyan{color:var(--accent-cyan);background:0 0;border:1px solid #06b6d466}.btn-outline-cyan:hover{border-color:var(--accent-cyan);background:#06b6d41f;transform:translateY(-2px);box-shadow:0 0 15px #06b6d440}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow);transform:translateY(-4px)}@keyframes pulse-subtle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.97)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-float{animation:4s ease-in-out infinite float}.animate-pulse-slow{animation:3s ease-in-out infinite pulse-subtle}@media (width<=1024px){:root{--nav-height:68px}.container{padding:0 1.25rem}.section{padding:2.25rem 0}}@media (width<=768px){:root{--nav-height:64px}.container{padding:0 1.1rem}.section{padding:2rem 0}.section-header{margin-bottom:1.75rem;padding:0 .5rem}.section-title{font-size:clamp(1.75rem,5.5vw,2.25rem)}.section-subtitle{font-size:.95rem}}@media (width<=480px){:root{--nav-height:60px}.container{padding:0 .85rem}.section{padding:1.75rem 0}.section-header{margin-bottom:1.5rem}.section-badge{padding:.25rem .75rem;font-size:.72rem}.section-title{letter-spacing:-.01em;font-size:clamp(1.5rem,6.5vw,1.95rem)}.section-subtitle{font-size:.88rem;line-height:1.5}.btn{padding:.65rem 1.25rem;font-size:.88rem}}.navbar-root{height:var(--nav-height);z-index:1000;-webkit-backdrop-filter:blur(16px);background:#070913a6;border-bottom:1px solid #ffffff0d;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar-scrolled{background:#070913eb;border-bottom-color:#6366f133;box-shadow:0 10px 30px -10px #000000b3}.navbar-container{justify-content:space-between;align-items:center;height:100%;display:flex}.navbar-brand{align-items:center;gap:.75rem;text-decoration:none;display:flex}.brand-icon{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--accent-cyan);background:linear-gradient(135deg,#06b6d433,#6366f133);border:1px solid #06b6d466;justify-content:center;align-items:center;transition:transform .3s;display:flex;box-shadow:0 0 15px #06b6d44d}.navbar-brand:hover .brand-icon{transform:rotate(5deg)scale(1.05)}.brand-text{font-family:var(--font-heading);letter-spacing:.05em;align-items:baseline;font-size:1.15rem;font-weight:800;display:flex}.brand-name{color:#fff}.brand-tag{color:var(--accent-cyan);font-family:var(--font-mono);font-size:.9rem}.desktop-nav{border-radius:var(--radius-full);background:#ffffff08;border:1px solid #ffffff0f;align-items:center;gap:.5rem;padding:.35rem .6rem;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--radius-full);padding:.45rem 1rem;font-size:.88rem;font-weight:500;transition:all .2s;position:relative}.nav-link:hover{color:#fff}.nav-link.active{color:#fff;background:#6366f133;border:1px solid #6366f166}.navbar-actions{align-items:center;gap:.75rem;display:flex}.api-status-badge{border-radius:var(--radius-full);font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;align-items:center;gap:.45rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .25s;display:inline-flex}.api-status-badge.online{color:var(--accent-emerald);background:#10b98114;border-color:#10b98166}.api-status-badge.offline{color:var(--accent-amber);background:#f59e0b14;border-color:#f59e0b66}.status-dot{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px}.btn-admin-portal{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#6366f133,#8b5cf633);border:1px solid #6366f166;align-items:center;gap:.45rem;padding:.45rem .9rem;font-size:.82rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-admin-portal:hover{border-color:var(--accent-violet);background:linear-gradient(135deg,#6366f159,#8b5cf659);transform:translateY(-1px);box-shadow:0 0 15px #6366f159}.btn-mobile-toggle{color:var(--text-main);cursor:pointer;background:0 0;border:none;padding:.35rem;display:none}.mobile-drawer{top:var(--nav-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#070913fa;border-bottom:1px solid #6366f14d;flex-direction:column;gap:1.25rem;padding:1.25rem 1.5rem;display:flex;position:absolute;left:0;right:0;box-shadow:0 20px 40px #000c}.mobile-nav-links{flex-direction:column;gap:.5rem;display:flex}.mobile-nav-link{color:var(--text-secondary);border-radius:var(--radius-sm);background:#ffffff05;border:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:1rem;display:flex}.mobile-nav-link.active{color:#fff;background:#6366f126;border-color:#6366f166}.mobile-active-indicator{background:var(--accent-cyan);width:6px;height:6px;box-shadow:0 0 8px var(--accent-cyan);border-radius:50%}.mobile-drawer-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:.75rem;padding-top:.75rem;display:flex}.mobile-api-btn{border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;justify-content:center;align-items:center;gap:.5rem;padding:.7rem;font-size:.85rem;display:flex}.mobile-api-btn.online{color:var(--accent-emerald);border-color:#10b98166}.mobile-api-btn.offline{color:var(--accent-amber);border-color:#f59e0b66}.mobile-admin-btn{width:100%}@media (width<=900px){.desktop-nav{display:none}.btn-mobile-toggle{display:flex}}.hero-section{min-height:calc(100vh - var(--nav-height));padding:calc(var(--nav-height) + 3rem) 0 4rem;align-items:center;display:flex;position:relative;overflow:hidden}.hero-container{grid-template-columns:1.2fr .8fr;align-items:center;gap:3.5rem;display:grid}.hero-content{flex-direction:column;gap:1.5rem;display:flex}.hero-badge-wrap{display:flex}.hero-badge{border-radius:var(--radius-full);font-family:var(--font-mono);color:var(--accent-cyan);letter-spacing:.05em;text-transform:uppercase;background:#06b6d41a;border:1px solid #06b6d459;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.82rem;font-weight:600;display:inline-flex;box-shadow:0 0 20px #06b6d433}.hero-badge-pulse{background:var(--accent-cyan);width:8px;height:8px;box-shadow:0 0 10px var(--accent-cyan);border-radius:50%;animation:1.8s ease-in-out infinite pulse-subtle}.hero-heading{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 40%,#cbd5e1 80%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;line-height:1.15}.hero-subheading{color:var(--text-secondary);max-width:580px;font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.7}.hero-meta-row{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:1rem;font-size:.82rem;display:flex}.hero-meta-item{align-items:center;gap:.45rem;display:flex}.meta-icon{color:var(--accent-cyan)}.hero-meta-divider{background:var(--border-subtle);border-radius:50%;width:4px;height:4px}.hero-cta-group{flex-wrap:wrap;align-items:center;gap:1rem;padding-top:.5rem;display:flex}.hero-btn-main{padding:.85rem 1.85rem;font-size:1rem}.hero-btn-sub{padding:.85rem 1.75rem;font-size:1rem}.hero-socials{align-items:center;gap:1rem;padding-top:1rem;display:flex}.socials-label{font-size:.82rem;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.socials-icons{align-items:center;gap:.65rem;display:flex}.social-link{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff14;justify-content:center;align-items:center;transition:all .25s;display:flex}.social-link:hover{color:var(--accent-cyan);background:#06b6d41a;border-color:#06b6d480;transform:translateY(-3px);box-shadow:0 5px 15px #06b6d440}.hero-visual{justify-content:center;align-items:center;display:flex}.hero-visual-frame{width:100%;max-width:380px;position:relative}.hero-glow-back{border-radius:var(--radius-lg);filter:blur(28px);opacity:.7;z-index:0;background:linear-gradient(135deg,#06b6d466,#8b5cf666);animation:4s ease-in-out infinite pulse-subtle;position:absolute;inset:-15px}.hero-card-inner{z-index:1;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid #ffffff26;position:relative;overflow:hidden;box-shadow:0 20px 40px #000c}.hero-avatar-img{object-fit:cover;filter:contrast(1.05)brightness(.98);width:100%;height:420px;transition:transform .5s;display:block}.hero-visual-frame:hover .hero-avatar-img{transform:scale(1.03)}.hero-card-overlay{background:linear-gradient(#0000,#070913f2);justify-content:center;padding:1.25rem;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-status-pill{border-radius:var(--radius-full);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101627d9;border:1px solid #10b98166;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.8rem;font-weight:600;display:inline-flex}.live-status-dot{background:var(--accent-emerald);width:7px;height:7px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%}.hero-chip{z-index:2;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;background:#0e1222e6;border:1px solid #ffffff1f;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.82rem;font-weight:500;display:flex;position:absolute;box-shadow:0 10px 25px #00000080}.chip-top-left{border-color:#06b6d473;top:-18px;left:-20px}.chip-top-center,.chip-middle-top{border-color:#3b82f673;top:-18px;left:50%;transform:translate(-50%)}.chip-top-right{border-color:#8b5cf673;top:-18px;right:-20px}.chip-middle-left{border-color:#10b98173;top:50%;left:-28px;transform:translateY(-50%)}.chip-middle-right{border-color:#f59e0b73;top:50%;right:-28px;transform:translateY(-50%)}.chip-bottom-left{border-color:#10b98173;bottom:25px;left:-20px}.chip-bottom-center,.chip-middle-bottom{border-color:#ec489973;bottom:-15px;left:50%;transform:translate(-50%)}.chip-bottom-right{border-color:#f43f5e73;bottom:25px;right:-20px}.hero-chip.is-floating{animation:3.2s ease-in-out infinite floatUpDown}.hero-chip.is-floating.chip-top-left{animation-duration:3.6s;animation-delay:.2s}.hero-chip.is-floating.chip-top-center,.hero-chip.is-floating.chip-middle-top{animation-name:floatUpDownCenteredX;animation-duration:3.4s;animation-delay:.4s}.hero-chip.is-floating.chip-top-right{animation-duration:3.2s;animation-delay:0s}.hero-chip.is-floating.chip-middle-left{animation-name:floatUpDownCenteredY;animation-duration:3.8s;animation-delay:.6s}.hero-chip.is-floating.chip-middle-right{animation-name:floatUpDownCenteredY;animation-duration:3.5s;animation-delay:.8s}.hero-chip.is-floating.chip-bottom-left{animation-duration:3.4s;animation-delay:1s}.hero-chip.is-floating.chip-bottom-center,.hero-chip.is-floating.chip-middle-bottom{animation-name:floatUpDownCenteredX;animation-duration:3.6s;animation-delay:1.2s}.hero-chip.is-floating.chip-bottom-right{animation-duration:3.5s;animation-delay:1.4s}.hero-chip:hover{border-color:#ffffff80;transition:all .25s;box-shadow:0 14px 28px #000000b3}.hero-chip.chip-top-center:hover,.hero-chip.chip-bottom-center:hover,.hero-chip.chip-middle-top:hover,.hero-chip.chip-middle-bottom:hover{transform:translate(-50%,-4px)}.hero-chip.chip-middle-left:hover,.hero-chip.chip-middle-right:hover{transform:translateY(calc(-50% - 4px))}.hero-chip:not(.chip-top-center):not(.chip-bottom-center):not(.chip-middle-top):not(.chip-middle-bottom):not(.chip-middle-left):not(.chip-middle-right):hover{transform:translateY(-4px)}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatUpDownCenteredX{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-8px)}}@keyframes floatUpDownCenteredY{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 8px))}}.chip-code{font-family:var(--font-mono);color:var(--accent-cyan)}.chip-icon{justify-content:center;align-items:center;display:inline-flex}.chip-sparkle{color:var(--accent-violet);animation:2.5s ease-in-out infinite pulse-subtle}@media (width<=1024px){.hero-section{padding:calc(var(--nav-height) + 2rem) 0 3.5rem}.hero-container{text-align:center;grid-template-columns:1fr;gap:3rem;max-width:760px;margin:0 auto}.hero-content{align-items:center}.hero-badge-wrap,.hero-meta-row,.hero-cta-group{justify-content:center}.hero-socials{flex-wrap:wrap;justify-content:center}.hero-visual{margin-top:1.75rem}.hero-visual-frame{max-width:320px}.hero-avatar-img{height:360px}.hero-chip{gap:.4rem;padding:.42rem .8rem;font-size:.78rem;box-shadow:0 8px 18px #0006}.chip-top-left{top:-14px;left:-8px}.chip-top-right{top:-14px;right:-8px}.chip-middle-left{left:-12px}.chip-middle-right{right:-12px}.chip-bottom-left{bottom:20px;left:-8px}.chip-bottom-right{bottom:20px;right:-8px}}@media (width<=640px){.hero-section{padding:calc(var(--nav-height) + 1.25rem) 0 2.5rem;overflow-x:hidden}.hero-container{gap:2rem;padding:0 1rem}.hero-heading{letter-spacing:-.02em;font-size:clamp(1.85rem,7.5vw,2.5rem);line-height:1.2}.hero-visual-frame{width:min(280px,86vw);max-width:280px}.hero-avatar-img{height:310px}.hero-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;gap:.35rem;padding:.32rem .62rem;font-size:.72rem}.chip-top-left{top:-12px;left:-2px}.chip-top-right{top:-12px;right:-2px}.chip-middle-left{left:-4px}.chip-middle-right{right:-4px}.chip-bottom-left{bottom:16px;left:-2px}.chip-bottom-right{bottom:16px;right:-2px}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes floatUpDownCenteredY{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 4px))}}.hero-status-pill{padding:.35rem .75rem;font-size:.74rem}}@media (width<=480px){.hero-cta-group{flex-direction:column;gap:.75rem;width:100%;max-width:290px}.hero-btn-main,.hero-btn-sub{justify-content:center;width:100%;padding:.8rem 1.25rem;font-size:.95rem}.hero-socials{gap:.6rem}.social-link{width:38px;height:38px}}.about-section{padding:5rem 0;position:relative}.about-card-modern{background:var(--bg-card,#101627b3);border-radius:var(--radius-lg,20px);box-shadow:var(--shadow-card,0 10px 30px -10px #0009);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff14;padding:3rem;position:relative;overflow:hidden}.about-section-header{text-align:center;margin-bottom:2.75rem}.about-section-title{font-family:var(--font-heading,"Outfit", sans-serif);color:#fff;letter-spacing:-.02em;font-size:clamp(2.25rem,4.5vw,3rem);font-weight:800;line-height:1.2}.about-title-accent{color:#ef4444;background:linear-gradient(135deg,#f43f5e 0%,#ef4444 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-left:.35rem;display:inline-block}.about-section-subtitle{color:var(--text-secondary,#94a3b8);letter-spacing:.01em;margin-top:.45rem;font-size:1.15rem;font-weight:400}.about-bio-container{max-width:950px;margin-bottom:2.75rem}.about-bio-text{color:#cbd5e1;white-space:pre-line;margin:0 0 1.75rem;font-size:1.12rem;line-height:1.85}.about-keypoints-list,.about-bio-points{flex-direction:column;gap:.95rem;margin:0 0 2rem;padding:0;list-style:none;display:flex}.about-keypoint-item,.about-bio-point-item{color:#cbd5e1;align-items:flex-start;gap:1rem;font-size:1.1rem;line-height:1.8;transition:transform .2s,color .2s;display:flex;position:relative}.about-keypoint-item:hover,.about-bio-point-item:hover{color:#fff;transform:translate(4px)}.about-point-bullet{background:#ef44441f;border:1px solid #ef444459;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;margin-top:4px;display:inline-flex;position:relative}.about-point-bullet:after{content:"";background:#ef4444;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #ef4444d9}.about-point-text{white-space:pre-line;word-break:break-word;flex:1}.about-stats-grid{flex-wrap:wrap;align-items:flex-start;gap:3.5rem;margin-bottom:2.75rem;display:flex}.about-stat-item{flex-direction:column;display:flex}.stat-number{font-family:var(--font-heading,"Outfit", sans-serif);color:#ef4444;background:linear-gradient(135deg,#f43f5e 0%,#ef4444 100%);-webkit-text-fill-color:transparent;letter-spacing:-.01em;-webkit-background-clip:text;font-size:2.6rem;font-weight:800;line-height:1.1}.stat-label{color:#cbd5e1;letter-spacing:.01em;margin-top:.45rem;font-size:.95rem;font-weight:500}.about-actions-row{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.btn-download-cv{color:#fff;font-family:var(--font-body,"Inter", sans-serif);cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#f43f5e 100%);border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.75rem;padding:.95rem 2.25rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 10px 25px -4px #ef444473}.btn-download-cv:hover{background:linear-gradient(135deg,#f43f5e 0%,#ef4444 100%);transform:translateY(-2px);box-shadow:0 16px 32px -4px #ef444499}.btn-download-cv:active{transform:translateY(0)}.cv-file-badge{color:var(--text-secondary,#94a3b8);font-size:.8rem;font-family:var(--font-mono,monospace);background:#ffffff0a;border:1px solid #ffffff14;border-radius:9999px;align-items:center;gap:.45rem;padding:.4rem .85rem;display:inline-flex}@media (width<=768px){.about-card-modern{padding:1.75rem}.about-modern-title{font-size:2.15rem}.about-stats-grid{gap:2rem}.stat-number{font-size:2.15rem}}.skills-section{position:relative}.skills-filter-tabs{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-bottom:2.5rem;display:flex}.skills-tab-btn{border-radius:var(--radius-full,9999px);font-family:var(--font-body,inherit);color:var(--text-secondary,#94a3b8);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;padding:.5rem 1.15rem;font-size:.85rem;font-weight:500;transition:all .2s}.skills-tab-btn:hover{color:#fff;background:#ffffff14}.skills-tab-btn.active{color:#fff;background:#06b6d426;border-color:#06b6d466;box-shadow:0 0 15px #06b6d433}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.25rem;display:grid}.skill-card{border-radius:var(--radius-md,14px);background:#0f172aa6;border:1px solid #ffffff12;align-items:center;padding:1.15rem 1.35rem;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.skill-card:hover{border-color:#06b6d459;transform:translateY(-3px);box-shadow:0 12px 28px -10px #06b6d433}.skill-card-glow{pointer-events:none;background:radial-gradient(circle,#06b6d41f 0%,#0000 70%);border-radius:50%;width:90px;height:90px;position:absolute;top:0;right:0}.skill-content-wrap{align-items:center;gap:1rem;width:100%;display:flex}.skill-icon-bubble{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;transition:transform .25s;display:flex;box-shadow:0 4px 12px #00000040}.skill-card:hover .skill-icon-bubble{background:#06b6d40f;border-color:#06b6d44d;transform:scale(1.08)}.tech-logo-img{object-fit:contain;width:26px;height:26px;display:block}.skill-name{font-family:var(--font-heading,inherit);color:#fff;font-size:1.05rem;font-weight:600;line-height:1.3}@media (width<=600px){.skills-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.skill-card{padding:1rem}.skill-icon-bubble{width:38px;min-width:38px;height:38px}.skill-name{font-size:.95rem}}.projects-section{position:relative}.projects-filter-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-bottom:2.5rem;display:flex}.filter-chip{border-radius:var(--radius-full,9999px);font-family:var(--font-mono,monospace);color:var(--text-secondary,#94a3b8);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;padding:.45rem 1rem;font-size:.78rem;transition:all .2s}.filter-chip:hover{color:#fff;border-color:#fff3}.filter-chip.active{color:#fff;background:#06b6d426;border-color:#06b6d466;box-shadow:0 0 12px #06b6d440}.projects-timeline{flex-direction:column;gap:1.75rem;max-width:900px;margin:0 auto;display:flex}.project-timeline-wrap{grid-template-columns:40px 1fr;gap:1.5rem;display:grid;position:relative}.timeline-connector{flex-direction:column;align-items:center;display:flex;position:relative}.timeline-dot{background:var(--bg-primary,#0b0f19);border:3px solid var(--accent-indigo,#6366f1);z-index:2;border-radius:50%;width:18px;height:18px;margin-top:1.75rem;position:relative}.live-project .timeline-dot{border-color:var(--accent-cyan,#06b6d4);box-shadow:0 0 12px var(--accent-cyan,#06b6d4)}.timeline-dot-ping{border:2px solid var(--accent-cyan,#06b6d4);border-radius:50%;animation:2s ease-out infinite pulse-subtle;position:absolute;inset:-4px}.timeline-line{background:linear-gradient(#06b6d466,#ffffff0d);flex:1;width:2px;margin-top:.5rem}.project-timeline-card{border-left:4px solid var(--accent-cyan,#06b6d4);border-radius:var(--radius-lg,16px);background:#0f172aa6;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;border-right:1px solid #ffffff12;flex-direction:column;gap:1.25rem;padding:1.75rem;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 10px 30px -10px #00000080}.project-timeline-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px -10px #06b6d426}.live-project .project-timeline-card{border-left-color:var(--accent-cyan,#06b6d4)}.project-banner-header{border-radius:var(--radius-sm,8px);background:linear-gradient(135deg,#06b6d414 0%,#0e122266 100%);border:1px solid #06b6d426;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:.65rem .85rem;display:flex}.project-brand-header{align-items:center;gap:1.25rem;display:flex}.project-preset-icon{border-radius:var(--radius-md,10px);width:50px;height:50px;color:var(--accent-cyan,#06b6d4);background:linear-gradient(135deg,#06b6d433,#6366f126);border:1px solid #06b6d466;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 14px #06b6d433}.project-title-block{flex-direction:column;gap:.25rem;display:flex}.project-title-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.project-name{color:#fff;font-size:1.25rem;font-weight:700}.live-status-badge{border-radius:var(--radius-full,9999px);color:var(--accent-cyan,#06b6d4);background:#06b6d41f;border:1px solid #06b6d466;align-items:center;gap:.4rem;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.project-tech-summary{color:var(--accent-cyan,#06b6d4);font-size:.88rem;font-weight:500;font-family:var(--font-mono,monospace)}.project-type-badge{border-radius:var(--radius-full,9999px);font-family:var(--font-mono,monospace);color:var(--text-secondary,#94a3b8);white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:.45rem;padding:.4rem .85rem;font-size:.8rem;display:inline-flex}.project-points-list{flex-direction:column;gap:.65rem;padding:.25rem .5rem;display:flex}.project-point-item{color:var(--text-secondary,#94a3b8);align-items:flex-start;gap:.65rem;font-size:.92rem;line-height:1.6;display:flex}.point-bullet{color:var(--accent-cyan,#06b6d4);font-weight:700}.project-tech-tags{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.25rem .5rem;display:flex}.tech-tag{font-family:var(--font-mono,monospace);border-radius:var(--radius-sm,6px);color:#a5b4fc;background:#6366f11a;border:1px solid #6366f140;padding:.25rem .65rem;font-size:.75rem}.project-socials-row{border-top:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:.75rem;padding-top:.75rem;display:flex}.project-link-btn{border-radius:var(--radius-sm,6px);align-items:center;gap:.45rem;padding:.45rem .9rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-live{color:var(--accent-cyan,#06b6d4);background:#06b6d41f;border:1px solid #06b6d459}.btn-live:hover{color:#fff;background:#06b6d440;border-color:#06b6d48c;transform:translateY(-1px)}.btn-repo{color:var(--text-secondary,#94a3b8);background:#ffffff0a;border:1px solid #ffffff14}.btn-repo:hover{color:#fff;background:#6366f126;border-color:#6366f166;transform:translateY(-1px)}.empty-proj-card{text-align:center;color:var(--text-muted,#64748b);flex-direction:column;align-items:center;gap:1rem;max-width:500px;margin:0 auto;padding:3rem;display:flex}@media (width<=650px){.project-timeline-wrap{grid-template-columns:1fr}.timeline-connector{display:none}}.education-section{position:relative}.education-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.75rem;max-width:1050px;margin:0 auto;display:grid}.education-card{align-items:flex-start;gap:1.25rem;padding:1.75rem;transition:all .3s;display:flex}.education-icon-box{border-radius:var(--radius-md);width:48px;height:48px;color:var(--accent-cyan);background:linear-gradient(135deg,#06b6d426,#6366f126);border:1px solid #06b6d44d;flex-shrink:0;justify-content:center;align-items:center;display:flex}.education-content{flex-direction:column;flex:1;gap:.5rem;display:flex}.education-top-bar{justify-content:space-between;align-items:center;display:flex}.education-duration{font-family:var(--font-mono);color:var(--accent-cyan);border-radius:var(--radius-full);background:#06b6d41a;border:1px solid #06b6d440;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.78rem;display:inline-flex}.education-degree{color:#fff;font-size:1.2rem;font-weight:700;line-height:1.35}.education-institution{color:var(--text-secondary);align-items:center;gap:.45rem;font-size:.92rem;font-weight:500;display:flex}.inst-icon{color:var(--accent-indigo);flex-shrink:0}.certifications-container{max-width:1050px;margin:2.5rem auto 0}.certifications-header{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-cyan);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.82rem;display:inline-flex}.certifications-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.cert-card{align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:all .3s;display:flex}.cert-card:hover{border-color:#06b6d466;transform:translateY(-2px)}.cert-badge-icon{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--accent-indigo);background:#6366f126;border:1px solid #6366f159;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cert-info{flex-direction:column;gap:.25rem;display:flex}.cert-title{color:#fff;font-size:.95rem;font-weight:700}.cert-issuer{font-size:.82rem;font-family:var(--font-mono);color:var(--text-secondary)}.experience-section{position:relative}.experience-grid{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.experience-grid-card{text-align:center;border-radius:var(--radius-lg,20px);background:linear-gradient(145deg,#162138cc 0%,#0d1424d9 100%);border:1px solid #ffffff17;flex-direction:column;align-items:center;gap:1.15rem;width:100%;max-width:360px;padding:2rem 1.75rem 1.75rem;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 36px -10px #0000008c}.experience-grid-card:hover{border-color:#6366f166;transform:translateY(-4px);box-shadow:0 20px 40px -10px #000000a6}.experience-card-glow{pointer-events:none;background:radial-gradient(circle,#6366f11f 0%,#0000 70%);border-radius:50%;width:150px;height:150px;position:absolute;top:0;right:0}.current-role .experience-card-glow{background:radial-gradient(circle,#10b98126 0%,#0000 70%)}.experience-grid-card.current-role{border-color:#10b98159}.exp-bottom-socials{border-top:1px solid #ffffff0f;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-top:.25rem;padding-top:1rem;display:flex}.exp-icon-link{width:38px;height:38px;color:var(--text-secondary,#94a3b8);background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.exp-icon-link:hover{color:var(--accent-cyan,#06b6d4);background:#06b6d414;border-color:#06b6d466;transform:translateY(-2px)}.exp-logo-center-wrapper{justify-content:center;align-items:center;margin:.25rem auto .75rem;display:flex}.exp-company-logo-img{object-fit:contain;background:#fff;border:1px solid #ffffff1f;border-radius:18px;width:76px;height:76px;padding:8px;transition:transform .3s;box-shadow:0 8px 24px #00000059}.experience-grid-card:hover .exp-company-logo-img{transform:scale(1.05)}.exp-preset-logo{border-radius:18px;justify-content:center;align-items:center;width:76px;height:76px;transition:transform .3s;display:flex;box-shadow:0 8px 24px #00000059}.experience-grid-card:hover .exp-preset-logo{transform:scale(1.05)}.cloud-logo{color:var(--accent-indigo,#818cf8);background:linear-gradient(135deg,#1e3a8a 0%,#0f172a 100%);border:1px solid #6366f166}.atom-logo{color:var(--accent-violet,#a78bfa);background:linear-gradient(135deg,#4c1d95 0%,#0f172a 100%);border:1px solid #8b5cf666}.default-logo{color:var(--text-secondary,#94a3b8);background:#ffffff0d;border:1px solid #ffffff1a}.exp-grid-title-block{text-align:center;flex-direction:column;align-items:center;gap:.45rem;width:100%;display:flex}.exp-grid-role{color:#fff;font-size:1.3rem;font-weight:700;line-height:1.35}.exp-grid-company-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;display:flex}.exp-grid-company{color:var(--accent-cyan,#06b6d4);font-size:1.05rem;font-weight:600}.current-badge{border-radius:var(--radius-full,9999px);color:var(--accent-emerald,#10b981);background:#10b9811f;border:1px solid #10b98166;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.badge-pulse{background:var(--accent-emerald,#10b981);width:6px;height:6px;box-shadow:0 0 6px var(--accent-emerald,#10b981);border-radius:50%}.exp-grid-duration{border-radius:var(--radius-full,9999px);font-family:var(--font-mono,monospace);color:var(--text-secondary,#94a3b8);background:#ffffff0a;border:1px solid #ffffff14;justify-content:center;align-items:center;gap:.45rem;margin:0 auto;padding:.35rem .85rem;font-size:.8rem;display:inline-flex}.exp-grid-division{font-family:var(--font-mono,monospace);color:var(--text-muted,#64748b);border-radius:var(--radius-sm,6px);background:#ffffff05;border:1px solid #ffffff0d;margin:0 auto;padding:.3rem .75rem;font-size:.75rem;display:inline-block}.empty-exp-card{text-align:center;color:var(--text-muted,#64748b);flex-direction:column;align-items:center;gap:1rem;max-width:500px;margin:0 auto;padding:3rem;display:flex}@media (width<=540px){.experience-grid-card{padding:1.75rem 1.25rem}.exp-company-logo-img,.exp-preset-logo{width:64px;height:64px}}.contact-section{position:relative}.contact-container{max-width:980px;margin:0 auto}.contact-showcase-card{background:linear-gradient(145deg,#2b394a 0%,#1f2734 100%);border:1px solid #ffffff17;border-radius:20px;grid-template-columns:290px 1fr;align-items:center;gap:2.25rem;max-width:860px;margin:0 auto;padding:1.75rem 2.25rem;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 36px -10px #0000008c,0 0 0 1px #ffffff0a}.contact-showcase-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#ea433514 0%,#0000 70%);width:220px;height:220px;position:absolute;top:-60px;right:-60px}.contact-showcase-image-wrapper{background:#1a222d;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:290px;height:380px;position:relative;overflow:hidden;box-shadow:0 10px 24px #00000073}.contact-showcase-image{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .4s;display:block}.contact-showcase-image-wrapper:hover .contact-showcase-image{transform:scale(1.02)}.contact-showcase-content{flex-direction:column;justify-content:center;gap:2rem;display:flex}.contact-details-list{flex-direction:column;gap:1.5rem;display:flex}.contact-item-row{align-items:center;gap:1.15rem;display:flex;position:relative}.contact-icon-bubble{color:#fff;cursor:pointer;background-color:#ea4335;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 4px 14px #ea433566}.contact-icon-bubble:hover{transform:scale(1.08);box-shadow:0 8px 20px #ea433599}.bubble-icon{color:#fff}.contact-text-group{flex:1;align-items:center;min-width:0;display:flex}.contact-main-text{color:#fff;letter-spacing:-.01em;word-break:break-word;overflow-wrap:anywhere;font-family:inherit;font-size:1.05rem;font-weight:700;text-decoration:none;transition:color .2s}a.contact-main-text:hover{color:#67e8f9}.btn-quick-copy{color:#94a3b8;cursor:pointer;opacity:.6;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;margin-left:.4rem;transition:all .2s;display:flex}.btn-quick-copy:hover{opacity:1;color:#67e8f9;background:#06b6d414;border-color:#06b6d466}.contact-social-row{align-items:center;gap:1.5rem;padding-top:.25rem;display:flex}.contact-social-link{color:#94a3b8;justify-content:center;align-items:center;text-decoration:none;transition:color .2s,transform .2s;display:flex}.contact-social-link:hover{color:#fff;transform:translateY(-3px)}@media (width<=960px) and (width>=681px){.contact-showcase-card{grid-template-columns:240px 1fr;gap:2rem;width:100%;max-width:680px;padding:2rem 1.75rem}.contact-showcase-image-wrapper{max-width:240px;height:330px;margin:0 auto}.contact-main-text{font-size:.95rem}}@media (width<=680px){.contact-showcase-card{grid-template-columns:1fr;gap:1.75rem;width:100%;max-width:420px;margin:0 auto;padding:1.5rem 1.25rem}.contact-showcase-image-wrapper{max-width:260px;height:280px;margin:0 auto}.contact-showcase-content{align-items:center;gap:1.5rem;width:100%}.contact-details-list{gap:1.25rem;width:100%;max-width:340px;margin:0 auto}.contact-item-row{text-align:left;justify-content:flex-start;align-items:center;gap:.85rem;width:100%;display:flex}.contact-icon-bubble{width:42px;min-width:42px;height:42px}.contact-text-group{flex:1;min-width:0;overflow:hidden}.contact-main-text{word-break:break-word;overflow-wrap:anywhere;font-size:clamp(.82rem,3.8vw,.92rem);font-weight:600;line-height:1.35}.btn-quick-copy{flex-shrink:0;width:28px;min-width:28px;height:28px}.contact-social-row{flex-wrap:wrap;justify-content:center;gap:1.15rem;width:100%;padding-top:.5rem}}@media (width<=400px){.contact-showcase-card{padding:1.25rem .85rem}.contact-details-list{max-width:100%}.contact-item-row{gap:.65rem}.contact-main-text{font-size:.8rem}.contact-icon-bubble{width:38px;min-width:38px;height:38px}.contact-social-row{gap:1rem}}.footer-root{z-index:10;background:#070913f2;border-top:1px solid #ffffff14;margin-top:4rem;padding:4rem 0 2rem;position:relative}.footer-top-row{border-bottom:1px solid #ffffff0f;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:2.5rem;padding-bottom:3rem;display:grid}.footer-brand{align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.footer-brand-icon{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--accent-cyan);background:#06b6d426;border:1px solid #06b6d44d;justify-content:center;align-items:center;display:flex}.footer-brand-title{font-family:var(--font-heading);color:#fff;font-size:1.15rem;font-weight:800}.footer-brand-desc{color:var(--text-secondary);max-width:320px;margin-bottom:1.25rem;font-size:.88rem;line-height:1.6}.footer-backend-status{display:inline-block}.status-pill{border-radius:var(--radius-full);font-family:var(--font-mono);align-items:center;gap:.45rem;padding:.35rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.status-pill.online{color:var(--accent-emerald);background:#10b9811a;border:1px solid #10b9814d}.status-pill.offline{color:var(--accent-amber);background:#f59e0b1a;border:1px solid #f59e0b4d}.status-pill .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.footer-links-header{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:1.25rem;font-size:.8rem;font-weight:600}.footer-nav-list{flex-direction:column;gap:.65rem;display:flex}.footer-link{color:var(--text-secondary);font-size:.88rem;transition:all .2s}.footer-link:hover{color:var(--accent-cyan);padding-left:4px}.footer-admin-col{flex-direction:column;gap:.85rem;display:flex}.footer-admin-btn{border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:#6366f11f;border:1px solid #6366f14d;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.footer-admin-btn:hover{border-color:var(--accent-indigo);background:#6366f140;transform:translateY(-2px)}.footer-scroll-top-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;align-items:center;gap:.45rem;padding:.65rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.footer-scroll-top-btn:hover{color:#fff;border-color:#fff3}.footer-bottom-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;display:flex}.copyright-text{color:var(--text-muted);font-size:.82rem}.built-with{font-family:var(--font-mono);color:var(--text-muted);font-size:.78rem}@media (width<=900px){.footer-top-row{grid-template-columns:1fr 1fr}}@media (width<=550px){.footer-top-row{grid-template-columns:1fr}}.api-manager-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;background:#04060ed1;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.api-manager-modal{background:#0b0f1e;border:1px solid #6366f159;flex-direction:column;width:100%;max-width:580px;display:flex;overflow:hidden;box-shadow:0 25px 60px #000000d9,0 0 40px #6366f133}.modal-header{background:#ffffff05;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title-wrap{align-items:center;gap:.85rem;display:flex}.modal-icon{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--accent-cyan);background:#06b6d426;border:1px solid #06b6d459;justify-content:center;align-items:center;display:flex}.modal-title{color:#fff;font-size:1.15rem;font-weight:700}.modal-subtitle{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.btn-modal-close{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.35rem;transition:all .2s}.btn-modal-close:hover{color:#fff;background:#ffffff14}.modal-body{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.status-banner{border-radius:var(--radius-md);border:1px solid #0000;padding:1rem 1.25rem}.status-banner.online{background:#10b98114;border-color:#10b9814d}.status-banner.offline{background:#f59e0b14;border-color:#f59e0b4d}.status-banner-left{align-items:flex-start;gap:.85rem;display:flex}.status-indicator-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:.35rem}.online .status-indicator-dot{background:var(--accent-emerald);box-shadow:0 0 10px var(--accent-emerald)}.offline .status-indicator-dot{background:var(--accent-amber);box-shadow:0 0 10px var(--accent-amber)}.banner-title{color:#fff;font-size:.95rem;font-weight:700}.online .banner-title{color:var(--accent-emerald)}.offline .banner-title{color:var(--accent-amber)}.banner-desc{color:var(--text-secondary);margin-top:.25rem;font-size:.84rem;line-height:1.5}.api-info-section{flex-direction:column;gap:1.25rem;display:flex}.api-field-group{flex-direction:column;gap:.45rem;display:flex}.api-field-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.08em;font-size:.72rem}.api-url-box{border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--accent-cyan);background:#0006;border:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.84rem;display:flex}.api-url-external{color:var(--text-muted);align-items:center;padding:.2rem;display:flex}.api-url-external:hover{color:var(--accent-cyan)}.diagnostics-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.diag-stat-card{border-radius:var(--radius-sm);background:#ffffff05;border:1px solid #ffffff0f;flex-direction:column;gap:.25rem;padding:.85rem;display:flex}.diag-label{font-family:var(--font-mono);color:var(--text-muted);font-size:.65rem}.diag-value{color:#fff;font-size:.88rem;font-weight:700}.ping-result-box{border-radius:var(--radius-sm);font-family:var(--font-mono);align-items:center;gap:.65rem;padding:.75rem 1rem;font-size:.8rem;display:flex}.ping-result-box.success{color:var(--accent-emerald);background:#10b9811a;border:1px solid #10b9814d}.ping-result-box.warning{color:var(--accent-amber);background:#f59e0b1a;border:1px solid #f59e0b4d}.modal-footer{background:#ffffff03;border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=550px){.diagnostics-grid{grid-template-columns:1fr}}.admin-page-root{background-color:var(--color-bg,#0b0f19);min-height:100vh;color:var(--color-text,#f1f5f9);font-family:var(--font-body,"Inter", sans-serif);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.admin-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0f19e0;border-bottom:1px solid #ffffff14;padding:1rem 0;position:sticky;top:0}.admin-header-container{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1280px;margin:0 auto;padding:0 1.5rem;display:flex}.admin-header-left{align-items:center;gap:1.5rem;display:flex}.admin-back-btn{border-radius:var(--radius-sm,6px);color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.admin-back-btn:hover{color:#38bdf8;background:#38bdf81f;border-color:#38bdf866;transform:translate(-2px)}.admin-title-badge{align-items:center;gap:.75rem;display:flex}.shield-icon{color:#38bdf8}.admin-brand-title{font-family:var(--font-heading,"Outfit", sans-serif);color:#f8fafc;letter-spacing:-.02em;font-size:1.15rem;font-weight:700;display:block}.admin-brand-sub{color:#64748b;font-size:.75rem;font-family:var(--font-mono,monospace);display:block}.admin-header-right{align-items:center;gap:1rem;display:flex}.admin-status-pill{font-size:.78rem;font-family:var(--font-mono,monospace);border-radius:9999px;align-items:center;gap:.5rem;padding:.4rem .85rem;font-weight:500;display:inline-flex}.admin-status-pill.online{color:#34d399;background:#10b9811a;border:1px solid #10b9814d}.admin-status-pill.offline{color:#f87171;background:#ef44441a;border:1px solid #ef44444d}.admin-refresh-btn{border-radius:var(--radius-sm,6px);color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.82rem;transition:all .2s;display:inline-flex}.admin-refresh-btn:hover:not(:disabled){color:#fff;background:#ffffff1a}.spin-icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:2rem 1.5rem 4rem}.admin-alert{border-radius:var(--radius-md,10px);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.9rem 1.25rem;font-size:.9rem;animation:.25s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.admin-alert.success{color:#34d399;background:#10b9811f;border:1px solid #10b98159}.admin-alert.error{color:#f87171;background:#ef44441f;border:1px solid #ef444459}.alert-close-btn{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;margin-left:auto}.alert-close-btn:hover{opacity:1}.admin-auth-card{border-radius:var(--radius-lg,14px);background:#0f172aa6;border:1px solid #38bdf833;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;padding:1.25rem 1.75rem;display:flex;box-shadow:0 4px 20px #00000040}.auth-card-info{align-items:center;gap:1rem;display:flex}.auth-icon{color:#38bdf8;flex-shrink:0}.auth-card-title{color:#f8fafc;margin-bottom:.2rem;font-size:1rem;font-weight:600}.auth-card-desc{color:#94a3b8;font-size:.82rem}.auth-card-desc code{color:#38bdf8;background:#38bdf81a;border-radius:4px;padding:.1rem .3rem}.auth-input-group{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.auth-input-group label{color:#cbd5e1;font-size:.85rem;font-weight:500}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-secret-input{color:#f1f5f9;font-family:var(--font-mono,monospace);background:#0006;border:1px solid #ffffff26;border-radius:8px;outline:none;width:210px;padding:.5rem 4.5rem .5rem .85rem;font-size:.85rem;transition:border-color .2s}.auth-secret-input:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.secret-status-tag{font-size:.7rem;font-family:var(--font-mono,monospace);border-radius:4px;align-items:center;gap:.2rem;padding:.15rem .4rem;display:inline-flex;position:absolute;right:.5rem}.secret-status-tag.saved{color:#34d399;background:#10b98126}.secret-status-tag.typing{color:#fbbf24;background:#f59e0b26}.admin-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.metric-card{border-radius:var(--radius-md,12px);background:#0f172a99;border:1px solid #ffffff12;align-items:center;gap:1rem;padding:1.25rem;transition:transform .2s,border-color .2s;display:flex}.metric-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.metric-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.projects-accent{color:#38bdf8;background:#38bdf81f}.skills-accent{color:#c084fc;background:#a855f71f}.messages-accent{color:#fb7185;background:#f43f5e1f}.server-accent{color:#34d399;background:#10b9811f}.metric-details{flex-direction:column;display:flex}.metric-label{color:#94a3b8;font-size:.8rem;font-weight:500}.metric-value{font-size:1.4rem;font-weight:700;font-family:var(--font-heading,sans-serif);color:#f8fafc;line-height:1.2}.metric-sub{color:#64748b;margin-top:.15rem;font-size:.72rem}.admin-tabs-nav{border-bottom:1px solid #ffffff14;gap:.5rem;margin-bottom:2rem;display:flex;overflow-x:auto}.admin-tab-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.6rem;padding:.75rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.admin-tab-btn:hover{color:#cbd5e1}.admin-tab-btn.active{color:#38bdf8;border-bottom-color:#38bdf8;font-weight:600}.admin-tab-pane{animation:.2s fadeIn}.admin-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg,14px);background:#0f172aa6;border:1px solid #ffffff14;margin-bottom:2rem;padding:1.75rem}.card-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.card-title{color:#f8fafc;align-items:center;gap:.6rem;font-size:1.15rem;font-weight:600;display:flex}.title-icon{color:#38bdf8}.card-subtitle{color:#94a3b8;margin-top:.2rem;font-size:.82rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:1.25rem;display:grid}.form-group{flex-direction:column;gap:.45rem;display:flex}.form-group.full-width{grid-column:1/-1;margin-bottom:1.25rem}.form-group label{color:#cbd5e1;font-size:.82rem;font-weight:500}.admin-input,.admin-textarea{color:#f8fafc;background:#00000059;border:1px solid #ffffff1f;border-radius:8px;padding:.7rem .95rem;font-family:inherit;font-size:.9rem;transition:all .2s}.admin-input:focus,.admin-textarea:focus{border-color:#38bdf8;outline:none;box-shadow:0 0 0 2px #38bdf833}.form-actions{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}.cancel-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.8rem;display:inline-flex}.cancel-btn:hover{color:#f87171;background:#ef444426;border-color:#ef44444d}.submit-btn{color:#04101e;cursor:pointer;background:linear-gradient(135deg,#0284c7,#38bdf8);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 15px #38bdf880}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.admin-projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;display:grid}.admin-project-item{border-radius:var(--radius-md,10px);background:#0b0f1980;border:1px solid #ffffff14;flex-direction:column;padding:1.25rem;transition:all .2s;display:flex}.admin-project-item:hover{border-color:#38bdf84d;transform:translateY(-2px)}.project-item-top{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;display:flex}.project-item-title{color:#f8fafc;font-size:1.05rem;font-weight:600}.project-item-actions{align-items:center;gap:.4rem;display:flex}.item-action-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.item-action-btn.edit{color:#38bdf8;background:#38bdf81a;border-color:#38bdf833}.item-action-btn.edit:hover{background:#38bdf840}.item-action-btn.delete{color:#f87171;background:#ef44441a;border-color:#ef444433}.item-action-btn.delete:hover{background:#ef444440}.project-item-desc{color:#94a3b8;flex:1;margin-bottom:.9rem;font-size:.85rem;line-height:1.5}.project-item-tech{flex-wrap:wrap;gap:.35rem;margin-bottom:1rem;display:flex}.tech-tag{font-size:.72rem;font-family:var(--font-mono,monospace);color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:.2rem .5rem}.project-item-footer{border-top:1px solid #ffffff0f;align-items:center;gap:.75rem;padding-top:.75rem;display:flex}.project-link{color:#94a3b8;align-items:center;gap:.3rem;font-size:.78rem;text-decoration:none;transition:color .2s;display:inline-flex}.project-link:hover{color:#38bdf8}.project-link.live{color:#34d399}.project-link.live:hover{color:#6ee7b7}.project-id-tag{color:#64748b;font-size:.7rem;font-family:var(--font-mono,monospace);margin-left:auto}.skill-editor-box{background:#0f172a99;border:1px solid #ffffff14;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.skill-editor-form-grid{grid-template-columns:1fr 1.2fr;gap:1.25rem;margin-bottom:1.25rem;display:grid}@media (width<=768px){.skill-editor-form-grid{grid-template-columns:1fr}}.skill-editor-field{flex-direction:column;gap:.5rem;display:flex}.skill-logo-mode-header{justify-content:space-between;align-items:center;display:flex}.skill-mode-toggle{background:#0000004d;border:1px solid #ffffff0f;border-radius:6px;gap:.25rem;padding:2px;display:flex}.skill-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:.35rem;padding:.25rem .55rem;font-size:.72rem;font-weight:500;transition:all .2s;display:inline-flex}.skill-toggle-btn.active{color:#e9d5ff;background:#a855f740}.skill-logo-upload-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.skill-file-browse-btn{color:#cbd5e1;cursor:pointer;background:#1e293bcc;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:.45rem;padding:.55rem .85rem;font-size:.8rem;transition:all .2s;display:inline-flex}.skill-file-browse-btn:hover{color:#fff;background:#334155e6;border-color:#a855f766}.skill-file-name-tag{color:#e9d5ff;text-overflow:ellipsis;white-space:nowrap;background:#a855f726;border:1px solid #a855f74d;border-radius:6px;align-items:center;gap:.35rem;max-width:200px;padding:.3rem .6rem;font-size:.75rem;display:inline-flex;overflow:hidden}.skill-file-clear-btn{color:#c084fc;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.skill-file-clear-btn:hover{color:#f87171}.skill-url-input-wrap{align-items:center;display:flex;position:relative}.skill-url-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;display:flex;position:absolute;right:.6rem}.skill-url-clear-btn:hover{color:#f87171}.skill-preview-action-row{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.skill-preview-badge{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.skill-preview-label{color:#94a3b8;font-size:.78rem;font-weight:500}.skill-preview-chip{background:#0a0f1ad9;border:1px solid #6366f14d;border-radius:10px;align-items:center;gap:.55rem;padding:.4rem .85rem;display:inline-flex}.skill-preview-icon-bubble{justify-content:center;align-items:center;width:26px;height:26px;display:flex}.skill-preview-name{color:#f8fafc;font-size:.85rem;font-weight:600}.skill-preview-hint{color:#64748b;font-size:.72rem;font-style:italic}.skill-action-buttons{align-items:center;gap:.5rem;display:flex}.add-skill-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #6366f140}.add-skill-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 16px #a855f759}.skills-badge-collection{flex-wrap:wrap;gap:.65rem;display:flex}.admin-skill-chip{color:#f1f5f9;background:#0f172ad9;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:.55rem;padding:.45rem .85rem;font-size:.82rem;font-weight:500;transition:all .2s;display:inline-flex}.admin-skill-chip.editing{background:#a855f726;border-color:#a855f7;box-shadow:0 0 12px #a855f740}.admin-skill-chip-icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.admin-skill-chip-name{color:#e2e8f0}.admin-skill-chip-actions{align-items:center;gap:.25rem;margin-left:.25rem;display:flex}.skill-action-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;transition:all .2s;display:flex}.skill-action-btn.edit:hover{color:#38bdf8;background:#38bdf826}.skill-action-btn.remove:hover{color:#f87171;background:#f8717126}.sync-msgs-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.82rem;display:inline-flex}.sync-msgs-btn:hover{background:#ffffff1a}.messages-list{flex-direction:column;gap:1rem;display:flex}.admin-message-card{background:#0b0f1999;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:.75rem;padding:1.25rem;transition:border-color .2s;display:flex}.admin-message-card:hover{border-color:#f43f5e4d}.message-card-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.message-sender-name{color:#f8fafc;font-size:1rem;font-weight:600}.message-sender-email{color:#38bdf8;font-size:.82rem;text-decoration:none}.message-sender-email:hover{text-decoration:underline}.message-card-meta{align-items:center;gap:.75rem;display:flex}.message-time{color:#64748b;font-size:.75rem;font-family:var(--font-mono,monospace);align-items:center;gap:.35rem;display:inline-flex}.message-delete-btn{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.message-delete-btn:hover{background:#ef444440}.message-body{color:#cbd5e1;background:#0003;border-radius:6px;padding:.85rem 1rem;font-size:.9rem;line-height:1.6}.health-details-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.health-metric-box{background:#0b0f1980;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:.4rem;padding:1rem;display:flex}.health-box-label{color:#94a3b8;font-size:.78rem;font-family:var(--font-mono,monospace)}.health-box-val{color:#f8fafc;font-size:.95rem;font-weight:600}.val-online{color:#34d399}.val-offline{color:#f87171}.console-runner-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.endpoint-selector{flex-wrap:wrap;gap:.5rem;display:flex}.endpoint-chip{font-size:.8rem;font-family:var(--font-mono,monospace);color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.45rem .8rem;transition:all .2s}.endpoint-chip:hover{color:#cbd5e1;background:#ffffff1a}.endpoint-chip.active{color:#38bdf8;background:#38bdf826;border-color:#38bdf866}.console-send-btn{align-items:center;gap:.45rem;padding:.55rem 1.1rem;font-size:.85rem;display:inline-flex}.console-result-box{background:#060911;border:1px solid #ffffff1a;border-radius:8px;overflow:hidden}.result-header{font-size:.78rem;font-family:var(--font-mono,monospace);color:#94a3b8;background:#ffffff08;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex}.result-json{font-family:var(--font-mono,monospace);color:#38bdf8;max-height:400px;margin:0;padding:1rem;font-size:.82rem;overflow-x:auto}.admin-empty-state{text-align:center;color:#94a3b8;padding:3rem 1.5rem}.empty-icon{opacity:.4;margin-bottom:.75rem}.admin-empty-state h4{color:#cbd5e1;margin-bottom:.35rem;font-size:1.1rem;font-weight:600}.admin-empty-state p{color:#64748b;font-size:.85rem}@media (width<=768px){.admin-header-container{flex-direction:column;align-items:flex-start}.admin-auth-card{flex-direction:column;align-items:flex-start;gap:1.25rem}.auth-input-group,.auth-input-wrapper,.auth-secret-input{width:100%}}.avatar-upload-section{border-radius:var(--radius-md,12px);background:#0b0f1973;border:1px solid #ffffff14;padding:1.25rem}.avatar-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.avatar-section-label{color:#f1f5f9;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:inline-flex}.avatar-section-label svg{color:#38bdf8}.avatar-mode-toggle{background:#00000059;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.4rem;padding:.25rem;display:flex}.mode-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.78rem;font-weight:500;transition:all .2s;display:inline-flex}.mode-toggle-btn:hover{color:#e2e8f0}.mode-toggle-btn.active{color:#38bdf8;background:#38bdf826;font-weight:600}.avatar-uploader-container{align-items:flex-start;gap:1.5rem;display:flex}.avatar-preview-box{background:#0006;border:2px dashed #38bdf84d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative;overflow:hidden}.avatar-preview-img{object-fit:cover;width:100%;height:100%}.avatar-preview-placeholder{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;font-size:.7rem;display:flex}.avatar-uploader-controls{flex-direction:column;flex:1;gap:.75rem;display:flex}.avatar-dropzone{cursor:pointer;text-align:center;background:#ffffff05;border:2px dashed #ffffff26;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:1.25rem 1.5rem;transition:all .25s;display:flex}.avatar-dropzone:hover{background:#38bdf80a;border-color:#38bdf8}.dropzone-content{flex-direction:column;align-items:center;gap:.4rem;display:flex}.dropzone-icon{color:#38bdf8;opacity:.8}.dropzone-main-text{color:#e2e8f0;font-size:.88rem;font-weight:500}.dropzone-sub-text{color:#64748b;font-size:.76rem}.selected-file-pill{font-size:.75rem;font-family:var(--font-mono,monospace);color:#34d399;background:#10b9811f;border:1px solid #10b9814d;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .65rem;display:inline-flex}.avatar-url-input-wrap{flex-direction:column;gap:.35rem;display:flex}.avatar-url-hint{color:#64748b;font-size:.74rem}.avatar-action-bar{align-items:center;gap:.5rem;display:flex}.clear-avatar-btn{color:#f87171;cursor:pointer;background:#ef444414;border:1px solid #ef444433;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.78rem;transition:all .2s;display:inline-flex}.clear-avatar-btn:hover{background:#ef444433}@media (width<=600px){.avatar-uploader-container{flex-direction:column;align-items:center}}.admin-logout-btn{border-radius:var(--radius-sm,6px);color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef444440;align-items:center;gap:.45rem;padding:.45rem .9rem;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.admin-logout-btn:hover{color:#fca5a5;background:#ef444438;border-color:#ef444480;transform:translateY(-1px)}.admin-user-pill{font-size:.76rem;font-family:var(--font-mono,monospace);color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf840;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .75rem;display:inline-flex}.security-gate-container{width:100%;max-width:520px;margin:3.5rem auto 4rem;padding:0 1.25rem;animation:.4s cubic-bezier(.16,1,.3,1) fadeInGate}@keyframes fadeInGate{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.security-gate-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#0f172ad9,#0b0f19f2);border:1px solid #38bdf833;border-radius:16px;padding:2.25rem 2rem;position:relative;overflow:hidden;box-shadow:0 20px 45px -10px #0009,0 0 30px #38bdf814}.security-gate-card:before{content:"";background:linear-gradient(90deg,#38bdf8,#818cf8,#c084fc,#38bdf8) 0 0/200% 100%;height:3px;animation:4s linear infinite shimmerBorder;position:absolute;top:0;left:0;right:0}.security-gate-card.locked-border:before{background:linear-gradient(90deg,#ef4444,#f97316,#ef4444)}@keyframes shimmerBorder{0%{background-position:0 0}to{background-position:200% 0}}.gate-badge-wrap{justify-content:center;margin-bottom:1.25rem;display:flex}.gate-shield-emblem{color:#38bdf8;background:radial-gradient(circle,#38bdf833 0%,#0f172acc 100%);border:1px solid #38bdf866;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .3s;display:flex;box-shadow:0 0 25px #38bdf84d}.gate-shield-emblem.locked{color:#ef4444;background:radial-gradient(circle,#ef444440 0%,#0f172acc 100%);border-color:#ef444480;animation:2s ease-in-out infinite pulseLock;box-shadow:0 0 30px #ef444459}@keyframes pulseLock{0%,to{transform:scale(1);box-shadow:0 0 20px #ef44444d}50%{transform:scale(1.05);box-shadow:0 0 35px #ef444499}}.gate-title-group{text-align:center;margin-bottom:1.75rem}.gate-main-title{color:#f8fafc;font-size:1.45rem;font-weight:700;font-family:var(--font-heading,"Outfit", sans-serif);letter-spacing:-.02em;margin-bottom:.35rem}.gate-subtitle{color:#94a3b8;font-size:.84rem;line-height:1.4}.attempts-status-bar{background:#0f172a99;border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:.55rem .85rem;font-size:.78rem;display:flex}.attempts-label{color:#94a3b8;align-items:center;gap:.4rem;display:flex}.attempts-pill{font-weight:600;font-family:var(--font-mono,monospace);border-radius:9999px;padding:.2rem .6rem}.attempts-pill.safe{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.attempts-pill.warning{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.attempts-pill.danger{color:#f87171;background:#ef444426;border:1px solid #ef44444d;animation:1s infinite alternate pulseAttempts}@keyframes pulseAttempts{0%{opacity:.7}to{opacity:1;transform:scale(1.04)}}.lockout-alert-box{text-align:center;background:linear-gradient(145deg,#ef444426,#0f172acc);border:1px solid #ef444466;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.lockout-alert-header{color:#ef4444;text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.45rem;font-size:.95rem;font-weight:700;display:flex}.lockout-alert-desc{color:#cbd5e1;margin-bottom:1rem;font-size:.82rem;line-height:1.45}.lockout-timer-display{background:#0006;border:1px solid #ef44444d;border-radius:8px;flex-direction:column;align-items:center;gap:.25rem;padding:.85rem;display:flex}.lockout-timer-label{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;align-items:center;gap:.35rem;font-size:.72rem;display:flex}.countdown-digits{font-family:var(--font-mono,monospace);color:#f87171;letter-spacing:.1em;text-shadow:0 0 15px #ef444499;font-size:2rem;font-weight:800}.gate-form{flex-direction:column;gap:1.15rem;display:flex}.gate-input-wrapper{align-items:center;display:flex;position:relative}.gate-input-icon{color:#64748b;pointer-events:none;transition:color .2s;position:absolute;left:.95rem}.gate-input{color:#f8fafc;background:#0f172abf;border:1px solid #ffffff1f;border-radius:8px;width:100%;padding:.78rem 2.75rem;font-size:.9rem;transition:all .2s}.gate-input:focus{background:#0f172af2;border-color:#38bdf8;outline:none;box-shadow:0 0 0 3px #38bdf826}.gate-input:focus+.gate-input-icon,.gate-input-wrapper:focus-within .gate-input-icon{color:#38bdf8}.gate-input:disabled{opacity:.55;cursor:not-allowed;border-color:#ffffff0f}.gate-pw-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.35rem;transition:color .2s;display:flex;position:absolute;right:.75rem}.gate-pw-toggle:hover{color:#94a3b8}.gate-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#2563eb 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.85rem;font-size:.92rem;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 4px 15px #0284c74d}.gate-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#0ea5e9 0%,#3b82f6 100%);transform:translateY(-1px);box-shadow:0 6px 20px #0284c773}.gate-submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.gate-submit-btn.locked{color:#f87171;background:#ef444433;border:1px solid #ef444466}.gate-footer-tools{border-top:1px solid #ffffff14;flex-direction:column;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.demo-credentials-card{background:#38bdf80d;border:1px dashed #38bdf840;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem .9rem;font-size:.78rem;display:flex}.demo-credentials-text{color:#94a3b8}.demo-credentials-text code{color:#38bdf8;font-family:var(--font-mono,monospace)}.autofill-btn{color:#38bdf8;cursor:pointer;white-space:nowrap;background:#38bdf826;border:1px solid #38bdf84d;border-radius:4px;padding:.3rem .65rem;font-size:.74rem;font-weight:500;transition:all .2s}.autofill-btn:hover{background:#38bdf84d}.master-unlock-btn{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:none;padding:.25rem;font-size:.76rem;transition:color .2s}.master-unlock-btn:hover{color:#94a3b8;text-decoration:underline}.master-unlock-box{background:#0f172ae6;border:1px solid #f59e0b4d;border-radius:8px;flex-direction:column;gap:.6rem;padding:.85rem;animation:.2s fadeInGate;display:flex}.master-unlock-title{color:#fbbf24;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;display:flex}.master-unlock-row{gap:.5rem;display:flex}.master-unlock-input{color:#fff;background:#0006;border:1px solid #ffffff26;border-radius:4px;flex:1;padding:.45rem .65rem;font-size:.8rem}.master-clear-btn{color:#0b0f19;cursor:pointer;background:#f59e0b;border:none;border-radius:4px;padding:.45rem .85rem;font-size:.8rem;font-weight:600;transition:background .2s}.master-clear-btn:hover{background:#d97706}.label-with-hint{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.field-hint{color:var(--text-muted,#94a3b8);font-size:.74rem;font-weight:400}.textarea-footer-action{justify-content:flex-end;margin-top:.45rem;display:flex}.btn-add-bullet{color:var(--accent-cyan,#06b6d4);border-radius:var(--radius-sm,6px);cursor:pointer;background:#06b6d414;border:1px solid #06b6d440;padding:.3rem .65rem;font-size:.76rem;font-weight:500;transition:all .2s}.btn-add-bullet:hover{border-color:var(--accent-cyan,#06b6d4);background:#06b6d433;transform:translateY(-1px)}.admin-project-points-list{flex-direction:column;gap:.4rem;margin:.6rem 0 1rem;padding:0;list-style:none;display:flex}.admin-point-item{color:#cbd5e1;align-items:flex-start;gap:.55rem;font-size:.86rem;line-height:1.55;display:flex}.admin-point-bullet{color:var(--accent-cyan,#06b6d4);font-size:.95rem;font-weight:700;line-height:1.3}.contact-photo-section{border-bottom:1px solid #ffffff14;margin-bottom:1.5rem;padding-bottom:1.5rem}.contact-uploader-container{align-items:flex-start;gap:1.5rem;margin-top:1rem;display:flex}.contact-portrait-preview-box{background:#00000073;border:2px dashed #38bdf859;border-radius:14px;flex-shrink:0;width:120px;height:155px;position:relative;overflow:hidden;box-shadow:0 8px 24px #0006}.contact-preview-img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.contact-photo-source-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#38bdf8;text-align:center;letter-spacing:.02em;background:#0f172ae0;border-top:1px solid #38bdf833;padding:.25rem .4rem;font-size:.68rem;font-weight:600;position:absolute;bottom:0;left:0;right:0}.contact-code-note{color:#94a3b8;background:#38bdf80d;border:1px solid #38bdf826;border-radius:8px;align-items:flex-start;gap:.5rem;margin-top:.5rem;padding:.6rem .85rem;font-size:.8rem;line-height:1.45;display:flex}.contact-code-note code{color:#38bdf8;font-family:var(--font-mono,monospace);background:#38bdf81f;border-radius:4px;padding:.15rem .4rem;font-size:.76rem}.code-note-icon{font-size:1rem;line-height:1}@media (width<=640px){.contact-uploader-container{flex-direction:column;align-items:center}}.form-full-width-section{border-top:1px solid #ffffff14;grid-column:1/-1;margin-top:1rem;margin-bottom:.5rem;padding-top:1.25rem}.admin-social-input-label{color:#cbd5e1;align-items:center;gap:.55rem;margin-bottom:.4rem;font-size:.85rem;font-weight:500;display:inline-flex}.admin-social-input-label svg{color:#38bdf8;flex-shrink:0;transition:transform .2s,color .2s}.form-group:focus-within .admin-social-input-label svg{color:#818cf8;transform:scale(1.1)}.portfolio-app-root{flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}#main-content{z-index:1;flex:1;width:100%;position:relative}.portfolio-preloader{background-color:var(--bg-primary);z-index:9999;flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex;position:fixed;inset:0}.preloader-spinner{width:60px;height:60px;position:relative}.spinner-orbit{border:2px solid #0000;border-top-color:var(--accent-cyan);border-right-color:var(--accent-indigo);border-radius:50%;animation:1s linear infinite spin-slow;position:absolute;inset:0}.spinner-core{background:var(--gradient-primary);border-radius:50%;animation:1.5s ease-in-out infinite pulse-subtle;position:absolute;inset:18px;box-shadow:0 0 20px #06b6d4cc}.preloader-text{text-align:center;flex-direction:column;align-items:center;gap:.4rem;display:flex}.preloader-title{font-family:var(--font-heading);letter-spacing:.15em;color:#fff;font-size:1.1rem;font-weight:700}.preloader-subtitle{font-family:var(--font-mono);color:var(--accent-cyan);font-size:.82rem}