@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#070a15;--surface:#10162a;--surface2:#151d35;--line:#29324c;--text:#f5f6ff;--muted:#9ca9c7;--cyan:#51e5dc;--violet:#a38cff;--purple:#7054ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'Cairo',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}.ambient{position:absolute;pointer-events:none;filter:blur(95px);opacity:.24;border-radius:50%;z-index:-1}.a1{width:540px;height:540px;background:#5530bd;top:20px;right:10%}.a2{width:460px;height:460px;background:#008f9e;top:350px;left:-200px}.nav{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10}.brand{display:flex;align-items:center;gap:12px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:20px;letter-spacing:-.8px;direction:ltr}.brand-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#a27dff,#46e4da);font-size:25px}.accent{color:var(--cyan)}.nav nav,.nav-actions{display:flex;gap:30px;align-items:center}.nav nav a{font-size:14px;color:#b7c1d8}.nav nav a:hover{color:#fff}.nav-actions{gap:12px}.lang,.outline{border:1px solid #3a4361;background:#11182c;color:#fff;border-radius:12px}.lang{padding:10px 14px;font-family:'Space Grotesk'}.small{padding:9px 17px;font-size:12px}.hero{min-height:700px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:40px;padding:65px 0 110px}.eyebrow{display:inline-flex;align-items:center;gap:12px;padding:9px 16px;border:1px solid #554b8d;border-radius:40px;background:#241b43a3;color:#d6c8ff;font-size:12px;font-weight:700}.live{height:9px;width:9px;background:var(--cyan);border-radius:50%;box-shadow:0 0 15px var(--cyan)}.overline,.section-kicker{font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:2.5px;color:var(--cyan);font-weight:700;margin:24px 0}.hero h1{font-size:clamp(43px,5vw,79px);line-height:1.37;letter-spacing:-2px;font-weight:900;margin:12px 0 24px}.hero h1 em,h2 em{font-style:normal;background:linear-gradient(100deg,#9e8aff,#56e3dc);color:transparent;background-clip:text}.lead{color:#aab5d0;line-height:2.1;font-size:16px;max-width:570px}.hero-buttons{display:flex;gap:14px;margin-top:35px}.btn{display:inline-flex;justify-content:center;align-items:center;border-radius:13px;padding:13px 26px;font-size:14px;font-weight:800;border:1px solid transparent;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px)}.primary{background:linear-gradient(115deg,#7961f5,#9d77f5);color:white;box-shadow:0 15px 45px #7155f42d}.btn.outline{background:#131a30;border-color:#303b58}.hero-metrics{display:flex;gap:48px;margin-top:55px}.hero-metrics div{display:flex;flex-direction:column}.hero-metrics strong{font-family:'Space Grotesk';font-size:27px}.hero-metrics small{color:var(--muted);font-size:11px}.hero-art{height:460px;position:relative;display:grid;place-items:center;perspective:900px}.orbit{position:absolute;border:1px solid #54489154;border-radius:50%;width:500px;height:500px;transform:rotateX(65deg) rotate(-20deg)}.orbit-two{width:370px;height:370px;border-color:#45c7d24d}.glass{background:linear-gradient(150deg,#1c2542f5,#0b1022f5);border:1px solid #6470a25c;box-shadow:0 45px 110px #0009,0 0 90px #5d42cc22;backdrop-filter:blur(18px)}.main-glass{width:min(100%,490px);border-radius:19px;transform:rotateY(-10deg) rotateX(3deg) rotateZ(-3deg);animation:float 7s ease-in-out infinite;z-index:2}.window-top{padding:18px 20px;border-bottom:1px solid #ffffff15;display:flex;justify-content:space-between;align-items:center;font-family:'Space Grotesk';font-size:11px;color:#a5b0d1}.dots{display:flex;gap:6px}.dots i{width:7px;height:7px;border-radius:50%;background:#f17a87}.dots i:nth-child(2){background:#f1c574}.dots i:nth-child(3){background:#58d6b5}.online{color:var(--cyan)}.code{direction:ltr;text-align:left;padding:35px 28px 45px;font-family:monospace;font-size:15px;line-height:2;color:#e5e9ff}.muted{color:#7987ac}.violet{color:#bda7ff}.cyan{color:#5ae3d8}.orange{color:#ffcc8b}.glass-footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff14;padding:16px 22px;font:10px 'Space Grotesk';color:var(--cyan)}.floating{position:absolute;background:#222640;border:1px solid #585c8e;border-radius:13px;padding:13px 18px;box-shadow:0 20px 40px #0006;font:700 11px 'Space Grotesk';z-index:3;white-space:nowrap}.chip1{top:13%;right:-5%}.chip2{bottom:11%;left:-8%}.chip3{bottom:18%;right:-8%}@keyframes float{50%{transform:rotateY(-10deg) rotateX(3deg) rotateZ(-3deg) translateY(-15px)}}.strip{border-block:1px solid #ffffff12;background:#0d1222}.strip-inner{display:flex;justify-content:space-between;gap:25px;overflow:hidden;padding:24px 0;font:700 12px 'Space Grotesk';letter-spacing:1px;color:#7f8ba8}.section{padding-top:125px;padding-bottom:30px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-kicker{margin:0 0 20px}.section h2{font-size:clamp(30px,3.6vw,53px);line-height:1.5;max-width:690px;font-weight:900}.section-head>p{max-width:310px;color:var(--muted);line-height:1.9;font-size:14px}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.project-card{border:1px solid #303b58;background:linear-gradient(155deg,#151c31,#0d1324);border-radius:21px;overflow:hidden;transition:transform .25s,border-color .25s}.project-card:hover{transform:translateY(-8px);border-color:#8273cf}.project-visual{height:245px;position:relative;background:radial-gradient(circle at 50% 35%,#343270,#121a32 68%);overflow:hidden}.project-visual img{width:100%;height:100%;object-fit:cover}.placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#a99cff}.placeholder span{font-size:82px;text-shadow:0 0 50px #8972fa}.placeholder small{font:700 12px 'Space Grotesk';letter-spacing:3px}.category{position:absolute;bottom:14px;right:14px;padding:7px 12px;border-radius:9px;background:#0c1027cb;border:1px solid #7778ac6b;font:700 10px 'Space Grotesk'}.project-info{padding:24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.project-info h3{font-size:18px;margin:0 0 7px}.project-info p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.project-link{display:grid;place-items:center;flex-shrink:0;border:1px solid #414969;width:39px;height:39px;border-radius:12px;color:var(--cyan)}.about{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:85px}.about-card{height:380px;border:1px solid #494a79;border-radius:26px;background:radial-gradient(circle at 50% 50%,#4d328e,#151b33 65%);display:grid;place-items:center;position:relative;overflow:hidden}.giant{font:700 200px 'Space Grotesk';letter-spacing:-15px;text-shadow:0 20px 80px #0008}.giant span{color:var(--cyan)}.about-badge{position:absolute;bottom:22px;left:25px;right:25px;display:flex;justify-content:space-between;font:700 13px 'Space Grotesk';color:#d3dcf6}.about-badge span{color:var(--cyan)}.about-text{color:var(--muted);line-height:2.3;font-size:15px}.skill-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}.skill-tags span{border:1px solid #3c4466;background:#151b30;border-radius:10px;padding:8px 13px;color:#c7d0e8;font:600 11px 'Space Grotesk'}.contact-panel{background:radial-gradient(circle at 90% 0,#42317a,#151a31 65%);border:1px solid #51477e;border-radius:28px;padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-panel p:not(.section-kicker){color:var(--muted);line-height:2}.contact-form,.create-form{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}input:not([type=checkbox]):not([type=file]),textarea{width:100%;border:1px solid #35405c;border-radius:11px;background:#0b1122;color:#fff;padding:14px 16px;outline:none;resize:vertical}input:focus,textarea:focus{border-color:#8c79f7}.contact-form .btn{justify-self:start}.success{color:var(--cyan)!important}.footer{display:flex;justify-content:space-between;gap:20px;padding:65px 0 35px;color:#8996b5;font:600 11px 'Space Grotesk';border-top:1px solid #ffffff14;margin-top:100px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .6s,transform .6s}.revealed{opacity:1;transform:translateY(0)}
/* CMS */.admin-body{background:#090d19}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 10%,#312058,#090d19 55%)}.login-box{width:min(440px,100%);background:#131a2c;border:1px solid #394363;border-radius:25px;padding:42px;box-shadow:0 35px 100px #0007}.login-symbol{font:700 50px 'Space Grotesk';color:var(--cyan)}.login-box h1{font-size:30px;margin-bottom:0}.subdued{color:var(--muted);font-size:13px;line-height:1.9}.login-box form{display:grid;gap:20px;margin:30px 0}.login-box label,.create-form label,.edit-form label{display:grid;gap:8px;font-size:12px;color:#b6c3de;font-weight:700}.full{width:100%}.back{font-size:12px;color:var(--muted)}.error{color:#ff929b;background:#682d3a4d;padding:10px;border-radius:9px}.dashboard{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{border-left:1px solid #28314b;background:#101629;padding:30px 19px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.sidebar .brand{margin:0 0 55px;font-size:19px}.sidebar-caption{font:700 10px 'Space Grotesk';letter-spacing:2px;color:#7786ab;margin:0 15px 18px}.side-link{display:block;width:100%;text-align:right;border:0;background:none;color:#aab7d3;padding:13px 15px;border-radius:12px;font-size:13px;font-weight:700;margin:3px 0}.side-link:hover,.side-link.active{background:#27234a;color:#cfc2ff}.side-bottom{margin-top:auto}.logout{cursor:pointer}.dash-main{padding:42px min(5vw,75px);min-width:0}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:20px}.dash-header h1{font-size:36px;margin-bottom:3px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:35px}.stat{padding:23px;background:linear-gradient(140deg,#19223a,#11192d);border:1px solid #303b59;border-radius:18px;display:flex;flex-direction:column;gap:8px}.stat>span{color:var(--violet);font-size:21px}.stat strong{font:700 34px 'Space Grotesk'}.stat small{color:var(--muted);font-size:12px}.stat .status-text{color:var(--cyan);font-size:20px}.dash-panel{background:#121a2d;border:1px solid #303b57;border-radius:21px;padding:30px;margin:26px 0;scroll-margin-top:25px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.panel-heading h2{margin:0;font-size:22px}.panel-heading .section-kicker{margin-bottom:8px}.count{background:#28254d;border:1px solid #53468b;color:#c8b7ff;border-radius:20px;padding:7px 13px;font-size:11px}.project-row{border-top:1px solid #2c3650}.project-row summary{list-style:none;display:flex;align-items:center;gap:16px;padding:16px 4px;cursor:pointer}.project-row summary::-webkit-details-marker{display:none}.project-thumb{height:53px;width:65px;flex-shrink:0;display:grid;place-items:center;background:#292850;border-radius:10px;color:#b8a5ff;font-size:24px;overflow:hidden}.project-thumb img{width:100%;height:100%;object-fit:cover}.project-meta{display:grid;gap:4px}.project-meta strong{font-size:13px}.project-meta small{color:var(--muted);font-size:11px}.edit-label{margin-right:auto;color:var(--violet);font-size:12px}.edit-form{padding:18px;background:#0d1425;border-radius:12px;margin-bottom:15px}.edit-form form:first-child{display:grid;gap:15px}.edit-form .btn{justify-self:start}.edit-form .delete{border:1px solid #823a4d;color:#ff9baa;background:#4b1d2d;padding:9px 16px;border-radius:10px;margin-top:12px}.create-form .btn{justify-self:start}.upload-box{border:1px dashed #6a62a5;border-radius:16px;padding:30px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#1b1b39;cursor:pointer}.upload-icon{font-size:40px;color:var(--cyan)}.upload-box small{color:var(--muted)}.upload-box input{max-width:260px;font-size:12px}.upload-box img{width:min(100%,350px);max-height:180px;object-fit:contain;border-radius:10px;margin-top:12px}.check{display:flex!important;align-items:center;gap:10px}.check input{accent-color:#8066ee}.message{border-top:1px solid #2b3550;padding:18px 0}.message div{display:flex;justify-content:space-between;gap:15px}.message small{color:var(--muted);font-size:11px}.message p{color:#c3cce0;font-size:13px;line-height:1.9;margin:8px 0}.dash-foot{text-align:center;font:600 11px 'Space Grotesk';color:#657495;padding:20px}
@media(max-width:1000px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{height:390px}.projects{grid-template-columns:repeat(2,1fr)}.about{gap:30px}.dashboard{grid-template-columns:200px 1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.wrap{width:calc(100% - 36px)}.nav{height:75px}.brand{font-size:15px}.brand-icon{width:35px;height:35px;font-size:20px}.nav nav{display:none}.nav-actions .small{display:none}.hero{padding:55px 0}.hero h1{font-size:43px}.hero-art{height:320px}.main-glass{width:92%}.code{font-size:11px;padding:20px}.floating{font-size:9px;padding:8px}.chip1{right:0}.chip2{left:0}.chip3{right:0}.hero-metrics{gap:28px}.strip-inner{justify-content:flex-start;overflow-x:auto}.section{padding-top:75px}.section-head{display:block}.projects,.about,.contact-panel,.form-grid{grid-template-columns:1fr}.about{gap:35px}.contact-panel{padding:25px;gap:18px}.footer{flex-wrap:wrap}.dashboard{display:block}.sidebar{position:relative;height:auto;padding:15px;display:flex;flex-direction:row;flex-wrap:wrap;gap:6px}.sidebar .brand{width:100%;margin:0 0 8px}.sidebar-caption,.side-bottom{display:none}.side-link{width:auto;font-size:11px;padding:8px}.dash-main{padding:25px 16px}.dash-header h1{font-size:27px}.stats{gap:10px}.stat{padding:15px}.dash-panel{padding:17px}.message div{flex-direction:column}}

/* V6 visual refinement */
:root{--bg:#080d19;--surface:#121b30;--surface2:#19233b;--line:#303e59;--text:#f4f7ff;--muted:#aab8d0;--cyan:#6ae6df;--violet:#b6a2ff;--purple:#7861e9}
body{background-image:radial-gradient(ellipse at 70% 5%,#30205944,transparent 38%),radial-gradient(ellipse at 15% 38%,#0d5d6a22,transparent 36%)}
.nav{backdrop-filter:blur(14px)}.hero h1{font-size:clamp(40px,4.4vw,70px);line-height:1.45;overflow-wrap:anywhere}.hero-content{min-width:0}.hero-art{min-width:0}.hero .lead{font-size:clamp(14px,1.15vw,17px)}.project-card{box-shadow:0 12px 38px #0003}.project-card:hover{box-shadow:0 26px 65px #0007}.btn,.side-link,.project-card,.project-link{transition:all .24s ease}.btn:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.social-links{display:flex;gap:18px;flex-wrap:wrap}.social-links a:hover{color:var(--cyan)}
.admin-body{background:#0b1120;background-image:radial-gradient(ellipse at 85% 0%,#34275c44,transparent 38%)}.sidebar{background:linear-gradient(180deg,#141d32,#0d1424);border-left:1px solid #36435c}.dash-panel,.stat{box-shadow:0 15px 50px #0002;backdrop-filter:blur(10px)}.dash-panel{background:linear-gradient(150deg,#162039,#10182a);border-color:#34415d}.stat{background:linear-gradient(145deg,#202c47,#11192d);border-color:#384761}.side-link.active{background:linear-gradient(90deg,#51408a88,#252c4a);color:#e4ddff;border:1px solid #7867c766}.side-link:hover{transform:translateX(-2px)}.upload-box{background:linear-gradient(140deg,#242444,#151d36);border:2px dashed #7d70b6;min-height:150px}.upload-box:hover,.upload-box:focus-within{border-color:var(--cyan);background:#232c49}.upload-box input[type=file]{max-width:100%;width:100%;padding:10px;color:#d7e5f8}.upload-box input[type=file]::file-selector-button{background:linear-gradient(110deg,#8b70fa,#49cbd5);color:#061122;border:0;border-radius:10px;padding:10px 15px;font-weight:800;cursor:pointer;margin-left:14px}.upload-box .file-preview{display:block;width:min(100%,400px);max-height:240px;object-fit:contain;margin:8px auto;border-radius:13px}.upload-box .file-preview[hidden]{display:none}.message .delete{background:transparent;color:#f4a5b6;border:1px solid #72435b;border-radius:9px;padding:7px 12px}.message .delete:hover{background:#4b2439}.project-row[open]{background:#ffffff04}.project-row summary:hover{background:#ffffff04}.project-row .edit-form{border:1px solid #33405d}.dash-header .btn{white-space:nowrap}
@media(max-width:900px){.hero{gap:12px}.hero-art{transform:scale(.95)}.dashboard{grid-template-columns:210px 1fr}.dash-main{padding:30px 24px}}
@media(max-width:680px){.hero h1{font-size:clamp(34px,9vw,49px)}.hero-art{transform:none}.sidebar{position:relative;height:auto}.sidebar .side-bottom{display:flex;gap:5px;margin:0}.sidebar .side-bottom .side-link{display:block}.sidebar .side-bottom form{display:none}.dash-header{align-items:flex-start}.dash-header .btn{font-size:11px;padding:10px}.dash-panel{border-radius:16px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-panel{padding:22px}.hero-metrics{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* V6.1: restrained teal identity, fluid layouts, accessible controls. */
:root{--bg:#0c1318;--surface:#142027;--surface2:#1b2a31;--line:#30434b;--text:#eef5f3;--muted:#abbcbe;--cyan:#8ae0ca;--violet:#8ae0ca;--purple:#397866}
body{background:#0c1318;background-image:radial-gradient(ellipse at 20% 5%,#17352d55,transparent 45%);line-height:1.7}
[hidden]{display:none!important}img{max-width:100%}a,button,input,textarea,summary{touch-action:manipulation}button,a,input,textarea{overflow-wrap:anywhere}.ambient{display:none}.wrap{width:min(1200px,calc(100% - 64px))}.brand-icon{background:#8ae0ca;color:#10251f;border-radius:12px}.nav{height:88px}.nav nav a{color:#c2d0d0}.primary{background:#8ae0ca;color:#10251f;box-shadow:none}.btn.outline,.lang,.outline{background:transparent;border-color:#486058}.btn:hover{box-shadow:none;transform:translateY(-2px)}.hero{min-height:670px;gap:70px;padding:80px 0 100px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:clamp(36px,4.3vw,64px);line-height:1.45;letter-spacing:-1.4px}.eyebrow{background:#183028;border-color:#345247;color:#bce8d9;font-weight:500}.overline{font-size:10px;line-height:1.8;letter-spacing:1.5px}.lead{color:var(--muted)}.hero-art{height:auto;transform:none;perspective:none}.workflow-board{width:100%;padding:27px;border:1px solid #3b544b;background:linear-gradient(140deg,#1b2b2a,#101c21);border-radius:22px;box-shadow:0 30px 80px #0004}.board-top{display:flex;justify-content:space-between;align-items:center;direction:ltr;font:10px monospace;letter-spacing:1.8px;color:#a5bdb6}.board-dot{width:8px;height:8px;background:var(--cyan);border-radius:50%}.board-title{font-size:22px;margin:25px 0}.workflow-step{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid #344b46;border-radius:12px;background:#142025}.workflow-step strong{display:block;font-size:14px}.workflow-step small{display:block;color:#a2b8b4;font-size:10px;direction:ltr;text-align:start}.step-icon{font:12px monospace;color:#9fb6ae;border:1px solid #365247;padding:10px;border-radius:8px}.featured-step{background:#25453a;border-color:#648f7d}.featured-step .step-icon{color:#bdeedc}.spark{font-size:25px;color:var(--cyan);margin-inline-start:auto}.workflow-connector{color:#7bb69d;padding-inline-start:34px;line-height:1.7}.board-footer{font-size:11px;color:#8faa9f;margin-top:22px;border-top:1px solid #30473f;padding-top:16px}.strip{background:#121d21;border-color:#293b3a}.strip-inner{flex-wrap:wrap;justify-content:center;color:#acbdb8;font-size:11px;gap:25px 42px;overflow:visible}.section{padding-top:100px}.section h2{font-size:clamp(28px,3.2vw,45px)}h2 em{background:none;color:var(--cyan)}.project-card{background:#142026;border-color:#35463f;box-shadow:none;border-radius:16px}.project-card:hover{border-color:#7caa98;box-shadow:none;transform:translateY(-4px)}.project-visual{height:auto;aspect-ratio:16/10;background:radial-gradient(ellipse at 40% 30%,#355b4b,#172a2b 80%)}.placeholder span{color:#97d9bc;text-shadow:none}.placeholder small{color:#a5caba}.category{background:#10241f;border-color:#567566;color:#dbefe6;max-width:90%;overflow-wrap:anywhere}.project-info{align-items:start}.project-info>div{min-width:0}.project-info h3,.project-info p{overflow-wrap:anywhere}.project-link{border-color:#405c50}.work-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.search-label{display:grid;gap:7px;font-size:12px;color:var(--muted);width:min(100%,360px)}#project-count{color:var(--muted);font-size:12px;white-space:nowrap}.about-card{background:radial-gradient(circle,#2d5142,#142124 70%);border-color:#3c5a4b}.skill-tags span{background:#1a2d29;border-color:#365b49;color:#c3dfd1}.contact-panel{background:#172825;border-color:#39584b;border-radius:20px;gap:35px;padding:40px}.contact-panel h2{font-size:clamp(28px,3vw,40px)}input:not([type=checkbox]):not([type=file]),textarea{background:#0e191e;border-color:#3a5149;min-width:0}.footer{line-height:1.8;flex-wrap:wrap}.skip-link{position:fixed;top:-100px;inset-inline-start:20px;z-index:100;background:var(--cyan);color:#14251d;padding:10px}.skip-link:focus{top:10px}.empty-state{padding:35px;border:1px dashed #4b685a;border-radius:15px;grid-column:1/-1;color:var(--muted)}.admin-body{background:#0c151b}.sidebar{background:#122027;border-color:#31493f}.side-link.active,.side-link:hover{background:#244338;color:#d5f6e5;border-color:#517864;transform:none}.dash-panel,.stat{background:#15232b;border-color:#334a44;box-shadow:none}.stat>span{color:var(--cyan)}.stat .status-text{font-size:18px}.edit-form{background:#101d23!important}.upload-box{background:#172e28;border-color:#517963;text-align:center;min-width:0}.upload-box:hover,.upload-box:focus-within{background:#203b30}.upload-box input[type=file]::file-selector-button{background:var(--cyan)}.project-thumb{background:#284b3a;color:#a4e4c2}.count{background:#274c3b;border-color:#4a755b;color:#b8e9cd}.login-wrap{background:radial-gradient(ellipse at top,#274e39,#0c151b 70%)}.login-box{background:#14232a;border-color:#3b5a49}.save-notice{background:#193f30;border:1px solid #42795c;padding:12px 20px;border-radius:12px}.message p{white-space:pre-wrap;overflow-wrap:anywhere}.message a{overflow-wrap:anywhere}.project-meta{min-width:0}.project-meta strong{overflow-wrap:anywhere}.side-bottom form{margin:0}.dash-main{min-width:0}.form-grid>*{min-width:0}.upload-box input{min-width:0}.login-box{padding:32px}.reveal{opacity:1;transform:none}
@media(max-width:1100px){.hero{gap:30px}.nav nav{gap:18px}.dashboard{grid-template-columns:200px minmax(0,1fr)}.dash-main{padding:30px 24px}.contact-panel{grid-template-columns:1fr}.about{gap:35px}.hero h1{font-size:43px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding:55px 0 65px;gap:40px}.hero-art{height:auto;max-width:550px;width:100%;margin:auto}.hero h1{max-width:700px}.nav nav{gap:15px}.nav-actions .small{display:none}.section{padding-top:70px}.about{grid-template-columns:1fr}.about-visual{display:none}.section-head{display:block}}
@media(max-width:680px){.wrap{width:calc(100% - 32px)}.nav{height:auto;min-height:80px;flex-wrap:wrap;padding:16px 0;gap:15px}.nav nav{display:flex;order:3;width:100%;justify-content:center;border-top:1px solid #2c4138;padding-top:12px}.nav nav a{font-size:13px}.hero h1{font-size:clamp(34px,9vw,48px)}.hero-buttons{flex-wrap:wrap}.btn{padding:12px 19px}.workflow-board{padding:20px}.workflow-step{padding:14px 12px;gap:12px}.workflow-step strong{font-size:12px}.strip-inner{gap:18px 24px}.projects{grid-template-columns:1fr}.contact-panel{padding:24px}.dashboard{display:block}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;padding:16px}.sidebar .brand{width:100%}.sidebar .side-bottom{display:flex;flex-wrap:wrap;width:100%;border-top:1px solid #314a3d;padding-top:6px}.sidebar .side-bottom form{display:block}.side-bottom .side-link{font-size:11px}.dash-main{padding:24px 14px}.dash-panel{padding:18px}.dash-header{flex-wrap:wrap}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.project-row summary{gap:10px}.edit-form{padding:12px}.upload-box{padding:18px 10px}.form-grid{grid-template-columns:1fr}.message small{overflow-wrap:anywhere}.work-toolbar{align-items:center}.footer{margin-top:60px}.hero .lead{font-size:15px}.overline{font-size:9px}}