:root{
  --green:#087a3d;--green2:#0aa35b;--dark:#071327;--yellow:#f5b400;--orange:#f2a000;
  --muted:#637083;--line:#e5edf0;--bg:#f8fbf9;--soft:#edf8f1;--white:#fff;
  --shadow:0 18px 45px rgba(8,36,20,.08);
}
*{box-sizing:border-box}
html,body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--dark)}
a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
button,input,select{font-family:inherit}
.public-page{background:#fff;min-height:100vh}
.public-nav{height:78px;display:flex;align-items:center;gap:34px;padding:0 56px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}
.logo{display:flex;align-items:center;gap:10px;min-width:155px}
.logo img{width:115px;height:auto;object-fit:contain}
.nav-links{display:flex;align-items:center;gap:34px;font-weight:700;color:#1e293b;flex:1}
.nav-links a.active{color:var(--green)}
.nav-actions{display:flex;align-items:center;gap:18px}
.nav-icon{font-size:24px;color:#162033;position:relative}
.nav-dot{position:absolute;right:-1px;top:0;width:8px;height:8px;background:red;border-radius:50%}
.btn{border:0;border-radius:12px;padding:14px 22px;font-weight:900;display:inline-flex;align-items:center;gap:9px;cursor:pointer;transition:.18s}
.btn:hover{transform:translateY(-1px)}
.btn-green{background:var(--green);color:#fff}.btn-outline{background:#fff;color:var(--green);border:1.5px solid var(--green)}.btn-yellow{background:var(--yellow);color:#fff}
.public-hero{position:relative;overflow:hidden;padding:42px 68px 94px;background:linear-gradient(180deg,#fff 0%,#fff 75%,#087a3d 75%,#087a3d 100%)}
.public-hero:after{content:"";position:absolute;right:-120px;bottom:0;width:420px;height:200px;background:var(--yellow);border-radius:55% 0 0 0;z-index:0}
.hero-inner{position:relative;z-index:1;max-width:1480px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.eyebrow{color:var(--green);font-weight:900;margin-bottom:14px}
.hero-title{font-size:58px;line-height:1.08;letter-spacing:-.05em;margin:0 0 18px}
.hero-title .green{color:var(--green)}.hero-title .yellow{color:var(--yellow)}
.hero-text{font-size:19px;line-height:1.7;color:#4b5b70;max-width:640px;margin:0 0 24px}
.search-box{display:flex;align-items:center;max-width:650px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 40px rgba(15,23,42,.08);height:64px;overflow:hidden}
.search-box input{flex:1;border:0;outline:0;padding:0 18px;font-size:15px}.search-box .pos{border-left:1px solid var(--line);padding:0 20px;color:#64748b;white-space:nowrap}.search-submit{width:58px;height:58px;border:0;border-radius:13px;background:var(--green);color:#fff;font-size:22px;margin-right:3px}
.chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px;color:#64748b}.chip{background:#eff8f2;border:1px solid #dceee4;color:var(--green);border-radius:10px;padding:9px 16px;font-weight:700;font-size:13px}
.hero-collage{display:grid;grid-template-columns:1fr 1fr;gap:16px;position:relative}
.collage-img{height:180px;border-radius:18px;object-fit:cover;width:100%;box-shadow:0 12px 35px rgba(0,0,0,.08)}
.collage-img.tall{height:200px}
.float-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:20px;box-shadow:0 20px 55px rgba(15,23,42,.18);padding:28px 26px;text-align:center;width:205px;font-weight:900;line-height:1.35}
.float-card .bubble{width:52px;height:52px;border-radius:15px;background:#edf8f1;margin:0 auto 12px;display:grid;place-items:center;color:var(--green);font-size:28px}
.categories-wrap{position:relative;z-index:3;margin:-58px auto 0;max-width:1400px;padding:0 52px}
.categories{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:22px;display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
.category{text-align:center;padding:8px;border-radius:16px;font-weight:800;color:#132033}.category:hover,.category.last{background:#eef8f2;color:var(--green)}
.category-icon{width:54px;height:54px;background:#eff8f2;border-radius:15px;display:grid;place-items:center;margin:0 auto 10px;color:var(--green);font-size:28px}
.stats{max-width:1400px;margin:28px auto 0;padding:0 52px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.stat{display:flex;align-items:center;gap:18px;padding:22px 34px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat-icon{width:58px;height:58px;border-radius:50%;background:#eff8f2;display:grid;place-items:center;font-size:26px;color:var(--green)}.stat strong{display:block;color:var(--green);font-size:24px}.stat span{color:#64748b}
.univers{max-width:1400px;margin:34px auto 0;padding:0 52px 44px;text-align:center}.univers small{color:var(--green);font-weight:900}.univers h2{font-size:28px;margin:8px 0 22px}
.universe-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:left}.universe-card{background:#f1faf4;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:210px}.universe-card.patron{background:#fff5df}.universe-content{padding:34px}.universe-content small{color:var(--green)}.patron .universe-content small{color:#e99b00}.universe-content h3{font-size:28px;color:var(--green);margin:8px 0}.patron .universe-content h3{color:#111827}.universe-content p{color:#64748b;line-height:1.6}.universe-img{height:230px;width:100%;object-fit:cover;border-radius:100px 0 0 100px}

/* Dashboard/admin shell */
.app-shell{display:flex;min-height:100vh}.sidebar{width:278px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:18px 16px;display:flex;flex-direction:column;z-index:30;transition:.25s;box-shadow:4px 0 25px rgba(15,23,42,.04)}.sidebar.collapsed{width:86px}.side-logo img{width:118px}.sidebar.collapsed .label,.sidebar.collapsed .section-title,.sidebar.collapsed .side-user-meta{display:none}.section-title{margin:20px 10px 8px;font-size:11px;color:#94a3b8;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.side-link{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 13px;border-radius:14px;color:#334155;font-weight:800;white-space:nowrap;overflow:hidden}.side-link.active,.side-link:hover{background:#eaf7ef;color:var(--green)}.side-footer{margin-top:auto;border:1px solid var(--line);border-radius:18px;padding:12px}.avatar{width:38px;height:38px;border-radius:50%;background:#eaf7ef;color:var(--green);display:grid;place-items:center;font-weight:900}.side-user{display:flex;gap:10px;align-items:center}.side-user-meta strong{font-size:13px}.side-user-meta span{display:block;font-size:12px;color:#64748b}.main{margin-left:278px;width:calc(100% - 278px);transition:.25s}.main.expanded{margin-left:86px;width:calc(100% - 86px)}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 28px;position:sticky;top:0;z-index:20}.hamburger{width:42px;height:42px;border:0;border-radius:13px;background:#f1f5f9;cursor:pointer;font-size:22px}.top-search{flex:1;max-width:560px;height:46px;border:1px solid var(--line);border-radius:16px;padding:0 18px}.page{padding:28px}.dash-hero{background:linear-gradient(135deg,#fff,#f0faf4);border:1px solid #dcefe4;border-radius:26px;padding:42px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.dash-hero h1{font-size:46px;line-height:1.08;margin:0 0 18px}.dash-hero p{color:#64748b;font-size:17px;line-height:1.6}.dash-hero img{border-radius:22px;height:250px;width:100%;object-fit:cover}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 14px 35px rgba(15,23,42,.05)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:18px}.kpi{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;align-items:center;gap:15px}.kpi-icon{width:54px;height:54px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:23px}.kpi strong{display:block;font-size:24px}.kpi span{color:#64748b;font-size:13px}
.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-left{padding:60px 76px;display:flex;flex-direction:column;justify-content:center}.auth-left img{width:130px;margin-bottom:28px}.auth-left h1{font-size:42px;margin:0 0 16px}.auth-left p{color:#64748b}.auth-card{max-width:470px;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow);margin-top:24px}.field{margin-bottom:16px}.field label{font-size:13px;font-weight:900;color:#334155;display:block;margin-bottom:7px}.field input,.field select{width:100%;height:50px;border:1px solid var(--line);border-radius:14px;padding:0 14px}.auth-right{background:linear-gradient(135deg,#064626,#087a3d);display:grid;place-items:center;padding:55px}.auth-right img{border-radius:28px;box-shadow:var(--shadow);max-height:560px;object-fit:cover}
@media(max-width:1100px){.hero-inner,.dash-hero,.auth-wrap{grid-template-columns:1fr}.auth-right{display:none}.categories{grid-template-columns:repeat(4,1fr)}.stats,.kpis{grid-template-columns:repeat(2,1fr)}.universe-grid,.cards{grid-template-columns:1fr}}
@media(max-width:760px){.public-nav{padding:0 18px}.nav-links{display:none}.public-hero{padding:30px 20px 80px}.hero-title{font-size:38px}.hero-inner{gap:28px}.categories-wrap,.stats,.univers{padding-left:18px;padding-right:18px}.categories{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}.universe-card{grid-template-columns:1fr}.sidebar{transform:translateX(-105%)}.sidebar.open{transform:translateX(0)}.main,.main.expanded{margin-left:0;width:100%}.dash-hero h1{font-size:34px}.cards,.kpis{grid-template-columns:1fr}}