:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0a0a0e;--bg-elev: #101016;--bg-elev-2: #16161d;--fg: #d8d8d2;--fg-strong: #f2f2ee;--dim: #8a8a8a;--border: #232329;--amber: #e8a33d;--green: #3fb950;--red: #ff5f56;--yellow: #ffbd2e;--link: #e8a33d;--selection-bg: rgba(232, 163, 61, .28);--aurora-1: rgba(63, 185, 80, .26);--aurora-2: rgba(232, 163, 61, .24);--aurora-3: rgba(94, 142, 255, .22);--aurora-4: rgba(196, 92, 232, .18);--grid-line: rgba(255, 255, 255, .022);--bg-photo-tint: rgba(10, 10, 14, .52);--bg-photo-filter: saturate(1.12) contrast(1.02);--bg-photo-opacity: .7;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--maxw: 1080px;--radius: 8px;--nav-h: 60px}:root[data-theme=light]{color-scheme:light;--bg: #f4f1ea;--bg-elev: #fbf9f3;--bg-elev-2: #ece7db;--fg: #26262b;--fg-strong: #111114;--dim: #6a675f;--border: #d8d2c4;--amber: #b26a10;--green: #1a7f37;--red: #d33a2c;--yellow: #b8860b;--link: #b26a10;--selection-bg: rgba(178, 106, 16, .22);--aurora-1: rgba(26, 127, 55, .16);--aurora-2: rgba(178, 106, 16, .16);--aurora-3: rgba(60, 110, 200, .14);--aurora-4: rgba(150, 60, 190, .12);--grid-line: rgba(0, 0, 0, .03);--bg-photo-tint: rgba(244, 241, 234, .66);--bg-photo-filter: saturate(.82) brightness(1.12);--bg-photo-opacity: .6}*,*:before,*:after{box-sizing:border-box}html{background-color:var(--bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background-color:transparent;color:var(--fg);font-family:var(--font-sans);font-size:16px;line-height:1.65;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.site-bg{position:fixed;inset:0;z-index:-3;pointer-events:none;background-image:linear-gradient(var(--bg-photo-tint),var(--bg-photo-tint)),url(/assets/images/aurora-photo.jpg);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat;opacity:var(--bg-photo-opacity);filter:var(--bg-photo-filter);transition:filter .3s ease}body:before{content:"";position:fixed;inset:-30%;z-index:-2;pointer-events:none;background:radial-gradient(36% 32% at 16% 20%,var(--aurora-1),transparent 68%),radial-gradient(40% 36% at 86% 14%,var(--aurora-2),transparent 68%),radial-gradient(44% 40% at 74% 80%,var(--aurora-3),transparent 70%),radial-gradient(38% 34% at 24% 88%,var(--aurora-4),transparent 70%),radial-gradient(30% 28% at 52% 46%,var(--aurora-1),transparent 72%);filter:blur(28px) saturate(140%);animation:aurora-drift 18s ease-in-out infinite alternate,aurora-shimmer 13s ease-in-out infinite alternate;will-change:transform,filter}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 78% 72% at 50% 32%,#000,transparent 92%);mask-image:radial-gradient(ellipse 78% 72% at 50% 32%,#000,transparent 92%)}@keyframes aurora-drift{0%{transform:translate3d(-5%,-3%,0) scale(1.02) rotate(-1.5deg)}50%{transform:translate3d(5%,4%,0) scale(1.16) rotate(2deg)}to{transform:translate3d(-2%,3%,0) scale(1.07) rotate(-.5deg)}}@keyframes aurora-shimmer{0%{filter:blur(26px) saturate(135%) hue-rotate(-18deg)}to{filter:blur(34px) saturate(170%) hue-rotate(24deg)}}::selection{background:var(--selection-bg);color:var(--fg-strong)}img{max-width:100%;height:auto;display:block}a{color:var(--link);text-decoration:none;transition:color .15s ease}a:hover{text-decoration:underline;text-underline-offset:3px}h1,h2,h3,h4{color:var(--fg-strong);line-height:1.2;font-weight:700}code,kbd,pre{font-family:var(--font-mono)}hr{border:none;border-top:1px dashed var(--border);margin:2rem 0}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:1.25rem}main{flex:1 0 auto;padding-top:var(--nav-h)}.section{padding-block:3.5rem}.section-label{font-family:var(--font-mono);color:var(--amber);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .75rem}.section-label:before{content:"// ";color:var(--dim)}.section-title{font-family:var(--font-mono);font-size:clamp(1.4rem,3.5vw,2rem);margin:0 0 1.5rem}.dim{color:var(--dim)}.amber{color:var(--amber)}.green{color:var(--green)}.mono{font-family:var(--font-mono)}.text-center{text-align:center}.ascii-rule{font-family:var(--font-mono);color:var(--border);overflow:hidden;white-space:nowrap;user-select:none;margin:1.5rem 0}.ascii-rule:before{content:"────────────────────────────────────────────────────────────────────────────────";color:var(--border)}.btn{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.9rem;padding:.55rem 1.05rem;border:1px solid var(--amber);border-radius:4px;color:var(--amber);background:transparent;cursor:pointer;transition:background .15s ease,color .15s ease,transform .05s ease}.btn:hover{background:var(--amber);color:var(--bg);text-decoration:none}.btn:active{transform:translateY(1px)}.btn-green{border-color:var(--green);color:var(--green)}.btn-green:hover{background:var(--green);color:var(--bg)}.btn-ghost{border-color:var(--border);color:var(--fg)}.btn-ghost:hover{background:var(--bg-elev-2);color:var(--fg-strong)}.terminal-window{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);overflow:hidden;box-shadow:0 10px 30px -18px #0009}.terminal-titlebar{display:flex;align-items:center;gap:.6rem;padding:.55rem .85rem;background:var(--bg-elev-2);border-bottom:1px solid var(--border)}.terminal-dots{display:flex;gap:.45rem}.terminal-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.terminal-dot.red{background:var(--red)}.terminal-dot.yellow{background:var(--yellow)}.terminal-dot.green{background:#27c93f}.terminal-path{font-family:var(--font-mono);font-size:.78rem;color:var(--dim);margin-left:.35rem}.terminal-body{padding:1.5rem 1.6rem}.prompt{font-family:var(--font-mono)}.prompt:before{content:"> ";color:var(--amber)}.cursor{display:inline-block;width:.55ch;height:1.05em;background:var(--amber);margin-left:2px;vertical-align:-.15em;animation:cursor-blink 1s steps(1) infinite}@keyframes cursor-blink{50%{opacity:0}}label{display:block;font-family:var(--font-mono);font-size:.8rem;color:var(--dim);margin-bottom:.35rem}.field{margin-bottom:1.1rem}.input,.textarea,select{width:100%;font-family:var(--font-mono);font-size:.92rem;color:var(--fg-strong);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.6rem .75rem;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.textarea:focus,select:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 2px var(--selection-bg)}.textarea{resize:vertical;min-height:130px}::placeholder{color:var(--dim);opacity:.7}.alert{border:1px solid var(--border);border-radius:4px;padding:.7rem .9rem;font-family:var(--font-mono);font-size:.85rem;margin-bottom:1rem}.alert-success{border-color:var(--green);color:var(--green)}.alert-error{border-color:var(--red);color:var(--red)}.hidden{display:none!important}.grid{display:grid;gap:1.25rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);overflow:hidden;transition:border-color .15s ease,transform .15s ease;display:flex;flex-direction:column}.card:hover{border-color:var(--amber);transform:translateY(-3px)}.card-img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-bottom:1px solid var(--border);background:var(--bg-elev-2)}.card-body{padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.card-title{font-family:var(--font-mono);font-size:.95rem;color:var(--fg-strong);margin:0;line-height:1.4}.skill{margin-bottom:.9rem}.skill-head{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.85rem;margin-bottom:.3rem}.skill-track{height:8px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:999px;overflow:hidden}.skill-fill{height:100%;background:linear-gradient(90deg,var(--amber),var(--green));border-radius:999px;width:0;transition:width 1s ease}.timeline{border-left:2px solid var(--border);margin-left:.5rem;padding-left:1.5rem}.tl-item{position:relative;padding-bottom:2rem}.tl-item:before{content:"";position:absolute;left:calc(-1.5rem - 6px);top:.35rem;width:10px;height:10px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 3px var(--bg)}.tl-title{font-family:var(--font-mono);font-size:1.05rem;margin:0;color:var(--fg-strong)}.tl-org{font-family:var(--font-mono);font-size:.9rem;color:var(--fg);margin:.25rem 0 .1rem}.tl-meta{font-family:var(--font-mono);font-size:.82rem;color:var(--dim);margin:0 0 .6rem}.tl-bullets{margin:0;padding-left:1.1rem}.tl-bullets li{margin-bottom:.35rem}.tl-bullets-sub{margin:.35rem 0 .15rem;list-style-type:circle}.tl-bullets-sub .tl-bullets-sub{list-style-type:square}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:100;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav-brand{font-family:var(--font-mono);font-weight:700;color:var(--fg-strong);display:inline-flex;align-items:center;gap:.4rem}.nav-brand:hover{text-decoration:none;color:var(--amber)}.nav-brand .prompt-char{color:var(--amber)}.nav-links{display:flex;align-items:center;gap:.35rem;list-style:none;margin:0;padding:0}.nav-links a{font-family:var(--font-mono);font-size:.88rem;color:var(--fg);padding:.4rem .6rem;border-radius:4px}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--amber);background:var(--bg-elev-2);text-decoration:none}.nav-toggle{display:none;background:none;border:1px solid var(--border);border-radius:4px;color:var(--fg);font-size:1.2rem;padding:.2rem .55rem;cursor:pointer}.theme-switch{position:relative;display:inline-block;width:48px;height:26px;flex:none}.theme-switch input{opacity:0;width:0;height:0}.theme-switch .slider{position:absolute;inset:0;cursor:pointer;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:999px;transition:.2s}.theme-switch .slider:before{content:"☀";position:absolute;height:20px;width:20px;left:2px;top:2px;border-radius:50%;background:var(--amber);color:var(--bg);font-size:12px;display:flex;align-items:center;justify-content:center;transition:.2s}.theme-switch input:checked+.slider:before{content:"☽";transform:translate(22px)}.footer{flex-shrink:0;border-top:1px solid var(--border);background:var(--bg-elev);padding-block:2rem;margin-top:3rem}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;font-family:var(--font-mono);font-size:.82rem;color:var(--dim)}.footer-socials{display:flex;gap:.9rem;font-size:1.1rem}.footer-socials a{color:var(--dim)}.footer-socials a:hover{color:var(--amber)}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px;border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--dim)}.chatbot-messages .message{display:flex;flex-direction:column;gap:3px;margin-bottom:14px;max-width:85%}.chatbot-messages .bot-message{align-items:flex-start;margin-right:auto}.chatbot-messages .user-message{align-items:flex-end;margin-left:auto}.chatbot-messages .message:before{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.02em;opacity:.9}.chatbot-messages .bot-message:before{content:"jeba@assistant";color:var(--green)}.chatbot-messages .user-message:before{content:"you";color:var(--amber)}.chatbot-messages .message-content{max-width:100%;padding:8px 13px;border-radius:12px;font-size:.9rem;line-height:1.5}.chatbot-messages .bot-message .message-content{background:var(--bg-elev-2);color:var(--fg);border:1px solid var(--border);border-top-left-radius:3px}.chatbot-messages .user-message .message-content{background:var(--amber);color:var(--bg);border-top-right-radius:3px}.chatbot-messages .message-content p{margin:0;white-space:pre-wrap}.chatbot-messages .message-content.typing{display:inline-flex;gap:4px;align-items:center}.chatbot-messages .message-content.typing span{width:7px;height:7px;border-radius:50%;background:var(--fg);opacity:.5;animation:chat-blink 1.2s infinite both}.chatbot-messages .message-content.typing span:nth-child(2){animation-delay:.2s}.chatbot-messages .message-content.typing span:nth-child(3){animation-delay:.4s}@keyframes chat-blink{0%,80%,to{opacity:.2}40%{opacity:.9}}@media (max-width: 820px){.grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 680px){.nav-toggle{display:inline-block}.nav-links{position:absolute;top:var(--nav-h);right:0;left:0;flex-direction:column;align-items:stretch;gap:0;background:var(--bg-elev);border-bottom:1px solid var(--border);padding:.5rem 1.25rem 1rem;display:none}.nav-links.open{display:flex}.nav-links a{padding:.7rem .4rem}.grid-2,.grid-3{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}