@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#071614;--surface:#102723;--line:#275248;--text:#effbf6;--muted:#a5c3b8;--accent:#88e7c4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Cairo,system-ui,sans-serif;line-height:1.8}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.ambient{position:absolute;z-index:-1;top:0;left:0;width:100%;height:750px;background:radial-gradient(ellipse at 48% 22%,#23664d55,transparent 60%);pointer-events:none}.wrap{width:min(1150px,calc(100% - 38px));margin:auto}.top{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px max(20px,calc((100vw - 1150px)/2));border-bottom:1px solid #25524677;background:#071614ed;backdrop-filter:blur(16px)}.brand{font-weight:800;white-space:nowrap}.brand b,.logo{color:var(--accent)}.logo{font-size:23px}nav{display:flex;gap:20px;font-size:12px}nav a:hover{color:var(--accent)}.top-cta,.btn{border:0;border-radius:12px;background:var(--accent);color:#09251b;font-weight:800;padding:11px 22px;display:inline-block}.top-cta{padding:8px 14px;font-size:12px}.btn:hover{filter:brightness(1.1)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:#14362e;color:var(--text);border:1px solid #38735d}.menu{display:none;background:transparent;border:0;color:var(--text);font-size:24px}.hero{text-align:center;padding:115px 0 65px}.pill{display:inline-block;border:1px solid #3b7660;border-radius:100px;padding:6px 18px;font-size:11px;color:var(--accent);letter-spacing:1px}.hero h1{font-size:clamp(38px,6vw,72px);line-height:1.32;max-width:900px;margin:25px auto 14px}.hero h1 span,h2 em{color:var(--accent);font-style:normal}.hero>p{font-size:18px;color:var(--muted)}.hero-actions{display:flex;gap:12px;justify-content:center;margin-top:27px}.hero-art{position:relative;max-width:820px;margin:75px auto 0;padding:35px 15px;border:1px solid #265346;border-radius:25px;background:linear-gradient(145deg,#13352d88,#0a211d);overflow:hidden}.orb{position:absolute;width:200px;height:200px;border-radius:100%;filter:blur(65px);background:#2e937244;pointer-events:none}.orb1{top:-120px;right:10%}.orb2{bottom:-150px;left:15%}.pipeline{position:relative;display:flex;align-items:center;justify-content:center;gap:18px}.pipeline i{font-size:24px;color:var(--accent)}.tech{display:flex;flex-direction:column;gap:2px;align-items:center;min-width:150px;padding:15px;border:1px solid #3b7c65;border-radius:14px;background:#153a30}.tech span,.tech small{font-size:11px;color:var(--muted)}.tech strong{font-size:20px}.section{padding:65px 0;scroll-margin-top:85px}.section-label{color:var(--accent);letter-spacing:2px;font-size:11px;font-weight:800}.section h2{font-size:clamp(27px,4vw,42px);line-height:1.45;margin:10px 0 20px}.section-intro{color:var(--muted);max-width:720px;margin-bottom:30px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px}.card,.panel{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#16332c,#0c221e);padding:27px}.card{transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:var(--accent)}.card-icon{font-size:30px;color:var(--accent)}.card h3{margin:10px 0}.card p,.muted{color:var(--muted);font-size:13px}.tag{color:var(--accent);letter-spacing:1px}.project-img{width:100%;height:160px;object-fit:cover;border-radius:12px;margin-bottom:12px}.card details summary{cursor:pointer;color:var(--accent);font-size:13px}.lab-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.lab-step{display:flex;flex-direction:column;gap:7px;border:1px solid var(--line);border-radius:13px;padding:19px 10px;text-align:center}.lab-step span{color:var(--muted);font-size:11px}.lab-step.active{background:#28664e;border-color:var(--accent)}.lab-step b{font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:11px}.chips span{border:1px solid var(--line);background:#143329;padding:10px 19px;border-radius:30px}.form{max-width:850px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;font-size:13px;margin:10px 0}input,textarea,select{width:100%;padding:12px;background:#0a1e1a;border:1px solid #326152;border-radius:10px;color:var(--text);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{min-height:135px;resize:vertical}.consent{display:flex;align-items:center;gap:10px}.consent input{width:auto}.honeypot{position:absolute;left:-9999px}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.tab{border:1px solid var(--line);border-radius:10px;background:#0f2b23;color:var(--text);padding:7px 15px}.tab.active{background:var(--accent);color:#08251b}.result{margin-top:20px;overflow-wrap:anywhere}.formatted p{margin:4px 0;white-space:pre-wrap}.formatted code{color:#b7ffdf;background:#0a211a;padding:0 3px;border-radius:4px}.formatted .list-line:before{content:'• ';color:var(--accent)}footer{border-top:1px solid var(--line);padding:35px 0;color:var(--muted)}.foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.foot b{color:var(--text)}.foot p{font-size:12px}.foot>div:nth-child(2){display:flex;gap:15px;font-size:12px}.chat-fab{position:fixed;left:22px;bottom:20px;z-index:9;border:1px solid var(--accent);border-radius:50px;padding:12px 20px;background:#1c5140;color:#f1fff9;box-shadow:0 12px 35px #0008}.chat{position:fixed;z-index:10;left:22px;bottom:85px;width:min(400px,calc(100vw - 24px));height:min(580px,calc(100dvh - 115px));border:1px solid #397762;border-radius:20px;display:flex;flex-direction:column;background:#0c221d;box-shadow:0 20px 70px #000b;overflow:hidden}.hidden{display:none}.chat-head{display:flex;justify-content:space-between;align-items:center;background:#174234;padding:12px 16px}.chat-head strong,.chat-head small{display:block}.chat-head small{color:var(--muted);font-size:10px}.chat-head button{border:0;background:transparent;color:var(--text);font-size:28px}.messages{flex:1;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:15px}.bubble{max-width:92%;padding:12px 14px;border-radius:15px;overflow-wrap:anywhere;font-size:13px;white-space:pre-wrap}.bubble.bot{align-self:flex-start;background:#1b3b30}.bubble.user{align-self:flex-end;background:#28684d}.copy{display:block;margin-top:10px;border:0;background:none;color:var(--accent);font-size:11px}.typing{opacity:.7}.quick{display:flex;gap:8px;padding:9px;overflow:auto}.quick button{border:1px solid var(--line);background:#194434;border-radius:20px;color:var(--text);padding:5px 12px;white-space:nowrap;font-size:11px}#chat-form{display:flex;gap:7px;padding:10px;border-top:1px solid var(--line)}#chat-form input{min-width:0}#chat-form button{border:0;border-radius:9px;background:var(--accent);padding:0 14px}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.admin-tabs button{background:#15382c;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:9px 14px}.admin-tabs button.active{background:var(--accent);color:#08251b}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{padding:20px;border:1px solid var(--line);background:var(--surface);border-radius:14px}.stat strong{display:block;font-size:26px}.admin-row{border:1px solid var(--line);padding:18px;border-radius:14px;margin:12px 0;background:var(--surface)}.admin-row p{white-space:pre-wrap;overflow-wrap:anywhere}.admin-row .muted{font-size:11px}.admin-form{max-width:800px}.admin-form input,.admin-form textarea{margin-bottom:10px}.admin-form .btn{margin:6px 5px 6px 0}.admin-form label{margin-top:14px}.admin-form .check{display:flex;gap:10px;align-items:center}.admin-form .check input{width:auto}@media(max-width:900px){nav{display:none;position:absolute;top:68px;left:0;right:0;background:#0b211b;padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}nav.show{display:flex}.menu{display:block}.top-cta{display:none}}@media(max-width:620px){.hero{padding:80px 0 40px}.pipeline{gap:6px}.tech{min-width:0;flex:1;padding:12px 4px}.tech strong{font-size:13px}.pipeline i{font-size:13px}.hero-art{margin-top:50px}.two,.stats{grid-template-columns:1fr 1fr}.lab-grid{grid-template-columns:1fr 1fr}.chat{left:12px;bottom:75px}.foot{flex-direction:column;align-items:flex-start}}@media(max-width:420px){.two,.stats{grid-template-columns:1fr}.hero-actions{flex-wrap:wrap}.wrap{width:calc(100% - 28px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}

/* V7.3 preferences and light theme */
.sami-preferences{display:flex;gap:6px;align-items:center;margin-inline:10px}.sami-pref-button{border:1px solid #62bca8;background:#12382f;color:#ecfff8;border-radius:10px;padding:8px 10px;cursor:pointer;font:inherit;white-space:nowrap}.sami-pref-button:focus-visible{outline:3px solid #8ee7c8;outline-offset:2px}html[data-theme="light"]{color-scheme:light}html[data-theme="light"] body{background:#f5faf8!important;color:#14342e!important}html[data-theme="light"] .top,html[data-theme="light"] .panel,html[data-theme="light"] .card,html[data-theme="light"] .chat,html[data-theme="light"] .chat-head{background:#e9f5f0!important;color:#14342e!important}html[data-theme="light"] .result,html[data-theme="light"] textarea,html[data-theme="light"] input,html[data-theme="light"] select{background:#fff!important;color:#14342e!important}html[data-theme="light"] .muted{color:#3c675d!important}html[data-theme="light"] .sami-pref-button{background:#fff;color:#14342e}html[data-theme="light"] .ambient{opacity:.08}@media(max-width:780px){.sami-preferences{margin-inline:4px}.sami-pref-button{padding:6px;font-size:12px}}