/*
Theme Name: Raman Portfolio
Theme URI: https://ramanagg.github.io/
Author: Raman Aggarwal
Description: Lightweight, developer-focused portfolio and technical blog theme for Raman Aggarwal.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4c
License: GPL-2.0-or-later
Text Domain: raman-portfolio
*/
:root{--bg:#090b0d;--panel:#101417;--text:#f2f4f5;--muted:#9ba4aa;--line:#242b30;--accent:#8cf0c8;--max:1180px;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(9,11,13,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;letter-spacing:-.04em}.accent{color:var(--accent)}.menu{display:flex;gap:26px;align-items:center}.menu a{font-size:14px;color:var(--muted)}.menu a:hover{color:var(--text)}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--text);padding:8px 10px;border-radius:8px}.hero{padding:115px 0 95px}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:center}.eyebrow,.section-num,.post-meta{font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent);text-transform:uppercase;letter-spacing:.11em}.hero h1{font-size:clamp(52px,7vw,92px);line-height:.95;letter-spacing:-.065em;margin:20px 0}.hero p{font-size:19px;color:var(--muted);max-width:730px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid var(--line);border-radius:9px;font-size:14px}.btn:hover{border-color:#4a565e}.btn.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.code-card{transform: rotate(2deg);box-shadow: rgba(0, 0, 0, 0.18) 0px 30px 80px;color: rgb(231, 233, 223);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:25px;font:14px/1.85 ui-monospace,SFMono-Regular,Menlo,monospace;color:#cbd2d6;box-shadow:0 30px 80px rgba(0,0,0,.25)}.ticker{border-block:1px solid var(--line);padding:14px 0;overflow:hidden;white-space:nowrap;color:#707a80;font:12px ui-monospace,SFMono-Regular,monospace;letter-spacing:.1em}.ticker span{margin-right:28px}section{padding:95px 0;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:.25fr 1fr;gap:35px}.section-head h2{font-size:clamp(38px,5vw,64px);line-height:1;letter-spacing:-.055em;margin:0 0 24px}.section-head p{color:var(--muted);max-width:800px}.quote{border-left:2px solid var(--accent);padding-left:20px;margin-top:30px;color:#d9dfe2}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:45px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:#3b464d}.card h3{font-size:25px;line-height:1.15;margin:12px 0}.card p{color:var(--muted)}.tags{display:flex;gap:7px;flex-wrap:wrap}.tag{border:1px solid var(--line);border-radius:999px;padding:4px 9px;color:#b2bbc0;font:11px ui-monospace,SFMono-Regular,monospace}.read{color:var(--accent);font-size:13px}.stack{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);margin-top:45px}.stack-item{background:var(--bg);padding:24px}.stack-item strong{display:block;margin-bottom:8px}.stack-item span{font-size:13px;color:var(--muted)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.single-wrap{max-width:850px;margin:auto;padding:90px 20px}.single-wrap h1{font-size:clamp(44px,6vw,76px);line-height:1;letter-spacing:-.055em;margin:20px 0 30px}.single-content{font-size:18px}.single-content p,.single-content li{color:#c7ced2}.single-content h2,.single-content h3{margin-top:50px;line-height:1.15}.single-content pre{background:var(--panel);border:1px solid var(--line);padding:20px;overflow:auto;border-radius:10px}.single-content code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.single-content blockquote{border-left:2px solid var(--accent);margin:30px 0;padding-left:20px;color:#d7dcdf}.post-nav{display:flex;justify-content:space-between;gap:20px;margin-top:60px;padding-top:25px;border-top:1px solid var(--line);font-size:14px}.site-footer{padding:40px 0;color:var(--muted);font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.section-head{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}.stack{grid-template-columns:1fr 1fr}.menu-toggle{display:block}.menu{display:none;position:absolute;top:72px;left:0;right:0;padding:15px 20px;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.menu.is-open{display:flex}}@media(max-width:540px){.container{width:min(calc(100% - 28px),var(--max))}.hero{padding-top:75px}.hero h1{font-size:56px}.buttons{flex-direction:column}.btn{width:100%}.stack{grid-template-columns:1fr}.footer-inner{flex-direction:column}}.code-card{position:relative;z-index:2;width:min(100%,470px);background:#1a1c18;color:#e7e9df;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.18);transform:rotate(2deg);overflow:hidden}.code-top{height:48px;display:flex;align-items:center;gap:7px;padding:0 18px;border-bottom:1px solid #34362f}.code-top span{width:8px;height:8px;border-radius:50%;background:#575b51}.code-top small{margin-left:auto;color:#81857b;font-size:10px}pre{padding:28px 26px;font-size:13px;line-height:2;overflow:auto}code i{color:#b6cf70;font-style:normal}code b{color:#fff}code strong{color:#d8dcae}code u{text-decoration:none;color:#a9b2ff}.code-status{padding:13px 18px;border-top:1px solid #34362f;color:#8b9084;font-size:10px}.status-dot{width:6px;height:6px;margin-right:8px}.marquee{overflow:hidden;border-block:1px solid var(--line);background:var(--dark);color:#eee}.marquee-track{width:max-content;display:flex;align-items:center;gap:35px;padding:18px 0;font-size:11px;letter-spacing:2px;font-weight:800;animation:scroll 24s linear infinite}.marquee b{color:var(--accent)}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:300px;height:300px;background:#dce5ca;right:155px;top:350px}.orb-b{width:170px;height:170px;background:#c8ff4d;right:15px;top:200px}