@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{font-family:Inter,Cairo,sans-serif;--bg:#090b13;--fg:#f5f5fb;--muted:#a0a3b8;--surface:#121523;--border:#292c42;--accent:#9979ff;--accent2:#45e0c0;--glass:rgba(19,22,37,.84);color-scheme:dark}html[data-theme=light]{--bg:#f7f8fc;--fg:#17182b;--muted:#64697e;--surface:#fff;--border:#e1e3ed;--accent:#6d49e4;--accent2:#079e84;--glass:rgba(255,255,255,.9);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.ambient{position:absolute;z-index:-1;top:0;inset-inline:0;height:850px;background:radial-gradient(ellipse 50% 45% at 75% 20%,rgba(124,78,238,.17),transparent),radial-gradient(ellipse 35% 45% at 20% 40%,rgba(18,191,164,.08),transparent);pointer-events:none}.wrap{max-width:1180px;margin:auto;padding-inline:26px}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;max-width:1250px;margin:auto;padding:0 26px;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:800;letter-spacing:-.6px;white-space:nowrap}.brandmark{width:35px;height:35px;background:linear-gradient(135deg,#9d7aff,#43d8c5);display:grid;place-items:center;border-radius:11px;color:#fff}.accent,.violet{color:var(--accent)}nav{display:flex;gap:30px;color:var(--muted);font-size:14px}nav a:hover{color:var(--fg)}.actions{display:flex;gap:8px}.mini{border:1px solid var(--border);background:var(--surface);border-radius:11px;padding:9px 13px;color:var(--fg);cursor:pointer}.hero{padding-top:105px;padding-bottom:105px}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--accent2);font-weight:700;font-size:13px;letter-spacing:.4px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--accent2);box-shadow:0 0 0 5px rgba(69,224,192,.12)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(45px,5.3vw,78px);line-height:1.18;letter-spacing:-2.5px;margin:26px 0}h1 em,h2 em{font-style:normal;background:linear-gradient(110deg,var(--accent),var(--accent2));background-clip:text;-webkit-background-clip:text;color:transparent}.lead{font-size:17px;line-height:2;color:var(--muted);max-width:600px}.cta{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 24px;border-radius:13px;border:1px solid transparent;background:linear-gradient(110deg,#7754ee,#a27fff);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 12px 32px rgba(100,67,219,.18)}.button.secondary{background:var(--surface);color:var(--fg);border-color:var(--border);box-shadow:none}.stats{display:flex;gap:34px;margin-top:60px}.stats div{display:flex;flex-direction:column;gap:6px}.stats strong{font-size:27px}.stats small{font-size:12px;color:var(--muted)}.hero-art{height:450px;position:relative;display:grid;place-items:center}.orb{position:absolute;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(135,98,255,.55),rgba(68,217,197,.15) 60%,transparent 70%);filter:blur(10px)}.code-card{position:relative;z-index:1;width:85%;padding:0 25px 30px;border:1px solid #555075;background:rgba(14,16,29,.92);border-radius:20px;box-shadow:0 30px 80px #0005;transform:rotate(-3deg)}.code-header{height:53px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #292a3d;margin-bottom:22px}.code-header span{height:9px;width:9px;background:#f77;border-radius:50%}.code-header span:nth-child(2){background:#ffcc70}.code-header span:nth-child(3){background:#52d8ae}.code-card code{color:#e5e5ff;font-size:15px;line-height:2.1;direction:ltr;display:block;text-align:left}.dim{color:#73768e}.mint{color:#54e7bc}.gold{color:#ffd38a}.glass{position:absolute;z-index:2;padding:14px 20px;border-radius:13px;border:1px solid #55506a;background:rgba(35,34,55,.94);color:white;font-size:13px;font-weight:700;box-shadow:0 12px 25px #0005}.floating{top:45px;inset-inline-start:0}.floating.second{top:auto;bottom:45px;inset-inline-start:auto;inset-inline-end:0}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-inline-end:7px}.dot.green{background:#48e0b4}.dot.purple{background:#a585ff}.spark{color:#70e6cc;margin-inline-start:20px}.section{padding-top:65px;padding-bottom:65px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}h2{font-size:clamp(29px,3.4vw,43px);letter-spacing:-1px;margin:12px 0 0}.muted{color:var(--muted)}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service,.project-card,.about,.contact,.admin-panel{border:1px solid var(--border);background:var(--surface);border-radius:20px}.service{padding:30px}.service-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:rgba(142,106,250,.14);color:var(--accent);font-size:25px;margin-bottom:22px}.service h3{font-size:19px}.service p,.project-card p,.about p,.contact p{color:var(--muted);line-height:1.9;font-size:14px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{overflow:hidden;transition:transform .2s,border-color .2s}.project-card:hover{transform:translateY(-5px);border-color:var(--accent)}.project-visual{height:190px;background:radial-gradient(circle at 70% 25%,#483c82,#22243f 60%,#151726);background-size:cover;background-position:center;position:relative;display:grid;place-items:center}.project-card:nth-child(2n) .project-visual{background-color:#123b43;background-image:radial-gradient(circle at 70% 25%,#1b766f,#142c3e 70%)}.visual-glyph{font-size:80px;color:#b5a6ff;opacity:.75}.view{position:absolute;top:16px;inset-inline-end:16px;border:1px solid #ffffff44;border-radius:9px;padding:6px 10px;color:white}.project-content{padding:23px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.tags span{padding:5px 9px;border-radius:7px;background:rgba(140,115,230,.12);color:var(--accent);font-size:11px;font-weight:700}.tags.big{margin-top:20px;gap:9px}.tags.big span{font-size:13px;padding:8px 12px}.project-card h3{font-size:19px;margin-bottom:10px}.readmore{color:var(--accent);font-weight:700;font-size:13px}.about{padding:45px;display:grid;grid-template-columns:1fr 1fr;gap:45px}.about p{font-size:16px}.contact{text-align:center;padding:65px 20px;background:radial-gradient(ellipse at center,rgba(116,77,225,.14),transparent 70%),var(--surface)}.contact p{margin:20px 0 25px}footer{max-width:1180px;margin:40px auto 0;padding:28px 26px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.detail{min-height:65vh}.detail h1{font-size:clamp(36px,5vw,65px)}.detail .lead{max-width:850px}.detail-image{max-width:100%;max-height:500px;border-radius:20px;margin:30px 0}.back{display:block;color:var(--muted);margin-bottom:40px}.admin h1{font-size:clamp(35px,5vw,60px)}.admin-panel{padding:25px;margin:25px 0}.admin-panel.narrow{max-width:520px}.admin-panel h2{font-size:23px;margin:0 0 20px}.admin form label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:13px;font-weight:700}.admin input,.admin textarea{width:100%;background:var(--bg);color:var(--fg);border:1px solid var(--border);padding:13px;border-radius:9px;outline:none}.admin input:focus,.admin textarea:focus{border-color:var(--accent)}.admin textarea{min-height:115px;resize:vertical}.admin form{display:grid;gap:17px}.admin form .button{justify-self:start}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid .check{display:flex;flex-direction:row;align-items:center}.check input{width:auto}.logout{display:flex!important;justify-content:flex-end}.admin details summary{cursor:pointer;font-weight:700}.admin details summary span{float:inline-end}.admin details form{margin-top:22px}.delete{border:1px solid #c66;background:none;color:#f77;border-radius:9px;padding:10px;cursor:pointer;justify-self:start}.error{color:#ff7b8b}@media(max-width:850px){nav{display:none}.hero-grid{grid-template-columns:1fr}.hero{padding-top:60px}.hero-art{height:350px}.services,.project-grid{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}.stats{margin-top:35px}}@media(max-width:600px){.wrap{padding-inline:18px}.topbar{padding-inline:18px;height:70px}.brand{font-size:13px}.hero{padding-top:40px;padding-bottom:40px}.hero-art{height:300px}.code-card{width:90%}.glass{font-size:10px}.stats{gap:22px}.services,.project-grid,.form-grid{grid-template-columns:1fr}.about{padding:25px}.section{padding-block:40px}footer{flex-direction:column}}

/* Full release additions */
.project-tools{margin:0 0 24px}.project-tools input{width:100%;max-width:430px;border-radius:14px;padding:14px 18px;background:var(--card,rgba(120,120,140,.12));border:1px solid rgba(150,150,170,.24);color:inherit}.project-card[hidden]{display:none!important}.contact-form{max-width:740px;text-align:start;margin:28px auto}.contact-form label,.admin-panel label{display:block;margin:12px 0}.contact-form input,.contact-form textarea{width:100%;display:block;margin-top:7px;padding:13px;border-radius:12px;background:rgba(110,110,130,.10);border:1px solid rgba(160,160,180,.28);color:inherit;font:inherit}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.trap{position:absolute;left:-99999px;width:1px;height:1px;overflow:hidden}.social-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.success{color:#32cba6}.inbox-item{padding:14px 0;border-bottom:1px solid rgba(130,130,150,.25)}.message-body{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:650px){.form-pair{grid-template-columns:1fr}}
/* SAMI V2: polished interactions and accessible admin workspace */
:root{scroll-behavior:smooth}body{overflow-x:hidden}a,button,input,textarea,select{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #55d9d0;outline-offset:3px}.button:hover{transform:translateY(-2px)}.admin-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:24px 0}.admin-toolbar a{border:1px solid rgba(160,155,255,.3);padding:10px 16px;border-radius:12px;text-decoration:none}.admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 28px}.admin-stat{padding:22px;border:1px solid rgba(160,155,255,.25);border-radius:18px;background:linear-gradient(145deg,rgba(127,89,255,.14),rgba(45,211,201,.04))}.admin-stat strong{display:block;font-size:2rem;line-height:1.4}.admin-stat span{opacity:.8}.admin-search{width:100%;max-width:480px;padding:14px;border-radius:12px}.admin-panel[hidden]{display:none!important}@media(max-width:650px){.admin-stats{grid-template-columns:1fr}.admin-toolbar{align-items:stretch;flex-direction:column}.admin-toolbar a{display:block;text-align:center}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* V3: SaaS-style control center */
.admin-v3{max-width:1440px}.admin-v3>.eyebrow{margin-bottom:20px}.admin-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start}.admin-sidebar{position:sticky;top:20px;padding:20px;background:linear-gradient(155deg,rgba(117,86,230,.13),var(--surface) 38%);border:1px solid var(--border);border-radius:22px;display:flex;flex-direction:column;gap:8px}.side-head{display:flex;align-items:center;gap:12px;padding:4px 4px 24px;border-bottom:1px solid var(--border);margin-bottom:12px}.side-head b{font-size:12px;letter-spacing:.08em}.side-head small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.admin-sidebar>a{padding:13px 14px;border-radius:12px;color:var(--muted);font-weight:650;font-size:13px}.admin-sidebar>a:hover,.admin-sidebar>a:focus{background:rgba(139,108,255,.13);color:var(--fg)}.admin-sidebar form{margin-top:18px}.admin-sidebar form .button{width:100%}.admin-main{min-width:0}.admin-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px}.admin-welcome h1{font-size:clamp(30px,3vw,45px);letter-spacing:-1.3px;margin:12px 0}.admin-live{display:flex;align-items:center;gap:12px;border:1px solid rgba(65,220,177,.28);padding:12px 16px;border-radius:100px;white-space:nowrap;color:var(--accent2);font-size:12px}.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.admin-stat{padding:26px;min-height:160px;background:radial-gradient(circle at 100% 0,rgba(128,96,255,.16),transparent 62%),var(--surface);border:1px solid var(--border)}.admin-stat span{font-size:14px;font-weight:700;color:var(--muted)}.admin-stat strong{font-size:48px;letter-spacing:-2px;margin:10px 0}.admin-stat small{font-size:12px;color:var(--muted)}.admin-main .admin-panel{padding:30px;margin:26px 0;border-radius:22px;scroll-margin-top:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.panel-head h2{margin-top:6px}.admin-search{max-width:none!important;margin-bottom:18px!important;background:var(--bg)!important}.project-editor{border:1px solid var(--border);border-radius:14px;margin:12px 0;background:rgba(110,100,150,.035);overflow:hidden}.project-editor[hidden]{display:none}.project-editor>summary{display:flex;align-items:center;gap:15px;padding:18px;list-style:none;cursor:pointer}.project-editor>summary::-webkit-details-marker{display:none}.project-letter{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:13px;background:linear-gradient(140deg,#7850e8,#28c6b4);color:white;font-size:22px;font-weight:800}.project-name{min-width:0;flex:1}.project-name b{display:block;font-size:15px}.project-name small{display:block;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:380px;margin-top:5px}.featured-chip{font-size:11px;color:#b5a0ff;background:rgba(135,95,240,.15);padding:7px 10px;border-radius:100px}.edit-indicator{font-size:12px;color:var(--muted)}.editor-body{padding:24px;border-top:1px solid var(--border)}.image-uploader{margin:25px 0;padding:22px;border:1px dashed var(--border);border-radius:16px}.image-uploader img{max-width:220px;max-height:160px;object-fit:cover;border-radius:12px;display:block;margin:12px 0}.image-uploader h3{font-size:16px}.image-uploader small{color:var(--muted)}.admin-v3 .admin-panel .editor{margin-top:22px}.admin-v3 input[type=file]{max-width:100%}.admin-v3 .admin-panel .button{margin-top:4px}.admin-v3 .admin-panel h2{font-size:25px}.admin-v3 .inbox-item summary{padding:12px 0}.admin-v3 .inbox-item small{color:var(--muted)}@media(max-width:1000px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static;display:flex;flex-direction:row;flex-wrap:wrap}.side-head{width:100%}.admin-sidebar>a{padding:10px}.admin-sidebar form{margin:0 0 0 auto}}@media(max-width:650px){.admin-stats{grid-template-columns:1fr}.admin-welcome{align-items:start;flex-direction:column}.admin-main .admin-panel{padding:20px}.panel-head{flex-direction:column;align-items:start}.project-editor>summary{gap:9px}.featured-chip{display:none}.admin-sidebar{gap:4px}.admin-sidebar>a{font-size:12px}.admin-stat{min-height:125px}.admin-stat strong{font-size:38px}}

.automation-card{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:36px;padding:48px;border:1px solid rgba(141,112,255,.35);border-radius:26px;background:radial-gradient(circle at 90% 20%,rgba(110,69,225,.2),transparent 65%),var(--surface);overflow:hidden}.automation-card h2{font-size:clamp(29px,3.6vw,46px);margin:16px 0}.automation-visual{display:grid;gap:14px;transform:rotate(-4deg)}.automation-visual div{padding:20px 26px;border-radius:15px;background:rgba(12,14,29,.92);border:1px solid rgba(150,128,255,.3);box-shadow:0 15px 35px #0002;color:#ddd8ff;font-size:19px;font-weight:700;direction:ltr}.automation-visual span{color:#49d6b9;margin:0 16px}@media(max-width:750px){.automation-card{grid-template-columns:1fr;padding:25px}.automation-visual{transform:none}.automation-visual div{font-size:15px}}