:root{
  --bg:#02070b;--panel:#071117;--line:#193844;--cyan:#28e7ee;--orange:#ff8413;
  --white:#f5f7f8;--muted:#b9c1c5;--green:#44df8b;--purple:#9f5cff;--pink:#ed4db5
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 50% 0,#071520 0,#02070b 48%,#010304 100%);color:var(--white);font-family:Segoe UI,Arial,sans-serif}
a{text-decoration:none;color:inherit}
.shell{max-width:1220px;margin:auto;background:linear-gradient(180deg,#02070b,#071119);border-left:1px solid #10252d;border-right:1px solid #10252d}
.topbar{margin:12px 25px 18px;padding:14px 18px;border:1px solid #203743;border-radius:9px;display:flex;align-items:center;justify-content:space-between;background:#03090d}
.brand{font-size:18px;font-weight:800}.brand span,footer span{color:var(--cyan)}
nav{display:flex;gap:28px;font-size:13px}nav a{padding:8px 1px}nav .active{color:var(--cyan);border-bottom:2px solid var(--cyan)}
.btn{display:inline-block;padding:14px 22px;border-radius:6px;font-weight:700;font-size:14px}.small{padding:10px 18px}
.solid{background:linear-gradient(180deg,#49f0f4,#18cbd4);color:#031015;box-shadow:0 0 22px rgba(40,231,238,.35)}
.outline{border:1px solid var(--cyan);color:#f4ffff;background:rgba(2,12,16,.72)}
.hero{display:grid;grid-template-columns:42% 58%;min-height:520px;border-top:1px solid #0e2028;margin:0 25px}
.hero-copy{padding:55px 25px 25px}.hero h1{font-size:62px;line-height:1;margin:0 0 12px}.script{font-family:"Comic Sans MS","Segoe Print",cursive;color:var(--orange);font-size:29px;transform:rotate(-3deg);display:inline-block}
.scribble{width:180px;height:5px;background:var(--cyan);transform:rotate(-4deg);margin:6px 0 28px}
.hero p{font-size:17px;line-height:1.65;max-width:490px;color:#eef1f2}.actions{display:flex;gap:18px;margin:24px 0}.status{display:inline-block;color:#68db83;border:1px solid #1f5430;border-radius:4px;padding:7px 10px;font-family:Consolas,monospace}
.hero-image{background:url("assets/hero-workspace.jpg") center/cover no-repeat;min-height:520px}
.featured,.panel,.about,.dumpster{margin:18px 25px;border:1px solid #1b4d57;border-radius:9px;background:linear-gradient(180deg,#071219,#061017)}
.featured{padding:30px 38px;display:grid;grid-template-columns:40% 60%;gap:28px;align-items:center}
.eyebrow{color:var(--cyan);font-size:14px;font-weight:800}.featured h2{font-size:54px;margin:10px 0}.featured h3{color:var(--orange);font-size:20px;margin:0 0 26px}.featured p{line-height:1.65;color:#d7dde0}.featured ul{list-style:none;padding:0;line-height:2}.featured li:before{content:"✓";color:var(--cyan);margin-right:12px}.featured img{width:100%;border:2px solid #8a5cff;border-radius:9px;box-shadow:0 0 25px rgba(143,87,255,.25)}
.panel{padding:22px 10px 14px}.section-head{display:flex;justify-content:space-between;align-items:center;padding:0 20px 14px}.section-head h2{margin:0;font-size:25px}.section-head a{color:var(--cyan);font-weight:700}
.projects{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.project{border-radius:8px;overflow:hidden;background:#071018;border:1px solid}.project .visual{height:155px;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:800}.project .body{padding:18px}.project h3{font-size:18px;margin:0 0 10px}.project p{color:#d2d8db;line-height:1.45;min-height:66px}.meta{display:flex;justify-content:space-between;font-size:13px}.purple{border-color:#7134a1}.purple .visual{background:linear-gradient(#1a0b27,#0c1017);color:#b66cff}.green{border-color:#1f6b4f}.green .visual{background:linear-gradient(#06291e,#0b1516);color:#35e59a}.amber{border-color:#83651a}.amber .visual{background:linear-gradient(#2c2406,#111513);color:#ffb51f}.pink{border-color:#813164}.pink .visual{background:linear-gradient(#2b0c24,#101015);color:#ef4db8}
.about{padding:28px 20px;display:grid;grid-template-columns:190px 1fr 310px;gap:38px;align-items:center}.sam{width:175px;height:230px;object-fit:cover;border:2px solid var(--cyan);border-radius:9px}.about-copy p{line-height:1.7;color:#edf0f1}.badges{display:grid;gap:13px}.badge{border:1px solid;border-radius:7px;padding:15px;display:flex;gap:15px;align-items:center}.badge>span{font-weight:900}.badge small,.badge strong{display:block}.badge small{margin-bottom:5px}.cyan{border-color:#236b75}.cyan span,.cyan small{color:var(--cyan)}.red{border-color:#793037}.red span,.red small{color:#ff4a4a}.blue{border-color:#245c8f}.blue span,.blue small{color:#42b4ff}.greenb{border-color:#2f6e39}.greenb span,.greenb small{color:#6ee16f}
.blogs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blogs article{border:1px solid #31515d;border-radius:7px;padding:22px;background:#071018}.blogs p{color:#d7dde0;min-height:48px}.blogs small{color:#38d2da}
.dumpster{border-color:#d36812;display:grid;grid-template-columns:190px 1fr 210px;gap:20px;align-items:center;padding:15px 24px;background:linear-gradient(90deg,#101316,#0b1116)}.dumpster img{width:175px}.dump-copy h2{font-size:36px;color:var(--orange);margin:0 0 5px}.dump-copy .script{font-size:22px}.dump-copy p{line-height:1.55}.dump-copy strong{color:var(--orange)}.dump-action{text-align:center}.dump-btn{display:block;border:2px solid var(--orange);color:var(--orange);padding:18px;border-radius:7px;font-size:18px;font-weight:800;margin-bottom:10px}.dump-action small{color:#d8c6ae}
footer{border-top:1px solid #1a3038;margin-top:20px;padding:28px 50px;display:grid;grid-template-columns:1fr 1fr 1fr;color:#c9d0d3}footer h3,footer h4{color:white}.copyright{text-align:center;border-top:1px solid #1a3038;padding:14px;color:#8e9aa0}
@media(max-width:900px){
  nav{display:none}.hero{grid-template-columns:1fr}.hero-image{min-height:360px}.featured{grid-template-columns:1fr}.projects{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr;text-align:center}.sam{margin:auto}.dumpster{grid-template-columns:1fr;text-align:center}.dumpster img{margin:auto}.blogs{grid-template-columns:1fr}
}
@media(max-width:600px){.projects{grid-template-columns:1fr}.hero h1{font-size:46px}.topbar{margin:8px}.hero,.featured,.panel,.about,.dumpster{margin-left:10px;margin-right:10px}}