/* Dark engineering theme: slate surfaces, cyan signals, terminal details. */
.header nav{flex-wrap:wrap;justify-content:flex-end;gap:22px}.header{gap:25px}
.experience-list{color:#9aa8bb;font-size:12px;line-height:1.85;padding-left:18px;margin:15px 0 22px}.experience-list li{margin-bottom:8px}.experience-list li::marker{color:#67e8f9}
.education{border-bottom:1px solid #253044}.coursework{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.coursework span{font:10px/1.6 var(--mono);padding:8px 11px;background:#15263a;border:1px solid #29415b;border-radius:4px;color:#b6d4ec}
.languages{border-top:1px solid #253044}.language-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.language-grid article{display:flex;align-items:center;gap:22px;background:#101824;border:1px solid #263a50;border-radius:8px;padding:28px}.language-code{font:24px var(--mono);color:#67e8f9;padding-right:22px;border-right:1px solid #29415b}.language-grid h3{font-size:20px;font-weight:500;margin:0 0 7px}.language-grid p{font-size:12px;color:#9aa8bb;margin:0}.language-level{margin-left:auto;font:12px var(--mono);color:#67e8f9;border:1px solid #315367;background:#122c3b;border-radius:4px;padding:9px 12px}
@media(max-width:1050px){.header nav{gap:16px}.header nav a{font-size:10px}}
@media(max-width:700px){.header{align-items:flex-start;gap:16px}.header nav{gap:12px 14px;max-width:280px}.header nav>a:nth-child(3){display:inline-block}.header nav a{font-size:9px}.header nav .nav-contact{padding:5px 9px}.language-grid{grid-template-columns:1fr;gap:14px}.language-grid article{padding:23px}.language-code{font-size:22px}.experience-list{font-size:12px}}
:root{color-scheme:dark;--paper:#090d14;--ink:#edf3fc;--muted:#9aa8bb;--line:#253044;--lime:#67e8f9;--mono:'Cascadia Code','Consolas','Courier New',monospace;--serif:var(--sans)}
body{background:radial-gradient(ellipse at 83% 8%,#13304755,transparent 30%),var(--paper)}
::selection{background:#67e8f944;color:#fff}
a:focus-visible,button:focus-visible{outline-color:var(--lime)}
.header{background:#0b111bd9;border-color:#253044}
.brand{font-family:var(--mono);font-size:29px;letter-spacing:-2px;color:var(--lime)}
.brand::before{content:'<';font-size:22px;color:#52657d;margin-right:5px}.brand::after{content:'/>';font-size:22px;color:#52657d;margin-left:5px}.brand span{display:none}
.header nav{font-family:var(--mono);font-size:11px}.header nav>a:not(.nav-contact)::before{content:'./';color:#52657d}
.header nav a:hover,.header nav a.active,.project-detail:hover{color:var(--lime)}
.nav-contact{border-color:#34475f;border-radius:5px;background:#152131}
.eyebrow,.section-label,.project-number,.visual-top,.hero-bottom,.art-index,.portrait-caption,.about-facts>div>span,.timeline-date,.demo-label,.skills-note,.contact-links,.tags,.skill-list,.project-detail,.text-link{font-family:var(--mono)}
.status-dot{background:var(--lime);box-shadow:0 0 12px #67e8f960}
.hero h1{font-size:clamp(64px,7vw,98px);line-height:1.05;font-weight:650;letter-spacing:-5px}
.hero .serif,em{font-family:var(--sans);font-style:normal;font-weight:600;color:var(--lime)}
.lime-dot{font-family:var(--mono);font-size:38px}.hero-description{color:#aab8cb}
.dark{background:var(--lime);color:#08131b;font-weight:650;border:1px solid var(--lime);box-shadow:0 4px 25px #67e8f918}
.button:hover{background:#a5f3fc;box-shadow:0 4px 30px #67e8f935}
.text-link{border-color:#34475f}.text-link:hover{color:var(--lime)}
.portrait-frame{border-radius:12px;transform:rotate(0);border:1px solid #3b536b;box-shadow:0 20px 80px #0008,0 0 45px #67e8f90b;background:#101a27;padding-top:31px;height:400px}
.portrait-frame::before{content:'● ● ●  ~/firas/profile';position:absolute;top:0;left:0;right:0;height:30px;display:flex;align-items:center;padding-left:14px;font:9px var(--mono);letter-spacing:1px;color:#8397b2;background:#121e2b;border-bottom:1px solid #2d4159;z-index:3}
.portrait-frame img{filter:saturate(.75);object-position:center 38%}
.portrait-caption{background:linear-gradient(transparent,#090d14ed);color:#cee5f4;font-size:7px}
.orbit{border-color:#294a60;border-style:dashed}.orbit-two{border-color:#1b3047}
.star-one{color:var(--lime);font:52px var(--mono);top:20px}.star-one::after{content:'_';font-size:24px}
.floating-label{background:#101f2e;border:1px solid #3c7183;box-shadow:0 12px 30px #0005;color:#c7e6ed;transform:none;border-radius:6px;font:10px/1.7 var(--mono);left:-10px;bottom:5px}
.floating-label>span{color:var(--lime)}.art-index{color:#8fa6bd}
.ticker{background:#101925;border-color:#253044}.ticker>div{font-family:var(--mono);font-size:12px;color:#a6b7cc}.ticker span{color:var(--lime)}
.about>.section-label>span:last-child{color:#7288a2}h2{font-weight:550}h2 em{font-weight:550}
.about-facts small{color:#9aa8bb}.about-facts strong{color:#d9e6f5}
.project-visual{border:1px solid #294158;border-radius:9px;box-shadow:0 15px 40px #0003}
.atlas-visual{background-color:#0c1b2b;background-image:radial-gradient(#67e8f921 1px,transparent 1px);color:#d8eef7}
.telemetry>div{border-color:#294758}.telemetry span{color:#91afc7}.telemetry svg{stroke:var(--lime)}
.project-copy h3>span{color:var(--lime)}.tags span{background:#101c2b;border-color:#2a3f56;color:#a9c4da}
.project-detail{border-color:#3a5c75;color:var(--lime)}
.pokemon-visual{background:#101c2b;color:#b6d8ea;background-image:linear-gradient(140deg,#16344c55,transparent 70%)}
.scan-scene{background-image:radial-gradient(#67e8f921 1px,transparent 1px)}
.scan-footer{border-color:#2c4960}.scan-footer strong{color:#d8eff9}.scan-footer span{color:#8daac1}
.scan-box{border-color:var(--lime)}.scan-box:before,.scan-box:after,.scan-box b:before,.scan-box b:after{border-color:var(--lime)}.scan-box>span{background:var(--lime);color:#09131e}
.other-projects{gap:16px;border-top:0;padding-top:5px}.other-projects article{border:1px solid #25384d;border-radius:8px;background:#101824;padding:23px;transition:border-color .2s,transform .2s}.other-projects article:hover{border-color:#568aa1;transform:translateY(-4px)}.mini-icon{color:var(--lime)}.other-projects p{min-height:120px}.other-projects .tags span{font-size:8px}
.experience{background:#0f1723;border-top:1px solid #253044;border-bottom:1px solid #253044}.journey-star{font-family:var(--mono);color:#325c75}.timeline article{border-color:#29394c}.timeline-date>span{border-color:#334b63;color:#a0c4dc;background:#152335}.timeline h4{color:#81b8d0}
.skill-grid article{background:#101824;border:1px solid #263a50;border-radius:8px;padding:24px}.skill-grid article>span{color:var(--lime)}.skill-grid h3{color:#e7f1fb}.skill-list b{background:#15263a;border:1px solid #29415b;color:#b6d4ec;font-size:10px}.skills-note{color:#8ba1b9}
.contact{background:radial-gradient(ellipse at 85% 60%,#15374a66,transparent 65%),#0d1722;border-top:1px solid #294158;color:var(--ink)}.contact .section-label{color:#91a8bc}.contact .status-dot{background:var(--lime)}.contact p{color:#a3b7cb}.contact-arrow{color:#0b1721;border-radius:12px;box-shadow:0 0 40px #67e8f915}.email{border-color:#3b657a}.contact-links{border-color:#2a4056}.contact-links>span{color:#93a9bf}
dialog{background:#101925;border-color:#36536d;box-shadow:0 25px 100px #000a}dialog::backdrop{background:#03070de0}dialog ol{color:#b2c7dd}.modal-close{color:var(--lime)}.skip{color:#09131b}
@media(max-width:1050px){.hero h1{font-size:74px}.portrait-frame{height:350px}.other-projects p{min-height:0}}
@media(min-width:701px) and (max-width:1050px){.orbit-one{width:80%;height:200px}.orbit-two{width:65%;height:300px}}
@media(max-width:700px){.brand{font-size:23px}.brand::before,.brand::after{font-size:16px}.header nav{gap:13px;font-size:9px}.hero h1{font-size:clamp(58px,12.5vw,80px);letter-spacing:-3px}.hero .lime-dot{font-size:25px;margin-left:8px}.hero-art{height:405px}.portrait-frame{height:330px;width:75%}.floating-label{left:0;bottom:5px;font-size:9px}.star-one{font-size:38px;right:0;top:8px}.other-projects{gap:14px}.other-projects article{padding:17px}.other-projects h3{font-size:15px}.other-projects p{font-size:11px}.section-label{font-size:7px;letter-spacing:.4px}.skill-grid article{padding:22px}.contact-arrow{border-radius:9px}.contact-main h2{font-size:36px}.email{font-size:16px}.contact-links{font-size:9px}.ticker>div{font-size:10px}}