@import"https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&display=swap";:root{--accent: #3386ff;--accent-dark: #2563c9;--bg: #181a20;--bg-header: #23272a;--text: #ffffff;--text-secondary: #7d868c;--gray: #495057;--header-height: 90px;--terminal-bg: #181d23;--terminal-border: #2c313a;--terminal-shadow: 0 8px 32px rgba(30, 41, 59, .22);--terminal-text: #eaf6fb;--terminal-prompt: #6fff57;--terminal-prompt-glow: #00ff99;--terminal-error: #ff4b4b;--terminal-success: #3cff7f;--terminal-arg: #ffe066;--terminal-path: #4fa3ff;--terminal-comment: #8a9ba8;--terminal-scrollbar: #23272a;--terminal-scrollbar-bg: #181a20;font-family:Oswald,Arial,Helvetica,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 800px){:root{--header-height: 70px}}@media (max-width: 600px){:root{--header-height: 56px}}html{scroll-behavior:smooth}html,body,#root{height:100%;min-height:100vh}body{background:var(--bg);color:var(--text);font-family:inherit;margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}.app{display:flex;flex-direction:column;min-height:100vh;width:100vw}a,.nav-link{color:#00bcd4;text-decoration:none}nav{align-items:center;display:flex;flex-wrap:wrap}nav a,.nav-link{color:var(--text-secondary);font-family:Oswald,Arial,Helvetica,sans-serif;font-weight:500;letter-spacing:1px;margin-left:20px}nav a.active,.nav-link.active,nav a:hover,.nav-link:hover{border-bottom:2px solid var(--accent);color:var(--accent)}header{background:#1e2124;padding:20px 50px}header .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.logo-img{display:block;height:50px;margin-right:16px;object-fit:contain;width:auto}.logo{color:var(--accent);font-size:24px;font-weight:700}.intro{padding:60px 20px;text-align:center}.intro-title{color:var(--accent);font-family:Oswald,Arial,Helvetica,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:24px;text-transform:uppercase}.intro-lead{color:var(--text-secondary);font-family:Oswald,Arial,Helvetica,sans-serif;line-height:1.7;margin:0 auto 32px;max-width:600px}.intro-name,.intro-highlight{color:var(--accent);font-weight:700;letter-spacing:1px}.icons{display:flex;gap:18px;justify-content:center;margin-top:18px}.icons span{font-size:1.7rem}.projects{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:40px 20px;width:100%}.project-text{flex:1;min-width:250px}.project-text h2{font-size:22px;margin-bottom:20px}.project-text p{color:#aaa;margin-bottom:15px}.btn{background:var(--accent);color:var(--bg-header);display:inline-block;font-family:Oswald,Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:1px;margin-top:10px;padding:10px 20px}.btn:hover{background:var(--accent-dark);color:#fff}.project-grid{box-sizing:border-box;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));justify-items:center;width:100%}.project-card{align-items:center;background:var(--bg-header);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;padding:24px 20px;transition:transform .15s,box-shadow .15s;width:260px}.project-img{border-radius:8px;height:140px;margin-bottom:14px;object-fit:cover;width:100%}.project-title{color:var(--accent);font-family:Oswald,Arial,Helvetica,sans-serif;font-size:1.2rem;margin:10px 0 6px}.project-desc{color:var(--text-secondary);font-size:1rem;margin-bottom:12px;text-align:center}.project-techstack{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:14px}.tech-badge{background:var(--gray);border-radius:6px;color:#fff;font-family:Oswald,Arial,Helvetica,sans-serif;font-size:.95rem;letter-spacing:.5px;padding:4px 12px}.skills{background:var(--bg-header);border-radius:16px;box-shadow:0 2px 12px #0000001a;margin:40px auto;max-width:700px;padding:40px 20px}.skills-title{color:var(--accent);font-family:Oswald,Arial,Helvetica,sans-serif;font-size:2rem;letter-spacing:2px;margin-bottom:32px;text-align:center}.skills-list{display:flex;flex-direction:column;gap:24px}.skill-label{color:var(--text-secondary);display:flex;font-family:Oswald,Arial,Helvetica,sans-serif;font-size:1.1rem;justify-content:space-between;margin-bottom:6px}.skill-bar-bg{background:var(--gray);border-radius:8px;height:16px;overflow:hidden;width:100%}.skill-bar{background:var(--accent);border-radius:8px 0 0 8px;height:100%;transition:width .7s cubic-bezier(.4,2.08,.55,.44)}.bible-verse-card,.bible-verse-card.fancy{animation:fadeIn 1s;background:linear-gradient(120deg,var(--accent) 0%,var(--accent-dark) 100%);border-radius:20px;box-shadow:0 8px 32px #3386ff2e;color:#fff;font-family:Oswald,Arial,Helvetica,sans-serif;margin:40px auto;max-width:520px;padding:36px 28px 24px;position:relative;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.bible-verse-quote-icon{font-size:2.8rem;left:24px;opacity:.18;pointer-events:none;position:absolute;top:18px}.bible-verse-text{font-size:1.35rem;font-style:italic;letter-spacing:.2px;line-height:1.7;margin:0 0 18px;padding:0 18px}.bible-verse-ref{color:#e0eaff;font-size:1.05rem;letter-spacing:1px;margin-top:8px;opacity:.85}.bible-verse-loading{color:#e0eaff;font-size:1rem;opacity:.7}.bible-verse-refresh{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;position:absolute;right:24px;top:18px;transition:background .2s;width:32px}.bible-verse-refresh:hover{background:#ffffff38}.famous-painting-card{background:var(--bg-header);border-radius:16px;color:var(--text);font-family:Oswald,Arial,Helvetica,sans-serif;margin:2em auto;max-width:420px;padding:2em 1.5em;text-align:center;transition:box-shadow .2s,background .2s}.famous-painting-card h3{color:var(--accent);font-family:Oswald,Arial,Helvetica,sans-serif;font-size:1.3em;letter-spacing:1px;margin-bottom:1em}.famous-painting-card img{background:#23272a;border-radius:8px;box-shadow:0 2px 12px #3386ff1a;margin-bottom:1em;max-height:400px;max-width:100%}.famous-painting-card strong{color:var(--accent);font-family:Oswald,Arial,Helvetica,sans-serif;font-size:1.1em}.browser-terminal{background:var(--terminal-bg)!important;border-radius:16px 16px 0 0;box-shadow:var(--terminal-shadow);color:var(--terminal-text);font-family:Fira Mono,Menlo,Monaco,Consolas,monospace;transition:box-shadow .2s,border .2s;display:flex;flex-direction:column;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;width:100vw;height:calc(100vh - var(--header-height));margin:0;padding:0;overflow:hidden}.browser-terminal:hover{box-shadow:0 12px 40px #1e293b47}.browser-terminal-traffic-bar{background:#1e2124f7;border-radius:16px 16px 0 0;border-bottom:1.5px solid var(--terminal-border);display:flex;align-items:center;gap:8px;height:28px;padding:0 18px}.traffic-dot{width:13px;height:13px;margin-right:6px;border-radius:50%;display:inline-block}.traffic-dot.red{background:#ff5f56;border:2px solid #e0443e}.traffic-dot.yellow{background:#ffbd2e;border:2px solid #dea123}.traffic-dot.green{background:#27c93f;border:2px solid #13a10e}.browser-terminal-lines{color:var(--terminal-text)!important;font-size:1.15em;line-height:1.85;padding:26px 36px 0;scrollbar-width:thin;scrollbar-color:var(--terminal-scrollbar) var(--terminal-scrollbar-bg);overflow-y:auto;background:none}.browser-terminal-lines::-webkit-scrollbar{width:8px}.browser-terminal-lines::-webkit-scrollbar-thumb{background:var(--terminal-scrollbar);border-radius:8px}.browser-terminal-input-row{padding:0 36px 26px;align-items:center;display:flex;background:none}.browser-terminal-prompt{color:var(--terminal-prompt)!important;text-shadow:0 0 6px var(--terminal-prompt-glow),0 0 12px var(--terminal-prompt-glow);letter-spacing:.5px;margin-right:.5em;-webkit-user-select:none;user-select:none}.browser-terminal-input{color:var(--terminal-text);font-size:1.15em;background:transparent;border:none;outline:none;width:100%;caret-color:var(--terminal-prompt);letter-spacing:.5px;padding:2px 0;transition:background .2s}.browser-terminal-input:focus{background:#7fffd41a;border-radius:4px}.terminal-output.error{color:var(--terminal-error)!important;font-weight:600;text-shadow:0 0 2px var(--terminal-error),0 0 6px #ff5f5644}.terminal-output.success{color:var(--terminal-success)!important;font-weight:600;text-shadow:0 0 2px var(--terminal-success),0 0 6px #27c93f44}.terminal-output.cmd{color:var(--terminal-prompt)!important;font-weight:700;text-shadow:0 0 2px var(--terminal-prompt-glow),0 0 6px var(--terminal-prompt-glow)}.terminal-output.arg{color:var(--terminal-arg)!important;font-weight:600}.terminal.output.path{color:var(--terminal-path)!important;font-weight:600}.terminal-output.comment{color:var(--terminal-comment)!important;font-style:italic}.browser-terminal ::selection{background:var(--terminal-prompt-glow);color:#181c20}footer{background:var(--bg-header);color:var(--text-secondary);padding:40px 20px;text-align:center}footer .social a{color:#ccc;margin:0 10px}.currently-learning{align-items:center;animation:pulse 2s infinite alternate;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-dark) 100%);border-radius:12px;box-shadow:0 2px 12px #0000001a;color:#fff;display:flex;font-family:Oswald,Arial,Helvetica,sans-serif;font-size:1.15rem;gap:14px;margin:36px auto 0;max-width:420px;padding:18px 24px}@keyframes pulse{0%{box-shadow:0 2px 12px #3386ff1a}to{box-shadow:0 4px 24px #3386ff40}}.currently-learning-text strong{color:#fff;letter-spacing:1px}@media (max-width: 800px){header .container{align-items:flex-start;flex-direction:column;padding:12px 8px}.logo-img{margin-bottom:12px;margin-right:0}nav{align-items:flex-start;flex-direction:column;gap:8px;width:100%}nav a{font-size:1.1rem;margin:0 0 8px;padding:6px 0}}.intro,.projects,footer{padding-left:20px;padding-right:20px}@media (max-width: 600px){.intro,.projects,footer{padding-left:8px;padding-right:8px}.intro-title{font-size:1.5rem}.project-card{max-width:100%;min-width:0}.project-grid{grid-template-columns:1fr}.browser-terminal{position:static;width:98vw;max-width:100vw;height:340px;min-height:180px;margin:12px auto 0;border-radius:12px;box-shadow:0 4px 18px #1e293b2e;font-size:.98em;z-index:1}.browser-terminal-traffic-bar{height:18px;padding:0 6px;border-radius:14px 14px 0 0}.browser-terminal-lines,.browser-terminal-input-row{padding-left:6px;padding-right:6px}}@media (max-width: 800px) and (min-width: 601px){.browser-terminal{position:static;width:98vw;max-width:100vw;height:420px;min-height:200px;margin:18px auto 0;border-radius:14px;box-shadow:0 4px 18px #1e293b2e;font-size:1em;z-index:1}.browser-terminal-traffic-bar{height:22px;padding:0 10px;border-radius:14px 14px 0 0}.browser-terminal-lines,.browser-terminal-input-row{padding-left:10px;padding-right:10px}}.skills-section{margin:auto;max-width:1200px;padding:2rem;text-align:center}.charts-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.chart-block{flex:1 1 400px;min-width:300px}