/*
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.4
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{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}}