@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap);@import url(https://cdn.jsdelivr.net/gh/devicons/devicon@v2.15.1/devicon.min.css);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#07080c;--bg-secondary:#0d0e15;--bg-surface:#12141e;--bg-surface-elevated:#181b28;--bg-surface-glass:#12141ebf;--border-subtle:#ffffff12;--border-medium:#ffffff1f;--border-accent:#00d2ff4d;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dim:#475569;--accent-cyan:#00d2ff;--accent-dev:#38bdf8;--accent-creator:#f36;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-purple:#a855f7;--grad-cyan:linear-gradient(135deg,#00d2ff,#3a7bd5);--grad-creator:linear-gradient(135deg,#f36,#ff6b4a);--grad-dev:linear-gradient(135deg,#38bdf8,#818cf8);--grad-dark-surface:linear-gradient(180deg,#181b2899,#0d0e15e6);--font-main:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",monospace;--ease-cinematic:cubic-bezier(0.16,1,0.3,1);--transition-fast:0.2s ease;--transition-smooth:0.4s var(--ease-cinematic);--shadow-subtle:0 4px 20px #0000004d;--shadow-elevated:0 12px 36px #00000080;--shadow-glow-cyan:0 0 40px #00d2ff26;--shadow-glow-creator:0 0 40px #ff336626}[data-theme=neo]{--bg-primary:#030712;--bg-secondary:#080e20;--bg-surface:#0c142b;--bg-surface-elevated:#111d3d;--bg-surface-glass:#0c142bd9;--border-subtle:#00f0ff2e;--border-medium:#00f0ff59;--border-accent:#00f0ffa6;--text-primary:#fff;--text-secondary:#94b5ff;--text-muted:#4e82f7;--text-dim:#3b579d;--accent-cyan:#00f0ff;--accent-dev:#00f0ff;--accent-creator:#f05;--accent-purple:#b026ff;--accent-emerald:#00ff9d;--grad-cyan:linear-gradient(135deg,#00f0ff,#b026ff);--grad-creator:linear-gradient(135deg,#f05,#f50);--grad-dev:linear-gradient(135deg,#00f0ff,#06f);--grad-dark-surface:linear-gradient(180deg,#111d3dcc,#080e20f2);--shadow-subtle:0 4px 20px #00f0ff14;--shadow-elevated:0 12px 36px #000000b3;--shadow-glow-cyan:0 0 45px #00f0ff4d;--shadow-glow-creator:0 0 45px #ff00554d}[data-theme=neo] .title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00f0ff,#b026ff);-webkit-background-clip:text}[data-theme=neo] .site-header.header-scrolled{border-bottom:1px solid #00f0ff40;box-shadow:0 4px 30px #00f0ff1a}[data-theme=neo] .brand-logo-mark{background:linear-gradient(135deg,#00f0ff,#b026ff);box-shadow:0 0 22px #00f0ff73}[data-theme=neo] .brand-letter-a{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00f0ff,#b026ff 60%,#f05);-webkit-background-clip:text;filter:drop-shadow(0 0 16px rgba(0,240,255,.65))}[data-theme=neo] .btn-primary{background:linear-gradient(135deg,#00f0ff,#09f);box-shadow:0 0 25px #00f0ff66;color:#030712;font-weight:800}[data-theme=neo] .skill-card-modern,[data-theme=neo] .skill-card-modern.is-featured{border:1px solid #00f0ff29;box-shadow:none}[data-theme=neo] .skill-card-modern.is-featured:hover,[data-theme=neo] .skill-card-modern:hover{border-color:#00f0ff!important;box-shadow:0 0 25px #00f0ff80,0 12px 35px #00f0ff38!important;transform:translateY(-5px)}[data-theme=neo] .currently-building-container{border-color:#00f0ff4d;box-shadow:0 10px 35px #00f0ff1a}.header-right-group{align-items:center;display:flex;gap:1.5rem}.theme-switcher-wrapper{position:relative}.theme-toggle-btn{align-items:center;background:#181b28;background:var(--bg-surface-elevated);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:20px;color:#f8fafc;color:var(--text-primary);cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.78rem;font-weight:700;gap:.45rem;padding:.4rem .75rem;transition:all .2s ease;transition:all var(--transition-fast)}.theme-toggle-btn:hover{border-color:#38bdf8;border-color:var(--accent-dev);transform:translateY(-1px)}.theme-btn-label{display:inline-block}.chevron-icon{color:#64748b;color:var(--text-muted);transition:transform .2s ease;transition:transform var(--transition-fast)}.chevron-icon.open{transform:rotate(180deg)}.theme-dropdown-menu{animation:fadeInDown .2s cubic-bezier(.16,1,.3,1);animation:fadeInDown .2s var(--ease-cinematic);background:#181b28;background:var(--bg-surface-elevated);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:14px;box-shadow:0 12px 36px #00000080;box-shadow:var(--shadow-elevated);display:flex;flex-direction:column;gap:.25rem;padding:.5rem;position:absolute;right:0;top:130%;width:190px;z-index:1100}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.theme-menu-header{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);color:#64748b;color:var(--text-muted);font-size:.68rem;font-weight:700;margin-bottom:.25rem;padding:.35rem .6rem;text-transform:uppercase}.theme-menu-header,.theme-option-btn{font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.theme-option-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.6rem;padding:.5rem .65rem;text-align:left;transition:all .2s ease;transition:all var(--transition-fast);width:100%}.theme-option-btn:hover{background:#07080c;background:var(--bg-primary);color:#f8fafc;color:var(--text-primary)}.theme-option-btn.active{background:#38bdf826;color:#38bdf8;color:var(--accent-dev);font-weight:700}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#07080c;background-color:var(--bg-primary);color:#f8fafc;color:var(--text-primary);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-main);line-height:1.65;overflow-x:hidden}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#07080c;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#181b28;background:var(--bg-surface-elevated);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-muted)}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d2ff,#3a7bd5);background:var(--grad-cyan);-webkit-background-clip:text}.title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#cbd5e1 50%,#64748b);-webkit-background-clip:text}.dev-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#38bdf8,#818cf8);background:var(--grad-dev);-webkit-background-clip:text}.creator-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f36,#ff6b4a);background:var(--grad-creator);-webkit-background-clip:text}.btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-main);font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease;transition:all var(--transition-fast)}.btn-primary{background:#00d2ff;background:var(--accent-cyan);box-shadow:0 0 20px #00d2ff4d;color:#07080c}.btn-primary:hover{background:#25d9ff;box-shadow:0 0 30px #00d2ff80;transform:translateY(-2px)}.btn-secondary{background:#12141e;background:var(--bg-surface);border-color:#ffffff1f;border-color:var(--border-medium);color:#f8fafc;color:var(--text-primary)}.btn-secondary:hover{background:#181b28;background:var(--bg-surface-elevated);border-color:#64748b;border-color:var(--text-muted);transform:translateY(-2px)}.btn-outline{background:#0000;border-color:#ffffff1f;border-color:var(--border-medium);color:#f8fafc;color:var(--text-primary)}.btn-outline:hover{background:#ffffff0d;border-color:#00d2ff;border-color:var(--accent-cyan);color:#00d2ff;color:var(--accent-cyan)}.btn-youtube{align-items:center;background:linear-gradient(135deg,#f03,#d40028);border:1px solid #fff3;border-radius:14px;box-shadow:0 6px 25px #ff003373,inset 0 1px 0 #ffffff59;color:#fff;display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.88rem;font-weight:800;gap:.85rem;letter-spacing:.04em;overflow:hidden;padding:.8rem 1.6rem;position:relative;transition:all .35s cubic-bezier(.16,1,.3,1);transition:all .35s var(--ease-cinematic)}.btn-youtube:hover{background:linear-gradient(135deg,#ff1a47,#e6002e);border-color:#fff6;box-shadow:0 12px 35px #ff0033a6,0 0 30px #ff003359;color:#fff;transform:translateY(-3px) scale(1.025)}.btn-youtube .yt-icon-box{align-items:center;background:#fff3;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.btn-youtube .yt-btn-text{align-items:flex-start;display:flex;flex-direction:column;gap:.1rem;text-align:left}.btn-youtube .yt-btn-primary{color:#fff;font-size:.85rem;font-weight:800}.btn-youtube .yt-btn-sub{color:#fffc;font-size:.68rem;font-weight:600;letter-spacing:.08em}.btn-youtube .yt-btn-arrow{margin-left:.25rem;transition:transform .25s ease}.btn-youtube:hover .yt-btn-arrow{transform:translateX(3px)}.btn-block{width:100%}.site-wrapper{display:flex;flex-direction:column;min-height:100vh}.section-container{margin:0 auto;max-width:1240px;padding:5.5rem 1.5rem;position:relative}.section-heading-wrap{margin:0 auto 3.5rem;max-width:700px;text-align:center}.section-tag{color:#00d2ff;color:var(--accent-cyan);display:inline-block;letter-spacing:.15em;margin-bottom:.5rem}.section-pill-tag,.section-tag{font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase}.section-pill-tag{align-items:center;border-radius:20px;display:inline-flex;gap:.4rem;margin-bottom:.75rem;padding:.3rem .8rem}.section-pill-tag.tag-dev{background:#38bdf81f;border:1px solid #38bdf84d;color:#38bdf8;color:var(--accent-dev)}.section-pill-tag.tag-creator{background:#ff33661f;border:1px solid #ff33664d;color:#f36;color:var(--accent-creator)}.section-title{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:1rem}.section-subtext{color:#94a3b8;color:var(--text-secondary);font-size:1.05rem;line-height:1.6}.site-header{background:#0000;left:0;padding:1.1rem 0;position:fixed;top:0;transition:all .4s cubic-bezier(.16,1,.3,1);transition:all var(--transition-smooth);width:100%;z-index:1000}.site-header.header-scrolled{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#12141ebf;background:var(--bg-surface-glass);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);box-shadow:0 4px 30px #0000004d;padding:.75rem 0}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 1.5rem}.brand-logo-a{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:.15rem .4rem;text-decoration:none;transition:transform .2s ease;transition:transform var(--transition-fast)}.brand-logo-a:hover{transform:scale(1.12)}.brand-letter-a{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d2ff,#a855f7 55%,#f36);-webkit-background-clip:text;filter:drop-shadow(0 0 15px rgba(0,210,255,.4));font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:2.2rem;font-weight:900;letter-spacing:-.05em;line-height:1;-webkit-user-select:none;user-select:none}.brand-logo{color:#f8fafc;color:var(--text-primary);gap:.85rem;text-decoration:none}.brand-logo,.brand-logo-mark{align-items:center;display:flex}.brand-logo-mark{background:linear-gradient(135deg,#00d2ff,#a855f7);background:linear-gradient(135deg,var(--accent-cyan) 0,var(--accent-purple) 100%);border-radius:12px;box-shadow:0 0 22px #00d2ff59;flex-shrink:0;height:42px;justify-content:center;transition:all .4s cubic-bezier(.16,1,.3,1);transition:all var(--transition-smooth);width:42px}.brand-logo-mark.small{border-radius:10px;height:36px;width:36px}.brand-logo:hover .brand-logo-mark{box-shadow:0 0 28px #00d2ff99;transform:scale(1.08) rotate(3deg)}.brand-mark-text{color:#07080c;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:1.1rem;font-weight:900;letter-spacing:-.05em}.brand-title-wrap{display:flex;flex-direction:column;gap:.15rem}.brand-primary{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 60%,#00d2ff);background:linear-gradient(135deg,#fff 60%,var(--accent-cyan) 100%);-webkit-background-clip:text;font-size:1.35rem;font-weight:800;letter-spacing:-.02em}.brand-primary,.brand-role-pill{font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.brand-role-pill{align-items:center;border-radius:12px;display:inline-flex;font-size:.7rem;font-weight:700;gap:.35rem;padding:.2rem .6rem;text-transform:uppercase}.brand-role-pill.badge-split{background:#00d2ff1f;border:1px solid #00d2ff4d;color:#00d2ff;color:var(--accent-cyan)}.brand-role-pill.badge-dev{background:#38bdf81f;border:1px solid #38bdf84d;color:#38bdf8;color:var(--accent-dev)}.brand-role-pill.badge-creator{background:#ff33661f;border:1px solid #ff33664d;color:#f36;color:var(--accent-creator)}.desktop-nav,.nav-list{align-items:center;display:flex}.nav-list{gap:1.75rem;list-style:none}.nav-link{color:#94a3b8;color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.82rem;font-weight:600;letter-spacing:.05em;padding:.4rem 0;position:relative;text-decoration:none;transition:color .2s ease;transition:color var(--transition-fast)}.nav-link:after{background:#00d2ff;background:var(--accent-cyan);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .4s cubic-bezier(.16,1,.3,1);transition:width var(--transition-smooth);width:0}.nav-link.active,.nav-link:hover{color:#fff}.nav-link.active:after,.nav-link:hover:after{width:100%}.mobile-toggle-btn{align-items:center;background:#181b28;background:var(--bg-surface-elevated);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:10px;color:#f8fafc;color:var(--text-primary);cursor:pointer;display:none;height:42px;justify-content:center;transition:all .2s ease;transition:all var(--transition-fast);width:42px}.mobile-toggle-btn:hover{border-color:#00d2ff;border-color:var(--accent-cyan);color:#00d2ff;color:var(--accent-cyan)}.mobile-nav-drawer,.mobile-toggle-btn:hover{background:#12141e;background:var(--bg-surface)}.mobile-nav-drawer{-webkit-overflow-scrolling:touch;border-left:1px solid #ffffff1f;border-left:1px solid var(--border-medium);box-shadow:-10px 0 40px #0009;display:flex;flex-direction:column;gap:1.25rem;height:100vh;height:100dvh;max-width:340px;overflow-y:auto;padding:1.5rem 1.25rem;position:fixed;right:-100%;top:0;transition:right .35s cubic-bezier(.16,1,.3,1);width:85%;z-index:1050}.mobile-nav-drawer.open{right:0}.mobile-backdrop{animation:fadeIn .25s ease-out;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#000000bf;inset:0;position:fixed;z-index:1040}.mobile-drawer-header{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding-bottom:1rem}.mobile-drawer-brand{align-items:center;display:flex;gap:.75rem}.mobile-drawer-title-wrap{display:flex;flex-direction:column}.mobile-drawer-close-btn{align-items:center;background:#07080c;background:var(--bg-primary);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:8px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;transition:all var(--transition-fast);width:36px}.mobile-drawer-close-btn:hover{border-color:#00d2ff;border-color:var(--accent-cyan);color:#fff}.mobile-role-selector{background:#07080c;background:var(--bg-primary);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:12px;padding:.85rem}.mobile-role-title{color:#64748b;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.mobile-role-buttons{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(3,1fr)}.mobile-role-btn{align-items:center;background:#12141e;background:var(--bg-surface);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:8px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:.72rem;font-weight:600;gap:.3rem;justify-content:center;padding:.6rem .25rem;transition:all .2s ease;transition:all var(--transition-fast)}.mobile-role-btn:hover{border-color:var(--border-light);color:#f8fafc;color:var(--text-primary)}.mobile-role-btn.role-btn-personal.active{background:#00d2ff26;border-color:#00d2ff;border-color:var(--accent-cyan);color:#00d2ff;color:var(--accent-cyan)}.mobile-role-btn.role-btn-dev.active{background:#38bdf826;border-color:#38bdf8;border-color:var(--accent-dev);color:#38bdf8;color:var(--accent-dev)}.mobile-role-btn.role-btn-creator.active{background:#ff336626;border-color:#f36;border-color:var(--accent-creator);color:#f36;color:var(--accent-creator)}.mobile-nav-links,.mobile-nav-section-wrapper{display:flex;flex-direction:column}.mobile-nav-links{gap:.35rem}.mobile-link{align-items:center;background:#0000;border-radius:8px;color:#94a3b8;color:var(--text-secondary);display:flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.85rem;font-weight:600;gap:.75rem;padding:.7rem .85rem;text-decoration:none}.mobile-link,.mobile-link-dot{transition:all .2s ease;transition:all var(--transition-fast)}.mobile-link-dot{background:#ffffff1f;background:var(--border-medium);border-radius:50%;height:6px;width:6px}.mobile-link:hover{background:#07080c;background:var(--bg-primary);color:#fff}.mobile-link:hover .mobile-link-dot{background:#00d2ff;background:var(--accent-cyan);box-shadow:0 0 8px #00d2ff;box-shadow:0 0 8px var(--accent-cyan)}.mobile-link.active{background:#00d2ff14;color:#00d2ff;color:var(--accent-cyan);font-weight:700}.mobile-link.active .mobile-link-dot{background:#00d2ff;background:var(--accent-cyan);box-shadow:0 0 10px #00d2ff;box-shadow:0 0 10px var(--accent-cyan)}.mobile-theme-selector{border-top:1px solid #ffffff12;border-top:1px solid var(--border-subtle);margin-top:auto;padding-top:.75rem}.mobile-theme-btn,.mobile-theme-row{display:flex;gap:.5rem}.mobile-theme-btn{align-items:center;background:#07080c;background:var(--bg-primary);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:8px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.78rem;font-weight:600;justify-content:center;padding:.55rem .75rem;transition:all .2s ease;transition:all var(--transition-fast)}.mobile-theme-btn:hover{border-color:var(--border-light);color:#f8fafc;color:var(--text-primary)}.mobile-theme-btn.active{background:#00d2ff1f;border-color:#00d2ff;border-color:var(--accent-cyan);color:#fff}.hero-section{align-items:center;background:radial-gradient(circle at 50% 25%,#14182666 0,#07080c 70%);background:radial-gradient(circle at 50% 25%,#14182666 0,var(--bg-primary) 70%);display:flex;justify-content:center;min-height:95vh;overflow:hidden;padding:4.5rem 1.5rem 2rem;position:relative}.hero-ambient-lights{inset:0;overflow:hidden;pointer-events:none;position:absolute}.ambient-orb{border-radius:50%;filter:blur(120px);opacity:.15;position:absolute;transition:all 1s ease}.ambient-orb.orb-primary{background:#00d2ff;background:var(--accent-cyan);height:500px;right:15%;top:10%;width:500px}.ambient-orb.orb-primary.developer{background:#38bdf8;background:var(--accent-dev);opacity:.22}.ambient-orb.orb-primary.creator{background:#f36;background:var(--accent-creator);opacity:.22}.ambient-orb.orb-secondary{background:#3b82f6;bottom:10%;height:400px;left:10%;width:400px}.grid-overlay{background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:50px 50px;inset:0;position:absolute}.hero-content-wrapper{grid-gap:3.5rem;align-items:center;display:grid;gap:3.5rem;grid-template-columns:1.15fr .85fr;margin:0 auto;max-width:1280px;position:relative;width:100%;z-index:10}.hero-text-col{display:flex;flex-direction:column}.hero-identity-tag{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.role-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:700;gap:.4rem;letter-spacing:.08em;padding:.35rem .85rem}.hero-motto-sub,.role-pill{font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.hero-motto-sub{color:#64748b;color:var(--text-muted);font-size:.8rem;letter-spacing:.1em}.hero-headline{font-size:clamp(2.8rem,5vw,4.2rem);font-weight:900;letter-spacing:-.04em;line-height:1.1;margin-bottom:.75rem}.headline-prefix{color:#fff}.hero-subhead{color:#94a3b8;color:var(--text-secondary);font-size:1.25rem;font-weight:600;margin-bottom:1.25rem}.hero-statement{color:#64748b;color:var(--text-muted);font-size:1.1rem;line-height:1.7;margin-bottom:2rem;max-width:540px}.role-selector-container{margin-bottom:2.5rem}.selector-label{color:#475569;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.12em;margin-bottom:.75rem}.role-tabs{background:#12141e;background:var(--bg-surface);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:12px;display:inline-flex;gap:.35rem;padding:.35rem}.role-tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.85rem;font-weight:700;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s ease;transition:all var(--transition-fast)}.role-tab-btn:hover{background:#ffffff0d;color:#fff}.role-tab-btn.tab-dev.active{background:#38bdf8;background:var(--accent-dev);box-shadow:0 0 20px #38bdf866;color:#07080c}.role-tab-btn.tab-personal.active{background:#00d2ff;background:var(--accent-cyan);box-shadow:0 0 20px #00d2ff66;color:#07080c}.role-tab-btn.tab-creator.active{background:#f36;background:var(--accent-creator);box-shadow:0 0 20px #f366;color:#fff}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.hero-visual-col{align-items:center;overflow:visible}.hero-visual-col,.portrait-stage{display:flex;justify-content:center;position:relative}.portrait-stage{align-items:flex-end;background:#0000!important;border:none!important;box-shadow:none!important;height:680px;max-width:580px;overflow:visible!important;width:100%}.portrait-halo{background:radial-gradient(circle at center,#00d2ff52 0,#00d2ff14 50%,#0000 75%);border-radius:50%;filter:blur(60px);height:560px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s cubic-bezier(.16,1,.3,1);transition:all var(--transition-smooth);width:480px;z-index:1}.portrait-stage.role-developer .portrait-halo{background:radial-gradient(circle at center,#38bdf85c 0,#38bdf81a 50%,#0000 75%)}.portrait-stage.role-creator .portrait-halo{background:radial-gradient(circle at center,#ff33665c 0,#ff33661a 50%,#0000 75%)}.portrait-stage:hover .portrait-halo{filter:blur(75px);opacity:.95;transform:translate(-50%,-50%) scale(1.22)}.portrait-stage:hover .portrait-body-aura{filter:blur(65px);opacity:.95;transform:translate(-50%,-50%) scale(1.15)}.portrait-stage:hover .portrait-floor-mist{opacity:.75;transform:translateX(-50%) scale(1.12)}.portrait-body-aura{border-radius:50%;filter:blur(55px);height:520px;left:50%;opacity:.7;pointer-events:none;position:absolute;top:42%;transform:translate(-50%,-50%);transition:all .5s cubic-bezier(.16,1,.3,1);transition:all .5s var(--ease-cinematic);width:380px;z-index:2}.portrait-body-aura.aura-personal{animation:bodyLightPulse 4s ease-in-out infinite alternate;background:radial-gradient(ellipse at center,#00d2ff73 0,#a855f740 45%,#0000 75%)}.portrait-body-aura.aura-developer{animation:bodyLightPulse 4s ease-in-out infinite alternate;background:radial-gradient(ellipse at center,#38bdf87a 0,#00d2ff4d 45%,#0000 75%)}.portrait-body-aura.aura-creator{animation:bodyLightPulse 4s ease-in-out infinite alternate;background:radial-gradient(ellipse at center,#ff33667a 0,#ff6b6b4d 45%,#0000 75%)}@keyframes bodyLightPulse{0%{opacity:.52;transform:translate(-50%,-50%) scale(.95)}to{opacity:.88;transform:translate(-50%,-50%) scale(1.06)}}.portrait-ground-floor-shadow{background:radial-gradient(ellipse 55% 45% at 50% 50%,#000000f2 0,#000c 35%,#0000004d 65%,#0000 80%);bottom:0;filter:blur(12px);height:70px;width:540px;z-index:5}.portrait-floor-mist,.portrait-ground-floor-shadow{border-radius:50%;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .5s cubic-bezier(.16,1,.3,1);transition:all .5s var(--ease-cinematic)}.portrait-floor-mist{bottom:-35px;filter:blur(45px);height:220px;opacity:.5;width:780px;z-index:1}.portrait-floor-mist.mist-personal{background:radial-gradient(ellipse 60% 50% at 50% 75%,#00d2ff38 0,#a855f714 35%,#0000 70%)}.portrait-floor-mist.mist-developer{background:radial-gradient(ellipse 60% 50% at 50% 75%,#38bdf83d 0,#00d2ff1a 35%,#0000 70%)}.portrait-floor-mist.mist-creator{background:radial-gradient(ellipse 60% 50% at 50% 75%,#ff33663d 0,#ff6b6b14 35%,#0000 70%)}.clean-role-image-wrapper{align-items:flex-end;background:#0000!important;border:none!important;box-shadow:none!important;display:flex;inset:0;justify-content:center;outline:none!important;overflow:visible!important;position:absolute;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);z-index:4}.clean-role-image-wrapper.dominant{opacity:1;transform:scale(1) translateY(0);z-index:10}.clean-role-image-wrapper.background{filter:brightness(.4) blur(8px);opacity:0;pointer-events:none;transform:scale(.96) translateY(20px);z-index:1}.clean-role-portrait{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;filter:none!important;height:auto;max-height:680px;max-width:100%;object-fit:contain;object-position:bottom center;outline:none!important;transition:opacity .4s ease;width:auto}.clean-role-portrait.portrait-creator,.clean-role-portrait.portrait-developer,.clean-role-portrait.portrait-personal{filter:none!important;transform:translateY(0)}.clean-role-portrait.portrait-creator:hover,.clean-role-portrait.portrait-developer:hover,.clean-role-portrait.portrait-personal:hover{filter:none!important;transform:translateY(0)!important}.scroll-down-cue{align-items:center;background:#0000;border:none;bottom:1.5rem;color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;gap:.25rem;left:50%;position:absolute;transform:translateX(-50%);transition:color .2s ease;transition:color var(--transition-fast);z-index:10}.scroll-down-cue:hover{color:#00d2ff;color:var(--accent-cyan)}.scroll-cue-text{font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em}.scroll-cue-icon{animation:bounceDown 2s infinite}@keyframes bounceDown{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(6px)}60%{transform:translateY(3px)}}.personal-profile-header{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:space-between;margin-bottom:2.5rem;padding:1.5rem 0 2.5rem}.personal-profile-left{align-items:center;display:flex;flex:1 1;gap:1.75rem;min-width:320px}.personal-avatar-wrapper{background:linear-gradient(135deg,#00d2ff,#a855f7);border-radius:50%;box-shadow:0 0 35px #00d2ff66;flex-shrink:0;height:104px;padding:3.5px;position:relative;transition:transform .3s cubic-bezier(.16,1,.3,1);transition:transform .3s var(--ease-cinematic);width:104px}.personal-avatar-wrapper:hover{transform:scale(1.05)}.personal-avatar-img{background:#000;border-radius:50%;height:100%;object-fit:cover;width:100%}.personal-verified-badge{align-items:center;background:linear-gradient(135deg,#00d2ff,#09c);border:2.5px solid #12141e;border:2.5px solid var(--bg-surface);border-radius:50%;bottom:2px;box-shadow:0 0 10px #00d2ff80;color:#07080c;display:flex;height:30px;justify-content:center;position:absolute;right:2px;width:30px}.personal-profile-text{flex:1 1;min-width:0}.personal-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.85rem;margin-bottom:.45rem}.personal-channel-name{color:#f8fafc;color:var(--text-primary);font-size:1.85rem;font-weight:800;letter-spacing:-.5px;margin:0}.personal-handle-badge{background:#00d2ff1a;border:1px solid #00d2ff40;border-radius:20px;color:#00d2ff;color:var(--accent-cyan);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.88rem;font-weight:700;padding:.2rem .65rem}.personal-bio-text{color:#94a3b8;color:var(--text-secondary);font-size:.96rem;line-height:1.6;margin:0;max-width:720px}.personal-cta-wrap{flex-shrink:0}.btn-personal-resume{align-items:center;background:#131b26;border:1px solid #00d2ff4d;border-radius:14px;color:#fff;display:inline-flex;gap:1rem;padding:.75rem 1.4rem;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);transition:all var(--transition-smooth)}.btn-personal-resume:hover{background:#1c2636;border-color:#00d2ff;border-color:var(--accent-cyan);box-shadow:0 10px 25px #00000080,0 0 25px #00d2ff59;transform:translateY(-3px)}.personal-icon-box{align-items:center;background:#00d2ff26;border-radius:10px;color:#00d2ff;color:var(--accent-cyan);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.personal-btn-text{display:flex;flex-direction:column;text-align:left}.personal-btn-primary{color:#fff;font-size:.88rem;font-weight:800;letter-spacing:.04em}.personal-btn-primary,.personal-btn-sub{font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.personal-btn-sub{color:#00d2ff;color:var(--accent-cyan);font-size:.68rem;font-weight:600;letter-spacing:.06em}.personal-btn-arrow{color:#64748b;color:var(--text-muted);transition:transform .2s ease,color .2s ease;transition:transform var(--transition-fast),color var(--transition-fast)}.btn-personal-resume:hover .personal-btn-arrow{color:#00d2ff;color:var(--accent-cyan);transform:translate(2px,-2px)}.personal-insights-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:3.5rem}.personal-stat-card{align-items:center;background:#12141e;background:var(--bg-surface);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:18px;box-shadow:0 4px 20px #00000040;display:flex;gap:1.25rem;padding:1.35rem 1.65rem;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.personal-stat-card:hover{border-color:#00d2ff59;box-shadow:0 10px 30px #0006,0 0 40px #00d2ff26;box-shadow:0 10px 30px #0006,var(--shadow-glow-cyan);transform:translateY(-4px)}.stat-icon-wrapper.degree{background:#00d2ff26;border:1px solid #00d2ff4d;color:#00d2ff;color:var(--accent-cyan)}.stat-icon-wrapper.location{background:#a855f726;border:1px solid #a855f74d;color:#a855f7;color:var(--accent-purple)}.stat-icon-wrapper.motto{background:#38bdf826;border:1px solid #38bdf84d;color:#38bdf8;color:var(--accent-dev)}.about-grid-layout{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:1fr 1.25fr;margin-bottom:4rem}.about-bio-card{background:#12141e;background:var(--bg-surface);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:20px;box-shadow:0 4px 20px #0000004d;box-shadow:var(--shadow-subtle);padding:2.25rem}.bio-photo-header{align-items:center;display:flex;gap:1.25rem;margin-bottom:1.75rem}.bio-avatar-ring{background:linear-gradient(135deg,#00d2ff,#3a7bd5);background:var(--grad-cyan);border-radius:50%;flex-shrink:0;height:80px;padding:3px;width:80px}.bio-avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.bio-name{font-size:1.35rem;font-weight:700}.bio-legal-name{color:#64748b;color:var(--text-muted);font-size:.85rem}.bio-status-badge{align-items:center;color:#00d2ff;color:var(--accent-cyan);display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.75rem;gap:.4rem;margin-top:.25rem}.dot-pulse{background:#00d2ff;background:var(--accent-cyan);border-radius:50%;box-shadow:0 0 8px #00d2ff;box-shadow:0 0 8px var(--accent-cyan);height:7px;width:7px}.bio-paragraph{color:#94a3b8;color:var(--text-secondary);font-size:.98rem;line-height:1.7;margin-bottom:1.75rem}.bio-facts-list{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2rem}.fact-item{align-items:flex-start;display:flex;gap:.85rem}.fact-icon{color:#00d2ff;color:var(--accent-cyan);flex-shrink:0;margin-top:.2rem}.fact-label{color:#64748b;color:var(--text-muted);display:block;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase}.fact-val{color:#f8fafc;color:var(--text-primary);font-size:.95rem;font-weight:600}.fact-sub{color:#64748b;color:var(--text-muted);font-size:.82rem}.bio-actions{display:flex;flex-wrap:wrap;gap:.75rem}.timeline-wrapper{background:#12141e;background:var(--bg-surface);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:20px;padding:2.25rem}.timeline-header-bar{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.25rem}.timeline-title{align-items:center;display:flex;font-size:1.15rem;font-weight:700;gap:.5rem}.title-icon{color:#00d2ff;color:var(--accent-cyan)}.timeline-filters{background:#07080c;background:var(--bg-primary);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:8px;display:flex;gap:.35rem;padding:.25rem}.filter-btn{background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--text-muted);cursor:pointer;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.75rem;font-weight:600;padding:.3rem .7rem;transition:all .2s ease;transition:all var(--transition-fast)}.filter-btn:hover{color:#fff}.filter-btn.active{background:#181b28;background:var(--bg-surface-elevated);color:#00d2ff;color:var(--accent-cyan)}.timeline-items{display:flex;flex-direction:column}.timeline-node{display:flex;gap:1.25rem}.node-marker{flex-direction:column}.marker-icon-box,.node-marker{align-items:center;display:flex}.marker-icon-box{background:#181b28;background:var(--bg-surface-elevated);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:50%;color:#94a3b8;color:var(--text-secondary);flex-shrink:0;height:36px;justify-content:center;width:36px}.marker-icon-box.education{border-color:#00d2ff66;color:#00d2ff;color:var(--accent-cyan)}.marker-icon-box.project{border-color:#38bdf866;color:#38bdf8;color:var(--accent-dev)}.marker-icon-box.creator{border-color:#f366;color:#f36;color:var(--accent-creator)}.node-line{background:#ffffff12;background:var(--border-subtle);flex:1 1;margin:.5rem 0;width:2px}.node-content{flex:1 1;padding-bottom:1.75rem}.milestone-clickable-card{background:#ffffff05;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:14px;margin-bottom:1.25rem;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.milestone-interactive-node:hover .milestone-clickable-card{background:#00d2ff0a;border-color:#00d2ff4d;box-shadow:0 4px 20px #00000040;transform:translateX(4px)}.milestone-interactive-node.expanded .milestone-clickable-card{background:#00d2ff0f;border-color:#00d2ff73;box-shadow:0 6px 25px #00d2ff1f}.milestone-toggle-hint{align-items:center;background:#ffffff0d;border-radius:50%;color:#64748b;color:var(--text-muted);display:flex;height:24px;justify-content:center;margin-left:auto;transition:all .2s ease;width:24px}.milestone-interactive-node:hover .milestone-toggle-hint{background:#00d2ff26;color:#00d2ff;color:var(--accent-cyan)}.node-top{align-items:center;display:flex;gap:.75rem;margin-bottom:.45rem}.node-year{align-items:center;color:#00d2ff;color:var(--accent-cyan);display:inline-flex;font-size:.75rem;font-weight:600;gap:.3rem}.node-badge,.node-year{font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.node-badge{border-radius:10px;font-size:.65rem;font-weight:700;padding:.15rem .5rem;text-transform:uppercase}.badge-education{background:#00d2ff1f;color:#00d2ff;color:var(--accent-cyan)}.badge-project{background:#38bdf81f;color:#38bdf8;color:var(--accent-dev)}.badge-creator{background:#ff33661f;color:#f36;color:var(--accent-creator)}.badge-milestone{background:#a855f71f;color:#a855f7;color:var(--accent-purple)}.node-title{align-items:center;color:#f8fafc;color:var(--text-primary);display:flex;font-size:1.05rem;font-weight:700;justify-content:space-between;margin:0}.node-subtitle{color:#00d2ff;color:var(--accent-cyan);font-size:.88rem;margin-bottom:.4rem}.node-desc{color:#94a3b8;color:var(--text-secondary);font-size:.88rem;line-height:1.6}.currently-building-container{background:linear-gradient(180deg,#181b2899,#0d0e15e6);background:var(--grad-dark-surface);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:24px;box-shadow:0 12px 36px #00000080;box-shadow:var(--shadow-elevated);padding:3rem 2.5rem}.currently-header{margin:0 auto 2.5rem;max-width:600px;text-align:center}.live-pulse-wrapper{align-items:center;background:#00d2ff1a;border:1px solid #00d2ff4d;border-radius:20px;display:inline-flex;gap:.5rem;margin-bottom:.75rem;padding:.3rem .8rem}.live-pulse-dot{animation:pulseRadar 1.5s infinite;background:#00d2ff;background:var(--accent-cyan);border-radius:50%;box-shadow:0 0 10px #00d2ff;box-shadow:0 0 10px var(--accent-cyan);height:8px;width:8px}@keyframes pulseRadar{0%{box-shadow:0 0 0 0 #00d2ffb3;transform:scale(.95)}70%{box-shadow:0 0 0 6px #00d2ff00;transform:scale(1)}to{box-shadow:0 0 0 0 #00d2ff00;transform:scale(.95)}}.live-pulse-text{color:#00d2ff;color:var(--accent-cyan);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.1em}.currently-main-title{font-size:2rem;font-weight:800;margin-bottom:.5rem}.currently-subtitle{color:#94a3b8;color:var(--text-secondary);font-size:.95rem}.currently-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.currently-card{background:#12141e;background:var(--bg-surface);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;padding:1.75rem;position:relative;transition:transform .2s ease,border-color .2s ease;transition:transform var(--transition-fast),border-color var(--transition-fast)}.currently-card:hover{border-color:#ffffff1f;border-color:var(--border-medium);transform:translateY(-4px)}.card-top-bar{justify-content:space-between;margin-bottom:1.25rem}.card-icon-box,.card-top-bar{align-items:center;display:flex}.card-icon-box{background:#181b28;background:var(--bg-surface-elevated);border-radius:10px;height:40px;justify-content:center;width:40px}.status-icon.build{color:#00d2ff;color:var(--accent-cyan)}.status-icon.learn{color:#38bdf8;color:var(--accent-dev)}.status-icon.create{color:#f36;color:var(--accent-creator)}.status-icon.explore{color:#a855f7;color:var(--accent-purple)}.status-pill{border-radius:10px;font-size:.68rem;padding:.2rem .6rem}.badge-build{background:#00d2ff1f;color:#00d2ff;color:var(--accent-cyan)}.badge-learn{background:#38bdf81f;color:#38bdf8;color:var(--accent-dev)}.badge-create{background:#ff33661f;color:#f36;color:var(--accent-creator)}.badge-explore{background:#a855f71f;color:#a855f7;color:var(--accent-purple)}.card-action-type{color:#64748b;color:var(--text-muted);display:block;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.1em;margin-bottom:.35rem}.card-heading{color:#f8fafc;color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.card-description{color:#94a3b8;color:var(--text-secondary);font-size:.88rem;line-height:1.6}.card-accent-line{background:#00d2ff;background:var(--accent-cyan);border-radius:2px;height:3px;margin-top:1.25rem;width:30px}.dev-profile-header{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:space-between;margin-bottom:2.5rem;padding:1.5rem 0 2.5rem}.dev-profile-left{align-items:center;display:flex;flex:1 1;gap:1.75rem;min-width:320px}.dev-avatar-wrapper{background:linear-gradient(135deg,#38bdf8,#818cf8);background:var(--grad-dev);border-radius:50%;box-shadow:0 0 35px #38bdf866;flex-shrink:0;height:104px;padding:3.5px;position:relative;transition:transform .3s cubic-bezier(.16,1,.3,1);transition:transform .3s var(--ease-cinematic);width:104px}.dev-avatar-wrapper:hover{transform:scale(1.05)}.dev-avatar-img{background:#000;border-radius:50%;height:100%;object-fit:cover;width:100%}.dev-verified-badge{align-items:center;background:linear-gradient(135deg,#0284c7,#0369a1);border:2.5px solid #12141e;border:2.5px solid var(--bg-surface);border-radius:50%;bottom:2px;box-shadow:0 0 10px #38bdf880;color:#fff;display:flex;height:30px;justify-content:center;position:absolute;right:2px;width:30px}.dev-profile-text{flex:1 1;min-width:0}.dev-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.85rem;margin-bottom:.45rem}.dev-channel-name{color:#f8fafc;color:var(--text-primary);font-size:1.85rem;font-weight:800;letter-spacing:-.5px;margin:0}.dev-handle-badge{background:#38bdf81a;border:1px solid #38bdf840;border-radius:20px;color:#38bdf8;color:var(--accent-dev);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.88rem;font-weight:700;padding:.2rem .65rem}.dev-bio-text{color:#94a3b8;color:var(--text-secondary);font-size:.96rem;line-height:1.6;margin:0;max-width:720px}.dev-cta-wrap{flex-shrink:0}.btn-github{align-items:center;background:#181c24;border:1px solid #38bdf84d;border-radius:14px;color:#fff;display:inline-flex;gap:1rem;padding:.75rem 1.4rem;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);transition:all var(--transition-smooth)}.btn-github:hover{background:#202633;border-color:#38bdf8;border-color:var(--accent-dev);box-shadow:0 10px 25px #00000080,0 0 25px #38bdf859;transform:translateY(-3px)}.dev-icon-box{align-items:center;background:#38bdf826;border-radius:10px;color:#38bdf8;color:var(--accent-dev);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.dev-btn-text{display:flex;flex-direction:column;text-align:left}.dev-btn-primary{color:#fff;font-size:.88rem;font-weight:800;letter-spacing:.04em}.dev-btn-primary,.dev-btn-sub{font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.dev-btn-sub{color:#38bdf8;color:var(--accent-dev);font-size:.68rem;font-weight:600;letter-spacing:.06em}.dev-btn-arrow{color:#64748b;color:var(--text-muted);transition:transform .2s ease,color .2s ease;transition:transform var(--transition-fast),color var(--transition-fast)}.btn-github:hover .dev-btn-arrow{color:#38bdf8;color:var(--accent-dev);transform:translate(2px,-2px)}.dev-insights-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:3.5rem}.dev-stat-card{align-items:center;background:#12141e;background:var(--bg-surface);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:18px;box-shadow:0 4px 20px #00000040;display:flex;gap:1.25rem;padding:1.35rem 1.65rem;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.dev-stat-card:hover{border-color:#38bdf859;box-shadow:0 10px 30px #0006,var(--shadow-glow-dev);transform:translateY(-4px)}.stat-icon-wrapper.tech-stack{background:#38bdf826;border:1px solid #38bdf84d;color:#38bdf8;color:var(--accent-dev)}.stat-icon-wrapper.architecture{background:#00d2ff26;border:1px solid #00d2ff4d;color:#00d2ff;color:var(--accent-cyan)}.stat-icon-wrapper.repositories{background:#a855f726;border:1px solid #a855f74d;color:#a855f7;color:var(--accent-purple)}.dev-subsection{margin-bottom:4.5rem}.subsection-header{margin-bottom:2rem}.subsection-title-wrap{align-items:center;display:flex;gap:.5rem;margin-bottom:.35rem}.subsection-title{font-size:1.35rem;font-weight:800;letter-spacing:-.02em}.dev-icon{color:#38bdf8;color:var(--accent-dev)}.creator-icon{color:#f36;color:var(--accent-creator)}.subsection-subtitle{color:#94a3b8;color:var(--text-secondary);font-size:.92rem}.skills-control-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.category-scroll-container{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.cat-filter-chip{align-items:center;background:#12141e;background:var(--bg-surface);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:20px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.78rem;font-weight:600;gap:.4rem;padding:.45rem .9rem;transition:all .2s ease;transition:all var(--transition-fast);white-space:nowrap}.cat-filter-chip:hover{border-color:#64748b;border-color:var(--text-muted);color:#fff}.cat-filter-chip.active{background:#38bdf826;border-color:#38bdf8;border-color:var(--accent-dev);color:#38bdf8;color:var(--accent-dev)}.cat-count{font-size:.7rem;opacity:.7}.featured-toggle-btn{align-items:center;background:#12141e;background:var(--bg-surface);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:20px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.78rem;font-weight:600;gap:.4rem;padding:.45rem .9rem;transition:all .2s ease;transition:all var(--transition-fast)}.featured-toggle-btn.active{background:#f59e0b26;border-color:#f59e0b;border-color:var(--accent-amber);color:#f59e0b;color:var(--accent-amber)}.skills-cards-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.skill-card-modern{border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:14px;display:flex;flex-direction:column;padding:1.5rem;position:relative;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);transition:transform var(--transition-smooth),border-color var(--transition-smooth),box-shadow var(--transition-smooth)}.skill-card-modern,.skill-card-modern.is-featured{background:#181b28;background:var(--bg-surface-elevated)}.skill-card-modern.is-featured{border:1px solid #ffffff12;border:1px solid var(--border-subtle)}.skill-card-modern:hover{box-shadow:0 0 22px #00f0ff66,0 10px 28px #00f0ff26!important}.skill-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.skill-icon-wrapper{color:#38bdf8;color:var(--accent-dev);font-size:2rem}.dev-icon-render{font-size:2.2rem}.skill-badges{align-items:flex-end;display:flex;flex-direction:column;gap:.3rem}.featured-pill{align-items:center;background:#f59e0b26;color:#f59e0b;color:var(--accent-amber);display:inline-flex;font-weight:700;gap:.25rem}.featured-pill,.level-pill{border-radius:8px;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.65rem;padding:.15rem .5rem}.level-pill{background:#ffffff0f;color:#94a3b8;color:var(--text-secondary)}.skill-name{font-size:1.1rem;font-weight:700;margin-bottom:.2rem}.skill-category-label{color:#64748b;color:var(--text-muted);display:block;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.72rem;margin-bottom:.75rem}.skill-desc-text{color:#94a3b8;color:var(--text-secondary);font-size:.85rem;line-height:1.5}.project-category-tabs{display:flex;gap:.5rem;margin-bottom:2.5rem;overflow-x:auto;padding-bottom:.75rem}.project-tab-btn{align-items:center;background:#12141e;background:var(--bg-surface);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:20px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.8rem;font-weight:600;gap:.4rem;padding:.5rem 1rem;transition:all .2s ease;transition:all var(--transition-fast)}.project-tab-btn:hover{color:#fff}.project-tab-btn.active{background:#38bdf8;background:var(--accent-dev);border-color:#38bdf8;border-color:var(--accent-dev);color:#07080c}.tab-badge{background:#0003;border-radius:10px;font-size:.7rem;padding:.1rem .4rem}.projects-editorial-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.project-editorial-card{background:#12141e;background:var(--bg-surface);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);transition:transform var(--transition-smooth),border-color var(--transition-smooth),box-shadow var(--transition-smooth)}.project-editorial-card:hover{border-color:#ffffff1f;border-color:var(--border-medium);box-shadow:0 12px 36px #00000080;box-shadow:var(--shadow-elevated);transform:translateY(-6px)}.project-editorial-card.featured-spotlight{border-color:#38bdf859;box-shadow:0 10px 30px #0006,0 0 30px #38bdf81a}.project-media-wrapper{background:#181b28;background:var(--bg-surface-elevated);height:220px;overflow:hidden;position:relative}.project-cover-image{height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1);transition:transform .6s var(--ease-cinematic);width:100%}.project-editorial-card:hover .project-cover-image{transform:scale(1.05)}.media-gradient-overlay{background:linear-gradient(180deg,#0000 40%,#07080ce6);inset:0;position:absolute}.media-badges-overlay{display:flex;gap:.5rem;left:1rem;position:absolute;top:1rem;z-index:5}.spotlight-pill{align-items:center;background:#38bdf840;border:1px solid #38bdf8;border:1px solid var(--accent-dev);border-radius:20px;color:#fff;display:inline-flex;gap:.3rem}.spotlight-pill,.status-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.7rem;font-weight:700;padding:.25rem .65rem}.status-pill{border-radius:20px}.status-pill.status-live{background:#10b98133;border:1px solid #10b981;border:1px solid var(--accent-emerald);color:#10b981;color:var(--accent-emerald)}.status-pill.status-opensource{background:#38bdf833;border:1px solid #38bdf8;border:1px solid var(--accent-dev);color:#38bdf8;color:var(--accent-dev)}.status-pill.status-released{background:#a855f733;border:1px solid #a855f7;border:1px solid var(--accent-purple);color:#a855f7;color:var(--accent-purple)}.status-pill.status-dev{background:#f59e0b33;border:1px solid #f59e0b;border:1px solid var(--accent-amber);color:#f59e0b;color:var(--accent-amber)}.media-actions-hover{bottom:1rem;display:flex;gap:.5rem;position:absolute;right:1rem;z-index:5}.hover-action-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12141ed9;border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:50%;color:#fff;display:flex;height:36px;justify-content:center;text-decoration:none;transition:all .2s ease;transition:all var(--transition-fast);width:36px}.hover-action-btn:hover{background:#fff;color:#07080c;transform:scale(1.1)}.hover-action-btn.primary:hover{background:#00d2ff;background:var(--accent-cyan);color:#07080c}.project-info-wrapper{display:flex;flex:1 1;flex-direction:column;padding:1.75rem}.project-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.project-category-tag{color:#38bdf8;color:var(--accent-dev);font-weight:700;text-transform:uppercase}.project-category-tag,.project-date-tag{font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.72rem}.project-date-tag{align-items:center;color:#64748b;color:var(--text-muted);display:flex;gap:.25rem}.project-headline{font-size:1.25rem;font-weight:700;line-height:1.35;margin-bottom:.75rem}.project-summary{color:#94a3b8;color:var(--text-secondary);flex:1 1;font-size:.9rem;line-height:1.6;margin-bottom:1.25rem}.project-tech-stack{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem}.tech-tag{background:#07080c;background:var(--bg-primary);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;color:#94a3b8;color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.7rem;padding:.2rem .55rem}.project-card-footer{align-items:center;border-top:1px solid #ffffff12;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding-top:1rem}.card-link{align-items:center;display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.8rem;font-weight:600;gap:.35rem;text-decoration:none;transition:color .2s ease;transition:color var(--transition-fast)}.card-link.source-link{color:#94a3b8;color:var(--text-secondary)}.card-link.source-link:hover{color:#fff}.card-link.demo-link{color:#00d2ff;color:var(--accent-cyan)}.card-link.demo-link:hover{color:#5fe3ff}.published-projects-wrapper{background:#12141e;background:var(--bg-surface);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:20px;padding:2.5rem}.published-header-bar{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);margin-bottom:2rem;padding-bottom:1.25rem}.published-header-left{align-items:flex-start;display:flex;gap:.75rem}.pub-icon{color:#38bdf8;color:var(--accent-dev);flex-shrink:0;margin-top:.2rem}.pub-title{font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.pub-desc{color:#94a3b8;color:var(--text-secondary);font-size:.9rem}.published-cards-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.published-item-card{background:#07080c;background:var(--bg-primary);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:14px;flex-direction:column;padding:1.75rem}.pub-item-top,.published-item-card{display:flex;justify-content:space-between}.pub-item-top{align-items:flex-start;margin-bottom:.75rem}.pub-name{font-size:1.1rem;font-weight:700;margin-right:.5rem}.pub-version-pill{align-items:center;background:#ffffff14;color:#f8fafc;color:var(--text-primary);display:inline-flex;font-size:.7rem;gap:.25rem;padding:.15rem .5rem}.pub-status-badge,.pub-version-pill{border-radius:10px;font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.pub-status-badge{font-size:.68rem;font-weight:700;padding:.2rem .55rem}.badge-pub-released{background:#a855f726;color:#a855f7;color:var(--accent-purple)}.badge-pub-opensource{background:#38bdf826;color:#38bdf8;color:var(--accent-dev)}.badge-pub-live{background:#10b98126;color:#10b981;color:var(--accent-emerald)}.pub-item-desc{color:#94a3b8;color:var(--text-secondary);flex:1 1;font-size:.88rem;line-height:1.6;margin-bottom:1.25rem}.pub-item-meta{align-items:center;color:#64748b;color:var(--text-muted);display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:1.25rem}.meta-tech .meta-val{color:#94a3b8;color:var(--text-secondary);font-weight:600;margin-left:.3rem}.pub-meta-date{align-items:center;display:flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);gap:.25rem}.pub-item-links{border-top:1px solid #ffffff12;border-top:1px solid var(--border-subtle);display:flex;gap:1rem;padding-top:1rem}.pub-link{align-items:center;display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.78rem;font-weight:600;gap:.35rem;text-decoration:none}.pub-link.github{color:#94a3b8;color:var(--text-secondary)}.pub-link.github:hover{color:#fff}.pub-link.demo{color:#00d2ff;color:var(--accent-cyan)}.creator-profile-header{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:space-between;margin-bottom:2.5rem;padding:1.5rem 0 2.5rem}.creator-profile-left{align-items:center;display:flex;flex:1 1;gap:1.75rem;min-width:320px}.creator-avatar-wrapper{background:linear-gradient(135deg,#f36,#ff6b4a);background:var(--grad-creator);border-radius:50%;box-shadow:0 0 35px #f366;flex-shrink:0;height:104px;padding:3.5px;position:relative;transition:transform .3s cubic-bezier(.16,1,.3,1);transition:transform .3s var(--ease-cinematic);width:104px}.creator-avatar-wrapper:hover{transform:scale(1.05)}.creator-avatar-img{background:#000;border-radius:50%;height:100%;object-fit:cover;width:100%}.creator-verified-badge{align-items:center;background:linear-gradient(135deg,#f03,#c00);border:2.5px solid #12141e;border:2.5px solid var(--bg-surface);border-radius:50%;bottom:2px;box-shadow:0 0 10px #ff003380;color:#fff;display:flex;height:30px;justify-content:center;position:absolute;right:2px;width:30px}.creator-profile-text{flex:1 1;min-width:0}.creator-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.85rem;margin-bottom:.45rem}.creator-channel-name{color:#f8fafc;color:var(--text-primary);font-size:1.85rem;font-weight:800;letter-spacing:-.5px;margin:0}.creator-handle-badge{background:#ff33661a;border:1px solid #ff336640;border-radius:20px;color:#f36;color:var(--accent-creator);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.88rem;font-weight:700;padding:.2rem .65rem}.creator-bio-text{color:#94a3b8;color:var(--text-secondary);font-size:.96rem;line-height:1.6;margin:0;max-width:720px}.creator-cta-wrap{flex-shrink:0}.creator-insights-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:3.5rem}.creator-stat-card{align-items:center;background:#12141e;background:var(--bg-surface);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:18px;box-shadow:0 4px 20px #00000040;display:flex;gap:1.25rem;padding:1.35rem 1.65rem;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.creator-stat-card:hover{border-color:#ff336659;box-shadow:0 10px 30px #0006,0 0 40px #ff336626;box-shadow:0 10px 30px #0006,var(--shadow-glow-creator);transform:translateY(-4px)}.stat-icon-wrapper{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.stat-icon-wrapper.subscribers{background:#ff336626;border:1px solid #ff33664d;color:#f36;color:var(--accent-creator)}.stat-icon-wrapper.views{background:#38bdf826;border:1px solid #38bdf84d;color:#38bdf8;color:var(--accent-dev)}.stat-icon-wrapper.videos{background:#a855f726;border:1px solid #a855f74d;color:#a855f7;color:var(--accent-purple)}.stat-info{display:flex;flex-direction:column}.stat-number-row{align-items:baseline;display:flex;gap:.15rem}.stat-count-number{color:#f8fafc;color:var(--text-primary);font-size:2rem;line-height:1.1}.stat-count-number,.stat-count-suffix{font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-weight:800}.stat-count-suffix{color:#f36;color:var(--accent-creator);font-size:1.4rem}.stat-label-text{color:#64748b;color:var(--text-muted);display:block;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-top:.2rem;text-transform:uppercase}.videos-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.filter-title-wrap{align-items:center;display:flex;gap:.5rem}.filter-title{font-size:1.35rem;font-weight:800}.video-tab-buttons{background:#12141e;background:var(--bg-surface);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:12px;display:flex;gap:.4rem;padding:.3rem}.video-tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.78rem;font-weight:700;gap:.35rem;padding:.45rem .9rem;transition:all .2s ease;transition:all var(--transition-fast)}.video-tab-btn.active{background:#f36;background:var(--accent-creator);color:#fff}.videos-cards-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.video-card{background:#12141e;background:var(--bg-surface);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.video-card:hover{border-color:#f366;box-shadow:0 12px 30px #0006,0 0 20px #ff336626;transform:translateY(-4px)}.video-thumbnail-container{background:#181b28;background:var(--bg-surface-elevated);display:block;height:200px;overflow:hidden;position:relative;text-decoration:none}.video-thumb-img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.video-card:hover .video-thumb-img{transform:scale(1.05)}.video-play-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:absolute;transition:background .2s ease;transition:background var(--transition-fast)}.video-card:hover .video-play-overlay{background:#00000026}.play-button-circle{align-items:center;background:#ff0033e6;border-radius:50%;box-shadow:0 0 25px #f039;display:flex;height:52px;justify-content:center;transition:transform .2s ease;transition:transform var(--transition-fast);width:52px}.video-card:hover .play-button-circle{transform:scale(1.15)}.play-yt-icon{color:#fff}.video-duration-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07080cd9;border-radius:6px;bottom:.75rem;padding:.2rem .55rem;right:.75rem}.video-duration-pill,.video-featured-pill{align-items:center;color:#fff;display:flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.7rem;gap:.3rem;position:absolute}.video-featured-pill{background:#ff3366e6;border-radius:12px;font-weight:700;left:.75rem;padding:.2rem .6rem;top:.75rem}.video-info-box{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.video-headline{font-size:1.1rem;font-weight:700;line-height:1.4;margin-bottom:.5rem}.video-title-link{color:#f8fafc;color:var(--text-primary);text-decoration:none;transition:color .2s ease;transition:color var(--transition-fast)}.video-title-link:hover{color:#f36;color:var(--accent-creator)}.video-description{color:#94a3b8;color:var(--text-secondary);flex:1 1;font-size:.85rem;line-height:1.5;margin-bottom:1.25rem}.video-meta-footer{align-items:center;border-top:1px solid #ffffff12;border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-top:auto;padding-top:1rem}.meta-stats-group{color:#64748b;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.76rem;gap:.85rem}.meta-stat,.meta-stats-group{align-items:center;display:flex}.meta-stat{gap:.3rem}.btn-watch-youtube{align-items:center;background:#ff00331f;border:1px solid #ff003359;border-radius:10px;color:#f35;display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.8rem;font-weight:700;gap:.45rem;padding:.5rem .95rem;text-decoration:none;transition:all .2s ease;transition:all var(--transition-fast)}.btn-watch-youtube:hover{background:#f03;box-shadow:0 0 20px #ff003380;color:#fff;transform:translateY(-2px)}.btn-watch-youtube:hover .btn-yt-icon{color:#fff}.btn-yt-icon{color:#f03;transition:color .2s ease;transition:color var(--transition-fast)}.contact-grid-wrapper{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1.3fr}.contact-panel-card{background:#12141e;background:var(--bg-surface);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:20px;box-shadow:0 4px 20px #0000004d;box-shadow:var(--shadow-subtle);padding:2.5rem}.panel-title{font-size:1.35rem;font-weight:700;margin-bottom:.5rem}.panel-desc{color:#94a3b8;color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:2rem}.contact-methods-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}.contact-method-item{align-items:center;background:#07080c;background:var(--bg-primary);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:12px;color:#f8fafc;color:var(--text-primary);display:flex;gap:1rem;padding:1rem;text-decoration:none;transition:all .2s ease;transition:all var(--transition-fast)}.contact-method-item:hover{border-color:#00d2ff;border-color:var(--accent-cyan);transform:translateX(4px)}.method-icon-box{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.method-icon-box.email{background:#00d2ff26;color:#00d2ff;color:var(--accent-cyan)}.method-icon-box.whatsapp{background:#10b98126;color:#10b981;color:var(--accent-emerald)}.method-label{color:#64748b;color:var(--text-muted);display:block;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase}.method-value{font-size:.92rem;font-weight:600}.social-hub-title{color:#64748b;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.85rem;margin-bottom:1rem;text-transform:uppercase}.social-hub-grid{display:flex;flex-wrap:wrap;gap:.6rem}.social-hub-btn{align-items:center;background:#07080c;background:var(--bg-primary);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:8px;color:#94a3b8;color:var(--text-secondary);display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.78rem;font-weight:600;gap:.4rem;padding:.5rem .9rem;text-decoration:none;transition:all .2s ease;transition:all var(--transition-fast)}.social-hub-btn:hover{border-color:#ffffff1f;border-color:var(--border-medium);color:#fff;transform:translateY(-2px)}.contact-form-panel{background:#12141e;background:var(--bg-surface);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:20px;box-shadow:0 4px 20px #0000004d;box-shadow:var(--shadow-subtle);padding:2.5rem}.form-header-title{font-size:1.35rem;font-weight:700;margin-bottom:1.5rem}.form-alert{border-radius:10px;display:flex;font-size:.9rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.form-alert.success{background:#10b98126;border:1px solid #10b9814d;color:#6ee7b7}.form-alert.error{background:#ef444426;border:1px solid #ef44444d;color:#fca5a5}.form-fields-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.form-field{gap:.4rem;margin-bottom:1.25rem}.form-field label{font-size:.78rem}.form-field input,.form-field select,.form-field textarea{background:#07080c;background:var(--bg-primary);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:8px;color:#f8fafc;color:var(--text-primary);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-main);font-size:.95rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-action-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.btn-secondary-text{background:#0000;border:none;color:#64748b;color:var(--text-muted);cursor:pointer;font-size:.85rem;text-decoration:underline}.btn-secondary-text:hover{color:#f8fafc;color:var(--text-primary)}.site-footer{background:#0d0e15;background:var(--bg-secondary);border-top:1px solid #ffffff12;border-top:1px solid var(--border-subtle);margin-top:2rem;padding:2.25rem 1.5rem 1.25rem}.footer-container{margin:0 auto;max-width:1240px}.footer-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.75rem;justify-content:space-between;margin-bottom:1.75rem}.footer-name{font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:1.4rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.35rem}.footer-tagline{color:#00d2ff;color:var(--accent-cyan);font-size:.9rem;margin-bottom:.75rem}.footer-statement{color:#64748b;color:var(--text-muted);font-size:.9rem;font-style:italic;max-width:450px}.footer-section-title{color:#64748b;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.8rem;margin-bottom:1rem;text-transform:uppercase}.footer-social-links{display:flex;gap:.75rem}.footer-social-icon{align-items:center;background:#12141e;background:var(--bg-surface);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:50%;color:#94a3b8;color:var(--text-secondary);display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .2s ease;transition:all var(--transition-fast);width:40px}.footer-social-icon:hover{background:#00d2ff;background:var(--accent-cyan);color:#07080c;transform:translateY(-3px)}.footer-bottom{align-items:center;border-top:1px solid #ffffff12;border-top:1px solid var(--border-subtle);color:#64748b;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.85rem;gap:1rem;justify-content:space-between;padding-top:2rem}.footer-admin-link{align-items:center;color:#475569;color:var(--text-dim);display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.75rem;gap:.35rem;text-decoration:none;transition:color .2s ease;transition:color var(--transition-fast)}.footer-admin-link:hover{color:#00d2ff;color:var(--accent-cyan)}.heart-icon{color:#f36;vertical-align:middle}.admin-root-container{background:#07080c;background:var(--bg-primary);display:flex;min-height:100vh;width:100%}.admin-sidebar{background:#12141e;background:var(--bg-surface);border-right:1px solid #ffffff1f;border-right:1px solid var(--border-medium);display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:-webkit-sticky;position:sticky;top:0;width:280px;z-index:100}.admin-sidebar-header{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:1.5rem}.admin-brand{align-items:center;display:flex;gap:.85rem}.shield-icon{color:#00d2ff;color:var(--accent-cyan);flex-shrink:0}.admin-brand-title{color:#f8fafc;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:1.1rem;font-weight:800;line-height:1.2}.admin-brand-sub{color:#64748b;color:var(--text-muted);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-main);font-size:.72rem;margin-top:.15rem}.sidebar-close-btn{background:#0000;border:none;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:none;padding:.25rem}.admin-sidebar-nav{flex:1 1;overflow-y:auto;padding:1.25rem .85rem}.admin-sidebar-nav ul{display:flex;flex-direction:column;gap:.35rem;list-style:none;margin:0;padding:0}.admin-nav-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-main);font-size:.88rem;font-weight:600;gap:.85rem;padding:.7rem 1rem;text-align:left;transition:all .2s ease;transition:all var(--transition-fast);width:100%}.admin-nav-btn svg{flex-shrink:0}.admin-nav-btn:hover{background:#181b28;background:var(--bg-surface-elevated);color:#fff}.admin-nav-btn.active{background:#00d2ff26;box-shadow:inset 2px 0 0 #00d2ff;box-shadow:inset 2px 0 0 var(--accent-cyan);color:#00d2ff;color:var(--accent-cyan);font-weight:700}.admin-sidebar-footer{background:#181b28;background:var(--bg-surface-elevated);border-top:1px solid #ffffff12;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.75rem;padding:1.25rem}.admin-user-info{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.user-email{color:#94a3b8;color:var(--text-secondary);font-size:.76rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-tag,.user-email{font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.demo-tag{background:#f59e0b33;border-radius:4px;color:#f59e0b;color:var(--accent-amber);font-size:.65rem;font-weight:700;padding:.15rem .45rem}.sidebar-footer-actions{align-items:center;display:flex;gap:.5rem}.btn-sidebar-view{align-items:center;background:#12141e;background:var(--bg-surface);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:8px;color:#f8fafc;color:var(--text-primary);display:inline-flex;flex:1 1;font-size:.8rem;font-weight:600;gap:.4rem;height:36px;justify-content:center;padding:0 .85rem;text-decoration:none;transition:all .2s ease;transition:all var(--transition-fast)}.btn-sidebar-view:hover{background:#181b28;background:var(--bg-surface-elevated);border-color:#00d2ff;border-color:var(--accent-cyan);color:#00d2ff;color:var(--accent-cyan)}.btn-sidebar-logout{align-items:center;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;color:#f87171;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;transition:all var(--transition-fast);width:36px}.btn-sidebar-logout:hover{background:#ef444440;color:#fff}.admin-main-viewport{background:#07080c;background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;min-width:0}.admin-top-bar{background:#12141e;background:var(--bg-surface);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--border-medium);height:64px;justify-content:space-between;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.admin-top-bar,.top-bar-left{align-items:center;display:flex}.top-bar-left{gap:1rem}.mobile-sidebar-toggle{background:#0000;border:none;color:#f8fafc;color:var(--text-primary);cursor:pointer;display:none;padding:.25rem}.current-tab-crumb{color:#f8fafc;color:var(--text-primary);font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.top-bar-right{align-items:center;display:flex;gap:1rem}.btn-public-preview{align-items:center;background:#00d2ff1a;border:1px solid #00d2ff40;border-radius:8px;color:#00d2ff;color:var(--accent-cyan);display:inline-flex;font-size:.82rem;font-weight:600;gap:.4rem;padding:.45rem .9rem;text-decoration:none;transition:all .2s ease;transition:all var(--transition-fast)}.btn-public-preview:hover{background:#00d2ff33;border-color:#00d2ff;border-color:var(--accent-cyan)}.btn-top-logout{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:.4rem;padding:.45rem .65rem;transition:all .2s ease;transition:all var(--transition-fast)}.btn-top-logout:hover{background:#ef44441a;color:#f87171}.admin-content-pane-wrapper{box-sizing:border-box;flex:1 1;max-width:1300px;padding:2.5rem;width:100%}.admin-tab-pane{display:flex;flex-direction:column;gap:2rem;width:100%}.admin-pane-header{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:space-between}.admin-pane-title{color:#f8fafc;color:var(--text-primary);font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.35rem}.admin-pane-desc{color:#94a3b8;color:var(--text-secondary);font-size:.92rem;line-height:1.5}.admin-metrics-row{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-stat-card{align-items:center;background:#12141e;background:var(--bg-surface);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:14px;display:flex;gap:1.15rem;padding:1.35rem 1.5rem;transition:transform .2s ease,border-color .2s ease;transition:transform var(--transition-fast),border-color var(--transition-fast)}.admin-stat-card.clickable{cursor:pointer}.admin-stat-card:hover{border-color:#00d2ff;border-color:var(--accent-cyan);transform:translateY(-2px)}.stat-card-val{color:#f8fafc;color:var(--text-primary);display:block;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:1.65rem;font-weight:800;line-height:1.1}.stat-card-lbl{color:#64748b;color:var(--text-muted);font-size:.78rem;font-weight:600;margin-top:.2rem}.admin-card-section{background:#12141e;background:var(--bg-surface);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:16px;padding:2rem}.admin-card-header-row{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.header-icon-title{align-items:center;display:flex;gap:.65rem}.section-title-text{color:#f8fafc;color:var(--text-primary);font-size:1.15rem;font-weight:700}.admin-table-responsive{overflow-x:auto;width:100%}.admin-data-table{border-collapse:collapse;font-size:.9rem;text-align:left;width:100%}.admin-data-table th{border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--border-medium);color:#64748b;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.75rem;font-weight:700;padding:.85rem 1rem;text-transform:uppercase;white-space:nowrap}.admin-data-table td{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);color:#94a3b8;color:var(--text-secondary);padding:1rem;vertical-align:middle}.admin-data-table tr:hover td{background:#ffffff05}.cell-actions{gap:.5rem;justify-content:flex-end}.btn-action,.cell-actions{align-items:center;display:flex}.btn-action{background:#07080c;background:var(--bg-primary);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:6px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;height:32px;justify-content:center;transition:all .2s ease;transition:all var(--transition-fast);width:32px}.btn-action.edit:hover{background:#38bdf826;border-color:#38bdf8;border-color:var(--accent-dev);color:#38bdf8;color:var(--accent-dev)}.btn-action.delete:hover{background:#ef444426;border-color:#f87171;color:#f87171}.btn-action.reply:hover{background:#00d2ff26;border-color:#00d2ff;border-color:var(--accent-cyan);color:#00d2ff;color:var(--accent-cyan)}.table-skill-icon{align-items:center;display:flex;font-size:1.5rem;justify-content:center}.table-project-thumb,.table-video-thumb{background:#181b28;background:var(--bg-surface-elevated);border-radius:8px;flex-shrink:0;height:48px;overflow:hidden;width:48px}.table-project-thumb img,.table-video-thumb img{height:100%;object-fit:cover;width:100%}.table-subtext{color:#64748b;color:var(--text-muted);font-size:.8rem;margin-top:.2rem}.table-cat-pill,.table-status-pill{background:#07080c;background:var(--bg-primary);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;color:#94a3b8;color:var(--text-secondary);display:inline-block;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.72rem;font-weight:600;padding:.2rem .5rem}.featured-badge{color:#f59e0b;color:var(--accent-amber)}.featured-badge,.published-badge{align-items:center;display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.72rem;font-weight:700;gap:.25rem}.published-badge{color:#10b981;color:var(--accent-emerald)}.draft-badge{align-items:center;color:#64748b;color:var(--text-muted);display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.72rem;font-weight:600;gap:.25rem}.admin-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d1;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:1100}.admin-modal-box{background:#12141e;background:var(--bg-surface);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:20px;box-shadow:0 12px 36px #00000080;box-shadow:var(--shadow-elevated);display:flex;flex-direction:column;gap:1.25rem;max-height:90vh;max-width:620px;overflow-y:auto;padding:2.25rem;width:100%}.admin-modal-box.large{max-width:800px}.admin-modal-header{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:1rem}.modal-heading{color:#f8fafc;color:var(--text-primary);font-size:1.25rem;font-weight:700}.modal-close{background:#0000;border:none;color:#94a3b8;color:var(--text-secondary);cursor:pointer;padding:.25rem;transition:color .2s ease;transition:color var(--transition-fast)}.modal-close:hover{color:#fff}.admin-modal-actions{align-items:center;border-top:1px solid #ffffff12;border-top:1px solid var(--border-subtle);display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.25rem}.admin-form-container{display:flex;flex-direction:column;gap:2rem;width:100%}.admin-form-card{background:#12141e;background:var(--bg-surface);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:16px;display:flex;flex-direction:column;gap:1.25rem;padding:2rem}.card-section-title{align-items:center;color:#f8fafc;color:var(--text-primary);display:flex;font-size:1.15rem;font-weight:700;gap:.65rem}.card-sub-info{color:#64748b;color:var(--text-muted);font-size:.85rem;margin-top:-.5rem}.form-grid-2{grid-gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-2,.form-grid-3{align-items:start;display:grid;gap:1.25rem;width:100%}.form-grid-3{grid-gap:1.25rem;grid-template-columns:repeat(3,minmax(0,1fr))}.form-field{box-sizing:border-box;display:flex;flex-direction:column;gap:.45rem;margin:0;width:100%}.form-field label{color:#94a3b8;color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.76rem;font-weight:600;letter-spacing:.02em}.form-field input,.form-field select{height:44px;padding:.65rem .95rem}.form-field input,.form-field select,.form-field textarea{background:#07080c;background:var(--bg-primary);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:10px;box-sizing:border-box;color:#f8fafc;color:var(--text-primary);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-main);font-size:.92rem;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-field textarea{line-height:1.5;min-height:85px;padding:.75rem .95rem;resize:vertical}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#00d2ff;border-color:var(--accent-cyan);box-shadow:0 0 0 2px #00d2ff33;outline:none}.field-hint{color:#64748b;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.72rem}.admin-form-sticky-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#12141ebf;background:var(--bg-surface-glass);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:14px;bottom:1.5rem;box-shadow:0 12px 36px #00000080;box-shadow:var(--shadow-elevated);padding:1rem 1.75rem;position:-webkit-sticky;position:sticky;z-index:40}.admin-form-actions,.admin-form-sticky-bar{align-items:center;display:flex;gap:1rem;justify-content:flex-end}.admin-form-actions{margin-top:1.5rem}.image-upload-field-group{box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;width:100%}.upload-field-label{align-items:center;color:#94a3b8;color:var(--text-secondary);display:flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.78rem;font-weight:600;gap:.25rem;letter-spacing:.02em}.text-required{color:#ff4757;font-weight:700}.image-upload-card{align-items:center;background:#181b28;background:var(--bg-surface-elevated);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:12px;display:flex;gap:1rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.image-upload-card:focus-within{border-color:#00d2ff;border-color:var(--accent-cyan);box-shadow:0 0 0 2px #00d2ff26}.image-preview-thumbnail{align-items:center;background:#07080c;background:var(--bg-primary);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:10px;display:flex;flex-shrink:0;height:54px;justify-content:center;overflow:hidden;width:54px}.image-preview-thumbnail img{height:100%;object-fit:cover;width:100%}.preview-placeholder{align-items:center;color:#64748b;color:var(--text-muted);display:flex;flex-direction:column;gap:.15rem;justify-content:center}.placeholder-icon{opacity:.6}.placeholder-text{font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.65rem}.image-upload-controls{display:flex;flex:1 1;flex-direction:column;gap:.35rem;min-width:0}.image-input-action-row{align-items:center;display:flex;gap:.5rem;width:100%}.image-url-input{background:#07080c;background:var(--bg-primary);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:8px;color:#f8fafc;color:var(--text-primary);flex:1 1;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.85rem;height:38px;min-width:0;outline:none;padding:.45rem .75rem;transition:border-color .2s ease;transition:border-color var(--transition-fast)}.image-url-input:focus{border-color:#00d2ff;border-color:var(--accent-cyan)}.hidden-file-input{display:none!important}.btn-image-upload{align-items:center;background:#00d2ff1f;border:1px solid #00d2ff59;border-radius:8px;color:#00d2ff;color:var(--accent-cyan);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.82rem;font-weight:600;gap:.4rem;height:38px;padding:0 1rem;transition:all .2s ease;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-image-upload:hover:not(.disabled){background:#00d2ff38;border-color:#00d2ff;border-color:var(--accent-cyan);box-shadow:0 0 10px #00d2ff40}.btn-image-upload.disabled{cursor:not-allowed;opacity:.6}.btn-image-clear{align-items:center;background:#ffffff0d;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:8px;color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;transition:all .2s ease;transition:all var(--transition-fast);width:38px}.btn-image-clear:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}.image-upload-meta{align-items:center;display:flex;font-size:.72rem;line-height:1.2}.upload-status.success{color:#10b981;color:var(--accent-emerald,#10b981);font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.upload-status.error,.upload-status.success{align-items:center;display:inline-flex;font-weight:600;gap:.25rem}.upload-status.error{color:#ff4757}.upload-hint-text{color:#64748b;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.spinner-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-login-screen{align-items:center;background:radial-gradient(circle at 50% 30%,#00d2ff14 0,#07080c 70%);background:radial-gradient(circle at 50% 30%,#00d2ff14 0,var(--bg-primary) 70%);display:flex;justify-content:center;min-height:100vh;padding:2rem}.admin-login-card{background:#12141e;background:var(--bg-surface);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:24px;box-shadow:0 12px 36px #00000080;box-shadow:var(--shadow-elevated);max-width:440px;padding:3rem 2.5rem;text-align:center;width:100%}.login-card-header{margin-bottom:2rem}.admin-shield-icon{align-items:center;background:#00d2ff1f;border:1px solid #00d2ff4d;border-radius:50%;color:#00d2ff;color:var(--accent-cyan);display:flex;height:64px;justify-content:center;margin:0 auto 1.25rem;width:64px}.login-title{font-size:1.45rem;font-weight:800;margin-bottom:.35rem}.login-subtitle{font-size:.88rem}.admin-access-notice,.login-subtitle{color:#94a3b8;color:var(--text-secondary)}.admin-access-notice{align-items:center;background:#38bdf814;border:1px solid #38bdf840;border-radius:12px;display:flex;font-size:.82rem;gap:.65rem;margin-bottom:1.5rem;padding:.85rem 1rem;text-align:left}.notice-icon{color:#38bdf8;color:var(--accent-dev);flex-shrink:0}.google-auth-wrapper{margin-bottom:1.25rem}.btn-google-auth,.btn-google-login{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;color:#1f1f1f;cursor:pointer;display:flex;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-main);font-size:.9rem;font-weight:600;gap:.65rem;justify-content:center;margin-bottom:1.25rem;padding:.75rem 1.25rem;transition:all .2s ease;transition:all var(--transition-fast);width:100%}.btn-google-auth:hover:not(:disabled),.btn-google-login:hover:not(:disabled){background:#f8f9fa;box-shadow:0 4px 15px #fff3;transform:translateY(-2px)}.btn-google-login:disabled{cursor:not-allowed;opacity:.6}.auth-divider,.login-divider{align-items:center;color:#64748b;color:var(--text-muted);display:flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;margin:1.25rem 0;text-align:center;text-transform:uppercase}.auth-divider:after,.auth-divider:before,.login-divider:after,.login-divider:before{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);content:"";flex:1 1}.auth-divider span,.login-divider span{padding:0 .75rem}.input-icon-wrap{position:relative}.input-icon{color:#64748b;color:var(--text-muted);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.input-icon-wrap input{padding-left:2.8rem}.login-footer-actions{border-top:1px solid #ffffff12;border-top:1px solid var(--border-subtle);margin-top:2rem;padding-top:1.5rem}.btn-back-portfolio{align-items:center;color:#64748b;color:var(--text-muted);display:inline-flex;font-size:.85rem;gap:.4rem;text-decoration:none;transition:color .2s ease;transition:color var(--transition-fast)}.btn-back-portfolio:hover{color:#f8fafc;color:var(--text-primary)}.gallery-admin-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.gallery-admin-card{background:#12141e;background:var(--bg-surface);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.gallery-media-frame{background:#07080c;background:var(--bg-primary);height:180px;position:relative}.gallery-media-frame img{height:100%;object-fit:cover;width:100%}.btn-preview-zoom{align-items:center;background:#000000b3;border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:.75rem;top:.75rem;width:32px}.gallery-category-badge{background:#07080cd9;border-radius:6px;bottom:.75rem;color:#00d2ff;color:var(--accent-cyan);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.7rem;left:.75rem;padding:.2rem .5rem;position:absolute}.gallery-card-body{display:flex;flex:1 1;flex-direction:column;padding:1.25rem}.gallery-item-title{font-size:.95rem;font-weight:700;margin-bottom:.2rem}.gallery-item-date{color:#64748b;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.72rem;margin-bottom:1rem}.gallery-role-assignment-box{background:#07080c;background:var(--bg-primary);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:10px;margin-bottom:1rem;padding:.75rem}.role-assign-label{color:#64748b;color:var(--text-muted);display:block;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.68rem;margin-bottom:.4rem;text-transform:uppercase}.assign-btn-group{grid-gap:.35rem;display:grid;gap:.35rem;grid-template-columns:1fr 1fr}.btn-assign{align-items:center;background:#12141e;background:var(--bg-surface);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.68rem;font-weight:700;gap:.25rem;justify-content:center;padding:.35rem .4rem;transition:all .2s ease;transition:all var(--transition-fast)}.btn-assign:hover{border-color:#ffffff1f;border-color:var(--border-medium);color:#fff}.btn-assign.active{background:#00d2ff;background:var(--accent-cyan);border-color:#00d2ff;border-color:var(--accent-cyan);color:#07080c}.gallery-card-footer{border-top:1px solid #ffffff12;border-top:1px solid var(--border-subtle);margin-top:auto;padding-top:.75rem}.btn-delete-media{align-items:center;background:#0000;border:none;color:#f87171;cursor:pointer;display:inline-flex;font-size:.8rem;gap:.35rem}.preview-full-img{border-radius:12px;max-height:70vh;max-width:100%;object-fit:contain}.toggle-list-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.toggle-item{align-items:center;background:#07080c;background:var(--bg-primary);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:10px;cursor:pointer;display:flex;gap:.75rem;padding:.85rem 1rem}.toggle-item input{accent-color:#00d2ff;accent-color:var(--accent-cyan);height:18px;width:18px}.toggle-label{color:#f8fafc;color:var(--text-primary);font-size:.9rem}.color-input-pair{align-items:center;display:flex;gap:.5rem}.color-picker-box{border:none;border-radius:8px;cursor:pointer;height:44px;padding:0;width:44px}@media (max-width:1024px){.hero-content-wrapper{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-identity-tag{justify-content:center}.hero-statement{margin:0 auto 1.75rem}.hero-actions,.role-tabs{justify-content:center}.hero-visual-col{order:-1}.portrait-stage{height:400px;margin:0 auto;max-width:380px;width:100%}.portrait-floor-mist{height:180px;max-width:500px;width:100%}.about-grid-layout{gap:2.5rem;grid-template-columns:1fr}.creator-profile-header,.dev-profile-header,.personal-profile-header{flex-direction:column;gap:2rem;padding:2rem 1.5rem;text-align:center}.creator-profile-left,.dev-profile-left,.personal-profile-left{flex-direction:column;text-align:center}.creator-title-row,.dev-title-row,.personal-title-row{justify-content:center}.creator-cta-wrap,.dev-cta-wrap,.personal-cta-wrap{width:100%}.creator-cta-wrap .btn-youtube,.dev-cta-wrap .btn-github,.personal-cta-wrap .btn-personal-resume{justify-content:center;width:100%}.contact-grid-wrapper,.creator-insights-grid,.dev-insights-grid,.personal-insights-grid{grid-template-columns:1fr}.admin-sidebar{left:-100%;position:fixed;transition:left .4s cubic-bezier(.16,1,.3,1);transition:left var(--transition-smooth);z-index:1000}.admin-sidebar.open{left:0}.admin-sidebar-backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000bf;inset:0;position:fixed;z-index:999}.mobile-sidebar-toggle,.sidebar-close-btn{align-items:center;display:flex;justify-content:center}.sidebar-close-btn{background:#ffffff0f;border-radius:8px;height:36px;width:36px}}@media (max-width:768px){.desktop-nav,.header-right-group .theme-switcher-wrapper{display:none}.mobile-toggle-btn{display:flex}.section-container{padding:3.5rem 1.25rem}.section-title{font-size:1.9rem;word-break:break-word}.hero-section{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:auto;padding:5.5rem 1rem 2.5rem}.hero-content-wrapper{gap:1.25rem;max-width:540px}.hero-content-wrapper,.hero-text-col{align-items:center;display:flex;flex-direction:column;text-align:center;width:100%}.hero-identity-tag{justify-content:center;margin-bottom:.5rem}.hero-headline{font-size:clamp(2.1rem,7.5vw,3rem);margin-bottom:.35rem;word-break:break-word}.hero-subhead{font-size:1.05rem;margin-bottom:.65rem}.hero-statement{font-size:.9rem;line-height:1.6;margin-bottom:1.25rem;max-width:100%}.role-selector-container{align-items:center;display:flex;flex-direction:column;margin-bottom:1.25rem;width:100%}.role-tabs{display:inline-flex;flex-wrap:nowrap;gap:.25rem;justify-content:center;max-width:100%;overflow-x:auto;padding:.25rem;width:auto}.role-tab-btn{border-radius:8px;font-size:.75rem;gap:.35rem;padding:.5rem .75rem;white-space:nowrap}.hero-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:.65rem;margin:0 auto;max-width:360px;width:100%}.hero-actions,.hero-actions .btn{align-items:center;justify-content:center}.hero-actions .btn{border-radius:10px;box-sizing:border-box;display:inline-flex;flex:1 1 140px;font-size:.88rem;font-weight:600;height:46px;max-height:46px;max-width:175px;min-height:46px;padding:0 1.2rem;white-space:nowrap}.hero-visual-col{margin-bottom:.5rem;order:-1}.hero-visual-col,.portrait-stage{overflow:visible!important;width:100%}.portrait-stage{height:360px;margin:0 auto;max-width:340px}.clean-role-portrait{filter:drop-shadow(0 10px 22px rgba(0,0,0,.75))!important;max-height:360px;object-fit:contain}.clean-role-portrait.portrait-personal{filter:drop-shadow(0 0 15px rgba(0,210,255,.22)) drop-shadow(0 10px 22px rgba(0,0,0,.8))!important;transform:translateY(0) scale(1.02)}.clean-role-portrait.portrait-developer{filter:drop-shadow(0 0 15px rgba(56,189,248,.22)) drop-shadow(0 10px 22px rgba(0,0,0,.8))!important;transform:translateY(0) scale(1.02)}.clean-role-portrait.portrait-creator{filter:drop-shadow(0 0 15px rgba(255,51,102,.22)) drop-shadow(0 10px 22px rgba(0,0,0,.8))!important;transform:translateY(0) scale(1.02)}.portrait-ground-floor-shadow{bottom:-5px;filter:blur(10px);height:40px;width:290px}.ambient-floating-props-layer{display:none}.scroll-down-cue{align-items:center;display:flex;flex-direction:column;gap:.2rem;margin:1.5rem auto 0;position:static;transform:none}.timeline-wrapper{border-radius:16px;overflow:hidden;padding:1.25rem 1rem;width:100%}.timeline-header-bar{align-items:flex-start;flex-direction:column;gap:1rem}.timeline-filters{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:none;width:100%}.timeline-filters::-webkit-scrollbar{display:none}.timeline-filters .filter-btn{flex-shrink:0;white-space:nowrap}.timeline-items{padding-left:.25rem}.node-content{margin-left:1.75rem}.project-category-tabs{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;justify-content:flex-start!important;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none;width:100%}.project-category-tabs::-webkit-scrollbar{display:none}.project-tab-btn{flex-shrink:0;white-space:nowrap}.achievements-grid,.projects-editorial-grid,.published-grid,.videos-grid{gap:1.5rem;grid-template-columns:1fr}.skills-cards-grid{gap:.65rem;grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.skill-card-modern{align-items:center;aspect-ratio:1/1;border-radius:12px;justify-content:center;min-height:70px;padding:.85rem .5rem;text-align:center}.skill-card-header{justify-content:center;margin-bottom:0;width:100%}.skill-badges{display:none!important}.skill-icon-wrapper{align-items:center;display:flex;font-size:2.3rem;justify-content:center}.skill-card-body{display:none!important}.skills-grid{gap:.65rem;grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.admin-root-container{min-height:100vh;overflow-x:hidden;width:100%}.admin-main-viewport{min-width:0;overflow-x:hidden;width:100%}.admin-top-bar{height:56px;padding:0 1rem}.current-tab-crumb{font-size:1rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-content-pane-wrapper{box-sizing:border-box;padding:1.25rem 1rem;width:100%}.admin-tab-pane{gap:1.25rem;width:100%}.admin-pane-header{align-items:stretch;flex-direction:column;gap:1rem;width:100%}.admin-pane-header>div:last-child{display:flex;flex-direction:column;gap:.5rem;width:100%}.admin-pane-header .btn{box-sizing:border-box;height:42px;justify-content:center;min-height:42px;width:100%}.admin-metrics-row{gap:.65rem;grid-template-columns:repeat(2,1fr);width:100%}.admin-stat-card{border-radius:12px;gap:.6rem;padding:.85rem}.stat-card-val{font-size:1.35rem}.stat-card-lbl{font-size:.7rem}.admin-card-section{border-radius:14px;box-sizing:border-box;padding:1.25rem .85rem;width:100%}.admin-card-header-row{align-items:flex-start;flex-direction:column;gap:.75rem}.admin-table-responsive{-webkit-overflow-scrolling:touch;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:8px;overflow-x:auto;width:100%}.admin-data-table{min-width:560px;width:100%}.admin-data-table td,.admin-data-table th{font-size:.82rem;padding:.75rem .65rem}.form-fields-grid,.form-grid-2,.form-grid-3,.toggle-list-grid{gap:.75rem;grid-template-columns:1fr}.admin-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000c;display:flex;inset:0;justify-content:center;padding:.5rem;position:fixed;z-index:2000}.admin-modal-box{border-radius:14px;box-sizing:border-box;max-height:90vh;max-width:96vw;overflow-y:auto;padding:1.25rem 1rem;width:100%}.admin-modal-header{margin-bottom:1rem}.modal-heading{font-size:1.05rem;word-break:break-word}.admin-modal-actions{display:flex;flex-direction:column-reverse;gap:.5rem;margin-top:1rem}.admin-modal-actions .btn{box-sizing:border-box;height:42px;justify-content:center;min-height:42px;width:100%}input[type=email],input[type=number],input[type=password],input[type=text],input[type=url],select,textarea{font-size:16px!important}}@media (max-width:480px){.section-container{padding:3rem 1rem}.section-title{font-size:1.7rem}.hero-headline{font-size:1.85rem}.portrait-stage{height:310px;max-width:290px;overflow:visible!important}.clean-role-portrait{max-height:310px;object-fit:contain}.hero-actions{flex-direction:column;gap:.5rem;max-width:280px}.hero-actions .btn{max-width:100%;width:100%}.role-tabs{gap:.2rem;padding:.2rem}.role-tab-btn{font-size:.7rem;padding:.4rem .5rem}.admin-metrics-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.role-content-container{transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.role-content-container.transition-exiting{opacity:0;transform:translateY(20px)}.role-content-container.transition-entering{opacity:0;transform:translateY(-20px)}.role-content-container.transition-active{opacity:1;transform:translateY(0)}.personal-achievements-container{border-top:1px solid #ffffff12;border-top:1px solid var(--border-subtle);margin-top:4rem;padding:3rem 0}.achievements-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:2.5rem}.achievement-card{background:#181b28;background:var(--bg-surface-elevated);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);transition:transform var(--transition-smooth),border-color var(--transition-smooth),box-shadow var(--transition-smooth)}.achievement-card:hover{border-color:#38bdf8;border-color:var(--accent-dev);box-shadow:0 12px 36px #00000080,0 0 25px #00d2ff26;box-shadow:var(--shadow-elevated),0 0 25px #00d2ff26;transform:translateY(-6px)}.achievement-media-box{background:#12141e;background:var(--bg-surface);height:190px;overflow:hidden;position:relative}.achievement-cover-img{height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1);transition:transform .6s var(--ease-cinematic);width:100%}.achievement-card:hover .achievement-cover-img{transform:scale(1.06)}.achievement-badge-pill{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12141ebf;background:var(--bg-surface-glass);border:1px solid #00d2ff4d;border:1px solid var(--border-accent);border-radius:20px;color:#00d2ff;color:var(--accent-cyan);display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.72rem;font-weight:700;gap:.35rem;left:.85rem;padding:.3rem .65rem;position:absolute;top:.85rem}.achievement-card-body{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.achievement-meta-bar{align-items:center;display:flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.72rem;justify-content:space-between;margin-bottom:.6rem}.achievement-category{color:#38bdf8;color:var(--accent-dev);font-weight:700;text-transform:uppercase}.achievement-date{align-items:center;color:#64748b;color:var(--text-muted);display:inline-flex;gap:.3rem}.achievement-title{color:#f8fafc;color:var(--text-primary);font-family:var(--font-sans);font-size:1.15rem;font-weight:700;line-height:1.35;margin-bottom:.4rem}.achievement-issuer{align-items:center;color:#94a3b8;color:var(--text-secondary);display:flex;font-size:.85rem;font-weight:600;gap:.35rem;margin-bottom:.85rem}.issuer-icon{color:#38bdf8;color:var(--accent-dev)}.achievement-desc{color:#94a3b8;color:var(--text-secondary);flex:1 1;font-size:.875rem;line-height:1.6;margin-bottom:1.25rem}.achievement-card-footer{border-top:1px solid #ffffff12;border-top:1px solid var(--border-subtle);padding-top:1rem}.btn-achievement-verify{align-items:center;background:#07080c;background:var(--bg-primary);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:12px;color:#f8fafc;color:var(--text-primary);display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.8rem;font-weight:600;gap:.4rem;justify-content:center;padding:.65rem 1rem;text-decoration:none;transition:all .2s ease;transition:all var(--transition-fast);width:100%}.btn-achievement-verify:hover{background:#38bdf8;background:var(--accent-dev);border-color:#38bdf8;border-color:var(--accent-dev);color:#07080c;transform:translateY(-2px)}.admin-hero-images-form{display:flex;flex-direction:column;gap:2rem}.role-images-grid{grid-gap:1.75rem;display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));width:100%}.role-image-card{background:#12141e;background:var(--bg-surface);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:18px;display:flex;flex-direction:column;gap:1.25rem;overflow:visible;padding:1.75rem;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);transition:all var(--transition-smooth)}.role-image-card:hover{box-shadow:0 16px 36px #0006;transform:translateY(-3px)}.role-image-card.card-personal-role{border-color:#00d2ff40}.role-image-card.card-personal-role:hover{border-color:#00d2ff;border-color:var(--accent-cyan);box-shadow:0 16px 36px #00d2ff26}.role-image-card.card-dev-role{border-color:#38bdf840}.role-image-card.card-dev-role:hover{border-color:#38bdf8;border-color:var(--accent-dev);box-shadow:0 16px 36px #38bdf826}.role-image-card.card-creator-role{border-color:#ff336640}.role-image-card.card-creator-role:hover{border-color:#f36;border-color:var(--accent-creator);box-shadow:0 16px 36px #ff336626}.role-card-header{align-items:center;display:flex;gap:.85rem;min-height:48px}.role-card-title{color:#f8fafc;color:var(--text-primary);font-size:1.05rem;font-weight:700;line-height:1.2}.role-card-subtitle{color:#64748b;color:var(--text-muted);font-size:.78rem;line-height:1.35;margin-top:.15rem}.role-preview-container{align-items:flex-end;background:radial-gradient(circle at center bottom,#ffffff08 0,#07080c 100%);background:radial-gradient(circle at center bottom,#ffffff08 0,var(--bg-primary) 100%);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:14px;display:flex;justify-content:center;max-height:320px;min-height:280px;overflow:visible;padding:1rem .5rem .25rem;position:relative;width:100%}.role-preview-img{display:block;filter:drop-shadow(0 14px 28px rgba(0,0,0,.7));height:auto;max-height:270px;max-width:100%;object-fit:contain;object-position:bottom center;transition:transform .35s cubic-bezier(.16,1,.3,1),filter .35s ease;width:auto}.role-image-card:hover .role-preview-img{filter:drop-shadow(0 20px 36px rgba(0,0,0,.85));transform:translateY(-6px) scale(1.03)}.role-preview-placeholder{align-items:center;color:#64748b;color:var(--text-muted);display:flex;flex-direction:column;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.85rem;gap:.6rem;height:200px;justify-content:center}.role-controls-body{display:flex;flex-direction:column;gap:1rem;margin-top:auto}.file-upload-box{position:relative;width:100%}.upload-btn-label{align-items:center;background:#181b28;background:var(--bg-surface-elevated);border:1px dashed #ffffff1f;border:1px dashed var(--border-medium);border-radius:10px;color:#f8fafc;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.8rem;font-weight:600;gap:.5rem;justify-content:center;padding:.65rem 1rem;transition:all .2s ease;transition:all var(--transition-fast);width:100%}.upload-btn-label:hover{background:#07080c;background:var(--bg-primary);border-color:#38bdf8;border-color:var(--accent-dev)}.file-hidden-input{display:none}.achievement-card,.currently-card,.project-card-modern,.published-item-card,.skill-card-modern{background:#181b28;background:var(--bg-surface-elevated);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:16px;padding:1.5rem;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);transition:transform var(--transition-smooth),border-color var(--transition-smooth),box-shadow var(--transition-smooth)}.skill-card-modern:hover{border-color:#00f0ff!important;box-shadow:0 0 25px #00f0ff73,0 10px 30px #00f0ff2e!important;transform:translateY(-5px)}.achievement-card:hover,.currently-card:hover,.project-card-modern:hover,.published-item-card:hover{border-color:#38bdf8;border-color:var(--accent-dev);box-shadow:0 12px 36px #00000080;box-shadow:var(--shadow-elevated);transform:translateY(-4px)}.ambient-floating-props-layer{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:2}.role-ambient-pill{align-items:center;animation:floatRandomPill 5s ease-in-out infinite alternate;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#12141ebf;background:var(--bg-surface-glass);border:1px solid #ffffff1f;border:1px solid var(--border-medium);border-radius:20px;box-shadow:0 4px 20px #0000004d;box-shadow:var(--shadow-subtle);color:#f8fafc;color:var(--text-primary);display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.78rem;font-weight:600;gap:.55rem;padding:.45rem .9rem;position:absolute;white-space:nowrap}.pill-icon-blue{color:#38bdf8}.pill-icon-cyan{color:#00d2ff}.pill-icon-indigo{color:#818cf8}.pill-icon-green{color:#34d399}.pill-icon-red{color:#f05}.pill-icon-pink{color:#f43f5e}.pill-icon-amber{color:#fbbf24}.prop-personal-1{animation-duration:6s;left:4%;top:16%}.prop-personal-2{animation-delay:1s;animation-duration:7.5s;bottom:22%;left:3%}.prop-personal-3{animation-delay:.5s;animation-duration:5.5s;right:4%;top:28%}.prop-dev-1{animation-duration:6.5s;left:4%;top:18%}.prop-dev-2{animation-delay:1.2s;animation-duration:5.2s;bottom:20%;left:5%}.prop-dev-3{animation-delay:.4s;animation-duration:7s;right:4%;top:25%}.prop-creator-1{animation-duration:5.5s;left:4%;top:15%}.prop-creator-2{animation-delay:.8s;animation-duration:7.2s;bottom:22%;left:4%}.prop-creator-3{animation-delay:1.4s;animation-duration:6.2s;right:4%;top:28%}@keyframes floatRandomPill{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-16px) rotate(2deg)}to{transform:translateY(10px) rotate(-1.5deg)}}.rec-dot-pulse{animation:recPulse 1.2s ease-in-out infinite;background:#f05;border-radius:50%;box-shadow:0 0 10px #f05;height:8px;width:8px}@keyframes recPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.85)}}.app-loading-screen{align-items:center;background:#07080c;display:flex;height:100vh;height:100dvh;inset:0;justify-content:center;overflow:hidden;position:fixed;transition:opacity .6s cubic-bezier(.16,1,.3,1),visibility .6s ease,transform .6s ease;width:100vw;z-index:99999}.app-loading-screen.fade-out{opacity:0;pointer-events:none;transform:scale(1.03);visibility:hidden}.loader-ambient-halo{animation:loaderPulse 3s ease-in-out infinite alternate;background:radial-gradient(circle at center,#00d2ff40 0,#a855f726 45%,#0000 70%);border-radius:50%;filter:blur(80px);height:600px;pointer-events:none;position:absolute;width:600px}@keyframes loaderPulse{0%{opacity:.5;transform:scale(.9)}to{opacity:.9;transform:scale(1.15)}}.loader-grid-lines{background-image:linear-gradient(90deg,#ffffff08 1px,#0000 0),linear-gradient(180deg,#ffffff08 1px,#0000 0);background-size:40px 40px;inset:0;mask-image:radial-gradient(circle at center,#000 30%,#0000 80%);-webkit-mask-image:radial-gradient(circle at center,#000 30%,#0000 80%);pointer-events:none;position:absolute}.loader-core-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0e121cbf;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px #000c,0 0 40px #00d2ff26;flex-direction:column;max-width:480px;padding:2.5rem 2rem;text-align:center;width:90%;z-index:2}.loader-core-card,.loader-logo-wrap{align-items:center;display:flex;position:relative}.loader-logo-wrap{height:84px;justify-content:center;margin-bottom:1.5rem;width:84px}.loader-logo-ring{border:1.5px dashed;border-radius:50%;pointer-events:none;position:absolute}.loader-logo-ring.ring-outer{animation:spinRing 8s linear infinite;border-color:#00d2ff66;inset:-8px}.loader-logo-ring.ring-middle{animation:spinRingReverse 6s linear infinite;border-color:#f366;inset:-2px}@keyframes spinRing{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinRingReverse{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}.loader-logo-box{align-items:center;background:linear-gradient(135deg,#07080c,#141926);border:1.5px solid #00d2ff80;border-radius:18px;box-shadow:0 0 25px #00d2ff66;display:flex;height:68px;justify-content:center;width:68px}.loader-letter-a{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d2ff,#a855f7 50%,#f36);-webkit-background-clip:text;filter:drop-shadow(0 0 10px rgba(0,210,255,.6));font-size:2.4rem;font-weight:900;line-height:1}.loader-brand-title,.loader-letter-a{font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.loader-brand-title{color:#fff;font-size:1.35rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .4rem}.loader-brand-subtitle{align-items:center;color:#64748b;color:var(--text-muted);display:flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.72rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.1em;margin:0 0 1.75rem}.sub-tag{color:#94a3b8;color:var(--text-secondary)}.sub-sep{color:#00d2ff;color:var(--accent-cyan)}.loader-progress-section{margin-bottom:1.5rem;width:100%}.loader-progress-track{background:#ffffff14;border-radius:10px;height:6px;overflow:hidden;position:relative;width:100%}.loader-progress-fill{background:linear-gradient(90deg,#00d2ff,#a855f7,#f36);border-radius:10px;box-shadow:0 0 14px #00d2ffcc;height:100%;transition:width .1s linear}.loader-status-row{align-items:center;display:flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.72rem;justify-content:space-between;margin-top:.65rem}.loader-status-msg{color:#64748b;color:var(--text-muted);font-weight:600;letter-spacing:.04em;max-width:80%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.loader-pct-badge{color:#00d2ff;color:var(--accent-cyan);font-weight:800}.loader-roles-pill-row{display:flex;gap:.5rem;width:100%}.loader-role-pill{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;color:#64748b;color:var(--text-muted);display:flex;flex:1 1;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.7rem;font-weight:600;gap:.35rem;justify-content:center;padding:.4rem .25rem;transition:all .35s ease}.loader-role-pill.active{background:#00d2ff1a;border-color:#00d2ff59;box-shadow:0 0 12px #00d2ff33;color:#fff}.icon-cyan{color:#00d2ff;color:var(--accent-cyan)}.icon-blue{color:#38bdf8;color:var(--accent-dev)}.icon-pink{color:#f36;color:var(--accent-creator)}