:root{--ink:#221814;--muted:#715f57;--cream:#fffaf2;--paper:#fff;--red:#a52625;--red2:#c5472f;--gold:#e4a72d;--line:#eadfd3;--green:#25785e;--shadow:0 18px 60px #4a25141a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}.shell{background:radial-gradient(circle at 90% 0,#f8d9a9 0,#0000 28%),linear-gradient(#fffaf2 0,#f8f1e7 100%);min-height:100vh}.nav{justify-content:space-between;align-items:center;max-width:1180px;height:72px;margin:auto;padding:0 24px;display:flex}.brand{color:var(--red);font-family:Georgia,serif;font-size:29px;font-weight:700;text-decoration:none}.brand small{letter-spacing:2.3px;color:var(--muted);text-transform:uppercase;font:600 10px Arial;display:block}.navlinks{align-items:center;gap:12px;display:flex}.nav a{text-decoration:none}.button{background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:12px 19px;font-weight:700;text-decoration:none;display:inline-flex}.button.secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.button.ghost{color:var(--red);background:0 0;padding:8px}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:64px;max-width:1180px;margin:auto;padding:68px 24px 84px;display:grid}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--red);font-size:12px;font-weight:800}h1,h2,h3{margin-top:0;font-family:Georgia,serif}h1{max-width:850px;margin:18px 0 26px;font-size:clamp(46px,7vw,84px);line-height:.98}.lead{color:var(--muted);max-width:620px;font-size:18px;line-height:1.7}.hero-card,.card{box-shadow:var(--shadow);background:#ffffffe0;border:1px solid #e4a72d47;border-radius:24px}.hero-card{padding:34px;transform:rotate(1deg)}.hero-card .stat{border-bottom:1px solid var(--line);justify-content:space-between;padding:18px 0;display:flex}.hero-card .stat:last-child{border:0}.hero-card strong{color:var(--red);font-size:28px}.section{max-width:1180px;margin:auto;padding:68px 24px}.section-title{margin-bottom:12px;font-size:clamp(34px,5vw,54px)}.grid3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature{padding:28px}.feature .num{color:var(--red);letter-spacing:1.5px;font:700 12px Arial}.feature h3{margin:30px 0 10px;font-size:24px}.feature p,.muted{color:var(--muted);line-height:1.6}.form-wrap{max-width:820px;margin:auto;padding:54px 24px 90px}.form-head{text-align:center;margin-bottom:30px}.form-head h1{margin-bottom:14px;font-size:48px}.form-card{padding:32px}.fields{grid-template-columns:1fr 1fr;gap:20px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field.full{grid-column:1/-1}label{font-size:13px;font-weight:800}.input,select,textarea{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fffdf9;border-radius:12px;outline:none;padding:13px 14px}.input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e4a72d26}textarea{resize:vertical;min-height:110px}.terms{color:var(--muted);background:#fbf4e9;border-radius:14px;padding:17px;font-size:13px;line-height:1.6}.alert{border-radius:12px;margin:14px 0;padding:14px 16px;font-size:14px}.alert.error{color:#84211f;background:#fde9e7}.alert.success{color:#155a43;background:#e5f6ef}.admin{background:#f8f4ee;grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#2a1b17;padding:28px 20px}.sidebar .brand{color:#ffd89c}.side-links{gap:7px;margin-top:42px;display:grid}.side-links a{color:#e9dcd6;border-radius:10px;padding:11px 12px;text-decoration:none}.side-links a.active{color:#fff;background:#49302a}.admin-main{padding:36px;overflow:hidden}.topline{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.topline h1{margin:0;font-size:40px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.stat-card{padding:20px}.stat-card span{color:var(--muted);font-size:13px}.stat-card strong{margin-top:7px;font:700 34px Georgia;display:block}.table-card{overflow:hidden}.toolbar{border-bottom:1px solid var(--line);gap:12px;padding:18px;display:flex}.toolbar .input{max-width:360px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:800px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:14px 18px;font-size:13px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-size:11px}.pill{text-transform:capitalize;background:#f3ece5;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex}.pill.accepted{color:#176149;background:#def2e9}.pill.rejected{color:#822723;background:#f8dfdd}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login .card{width:100%;max-width:430px;padding:36px}.login h1{font-size:40px}.stack{gap:17px;display:grid}.footer{text-align:center;color:var(--muted);padding:30px;font-size:12px}@media (max-width:800px){.hero{grid-template-columns:1fr;padding-top:42px}.hero-card{display:none}.grid3,.stats{grid-template-columns:1fr 1fr}.admin{grid-template-columns:1fr}.sidebar{display:none}.admin-main{padding:20px}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.navlinks .hide-mobile{display:none}}@media (max-width:520px){.grid3,.stats{grid-template-columns:1fr}.form-card{padding:22px}.form-head h1{font-size:38px}.nav{padding:0 18px}.admin-main{padding:16px}.topline h1{font-size:32px}}
.brand{align-items:center;gap:11px;line-height:1;display:inline-flex}.brand:before{content:"";filter:drop-shadow(0 3px 7px #531d2b29);background:url(https://raw.githubusercontent.com/sandipanchaudhuri-dev/spondon-saas/main/public/spondon-sharod-somman-2026.png) 50%/contain no-repeat;border-radius:50%;flex:0 0 54px;width:54px;height:54px}.sidebar .brand:before{flex-basis:58px;width:58px;height:58px}@media (max-width:800px){.admin .sidebar{align-items:center;min-height:76px;padding:9px 18px;display:flex}.admin .side-links{display:none}.admin .sidebar .brand:before{flex-basis:54px;width:54px;height:54px}}@media (max-width:520px){.brand{gap:8px;font-size:22px}.brand:before{flex-basis:46px;width:46px;height:46px}.brand small{letter-spacing:1.2px;font-size:7px}}
.shell{background:radial-gradient(circle at 8% 5%,#ffd39d7a,#0000 27rem),radial-gradient(circle at 95% 12%,#f2869c3d,#0000 30rem),linear-gradient(150deg,#fffaf4 0%,#fff5e8 48%,#f8eadf 100%)}.nav{z-index:10;height:88px;position:relative}.hero{isolation:isolate;grid-template-columns:minmax(0,1.12fr) minmax(340px,.72fr);gap:clamp(42px,7vw,96px);min-height:calc(100vh - 88px);padding-top:clamp(64px,9vh,110px);padding-bottom:clamp(88px,12vh,150px);position:relative}.hero:before{content:"";z-index:-2;aspect-ratio:1;opacity:.16;filter:saturate(.8);background:linear-gradient(#fffaf447,#fffaf447),url(https://raw.githubusercontent.com/sandipanchaudhuri-dev/spondon-saas/main/public/spondon-sharod-somman-2026.png) 50%/cover no-repeat;border-radius:50%;width:min(48vw,680px);position:absolute;top:-9%;right:-15%;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 72%);mask-image:radial-gradient(circle,#000 40%,#0000 72%)}.hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#a526256b,#e4a72d80,#0000);height:1px;position:absolute;inset:auto 10% 7% 3%}.hero>div:first-child{position:relative}.hero>div:first-child:before{content:"SHAROD SOMMAN · 2026";color:#85302e;letter-spacing:2.2px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff9e;border:1px solid #a526252e;border-radius:999px;margin-bottom:24px;padding:8px 13px;font:800 10px/1 Arial,sans-serif;display:inline-flex;box-shadow:0 8px 30px #602a1b0f}.hero .eyebrow{color:#a33a35;letter-spacing:2.7px;max-width:660px}.hero h1{letter-spacing:-.055em;text-wrap:balance;color:#24150f;text-shadow:0 2px #ffffffd9;max-width:760px;margin:22px 0 28px;font-size:clamp(56px,7.2vw,106px);line-height:.88}.hero h1:after{content:"";background:linear-gradient(90deg,#a52625,#e05239 55%,#e4a72d);border-radius:10px;width:112px;height:7px;margin-top:27px;display:block;box-shadow:0 7px 22px #a5262533}.hero .lead{color:#66534b;max-width:650px;font-size:clamp(17px,1.45vw,21px);line-height:1.72}.hero .button{min-height:50px;padding-inline:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 14px 30px #a526252e}.hero .button:hover{transform:translateY(-2px);box-shadow:0 18px 34px #a526253d}.hero .button.secondary{box-shadow:0 12px 28px #44261a12}.hero-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffffeb,#fff9f1ba);border:1px solid #ffffffb8;border-radius:34px;padding:42px 36px 30px;position:relative;overflow:hidden;transform:rotate(1.4deg);box-shadow:0 38px 90px #4c231b26,inset 0 1px #ffffffe6}.hero-card:before{content:"";background:radial-gradient(circle,#e4a72d5c,#ef6c591f 54%,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-76px;right:-66px}.hero-card:after{content:"SPONDON";color:#a5262509;letter-spacing:-4px;font:900 58px/1 Georgia,serif;position:absolute;bottom:-8px;right:-6px}.hero-card .eyebrow{color:#9e322e;margin-bottom:15px}.hero-card .stat{z-index:1;padding:22px 0;position:relative}.hero-card .stat span{color:#655149;letter-spacing:.2px;max-width:52%;font-size:13px}.hero-card strong{color:#9f2e2d;letter-spacing:-.04em;font-size:clamp(27px,2.4vw,36px)}@media (max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:58px}.hero:before{opacity:.11;width:620px;top:-5%;right:-45%}.hero-card{max-width:620px;display:block;transform:none}}@media (max-width:600px){.nav{height:76px}.hero{gap:42px;padding:42px 18px 76px}.hero>div:first-child:before{margin-bottom:18px}.hero h1{font-size:clamp(52px,15vw,72px);line-height:.92}.hero h1:after{width:82px;height:6px;margin-top:23px}.hero .lead{font-size:16px;line-height:1.65}.hero-card{border-radius:26px;padding:30px 24px 22px}.hero-card strong{font-size:28px}}