:root{--bg:#08090b;--surface:#101216;--surface2:#15181d;--surface3:#1b1e24;--line:#292d35;--line-soft:#20242b;--text:#f7f7f8;--muted:#979da8;--primary:#b91c1c;--primary-strong:#ef2b2d;--primary-dark:#7f1d1d;--primary-soft:#ef2b2d18;--lime:var(--primary-strong);--violet:#c04b50;--radius:16px;--shadow:0 24px 80px #000a;--focus:0 0 0 3px #ef2b2d2b;color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 80% -20%,#4d0b0b22,transparent 38%),var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{transition:border-color .18s,background .18s,color .18s,box-shadow .18s,transform .18s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;box-shadow:var(--focus)}
.sidebar{position:fixed;inset:0 auto 0 0;width:260px;padding:22px 16px;border-right:1px solid var(--line);background:linear-gradient(180deg,#0d0f12,#090a0c);display:flex;flex-direction:column;z-index:4;box-shadow:12px 0 40px #0003}.brand{display:flex;align-items:center;gap:11px;font-size:15px;letter-spacing:-.02em;padding:0 7px;font-weight:650}.brand b{color:var(--primary-strong);font-weight:700}.brand-logo{width:40px;height:40px;object-fit:cover;border-radius:11px;border:1px solid #ef2b2d4d;box-shadow:0 0 24px #ef2b2d24}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,var(--primary-strong),var(--primary-dark));color:#fff;font-weight:900;box-shadow:0 8px 24px #b91c1c35}.sidebar nav{display:grid;gap:4px;margin-top:34px}.sidebar nav a,.nav-button{padding:10px 12px;border-radius:9px;color:var(--muted);font-size:13px}.sidebar nav a:hover,.sidebar nav a.active{background:var(--surface2);color:var(--text)}.sidebar form{margin-top:auto}.nav-button{background:none;border:0;width:100%;text-align:left;cursor:pointer}.nav-button:hover{color:var(--primary-strong);background:var(--primary-soft)}
.app-main{margin-left:260px}.topbar{height:72px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:20px;padding:0 4vw;position:sticky;top:0;background:#090a0ddc;backdrop-filter:blur(22px);z-index:3}.search{margin-right:auto;max-width:500px;flex:1;background:#0f1115;border:1px solid var(--line);border-radius:11px;padding:10px 13px;color:var(--muted)}.search:focus-within{border-color:#ef2b2d88;box-shadow:var(--focus)}.search input{width:90%;border:0;outline:0;background:none;color:var(--text);margin-left:8px}.user-chip{font-size:13px;color:var(--muted)}.mobile-menu{display:none}.page{padding:50px 4vw 80px;max-width:1520px;margin:auto}
.hero{min-height:330px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;border:1px solid var(--line);border-radius:22px;padding:clamp(28px,4vw,58px);background:radial-gradient(circle at 82% 40%,#b91c1c26,transparent 30%),linear-gradient(135deg,#160a0c,#101216 52%,#090a0d);box-shadow:inset 0 1px #ffffff08,0 28px 80px #0005}.hero h1{font-size:clamp(42px,5vw,74px);line-height:.98;letter-spacing:-.06em;margin:10px 0 24px;max-width:850px}.hero h1 span{color:#a8adb7}.hero>div>p:last-child{color:var(--muted);max-width:540px;font-size:17px;line-height:1.65}.eyebrow{text-transform:uppercase;letter-spacing:.17em;color:var(--primary-strong);font-size:11px;font-weight:800}.orb{width:220px;height:220px;border-radius:28%;background:url('../brand/guia-premium-3d-icon.png') center/cover;border:1px solid #ef2b2d4d;box-shadow:0 0 65px #b91c1c2f;flex:none}.section-head{display:flex;align-items:end;justify-content:space-between;margin:64px 0 20px}.section-head h2{margin:7px 0 0;font-size:29px}.section-head a{font-size:13px;color:var(--muted)}.section-head a:hover{color:var(--primary-strong)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:linear-gradient(145deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:var(--radius);padding:25px;min-height:205px;box-shadow:inset 0 1px #ffffff08}.card:hover{border-color:#ef2b2d66;transform:translateY(-2px);box-shadow:0 18px 45px #0005}.card h3{font-size:19px;line-height:1.35;max-width:320px;margin:24px 0 34px}.pill{font-size:11px;color:#ff7072;background:#ef2b2d13;border:1px solid #ef2b2d2d;padding:5px 9px;border-radius:999px}.pill.purple{color:#df777b;background:#b91c1c16;border-color:#b91c1c33}.progress{height:4px;background:#292d34;border-radius:9px;margin-bottom:10px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--primary-dark),var(--primary-strong));border-radius:9px;box-shadow:0 0 12px #ef2b2d88}.card small{color:var(--muted)}.card.accent{background:radial-gradient(circle at 100% 0,#ef2b2d20,transparent 48%),var(--surface2)}
.button,.primary{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:10px;background:linear-gradient(180deg,#dc2626,#991b1b);color:#fff;font-weight:740;border:1px solid #ef444455;cursor:pointer;box-shadow:0 8px 24px #991b1b32}.button:hover,.primary:hover{background:linear-gradient(180deg,#ef3335,#b91c1c);transform:translateY(-1px)}.secondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:10px;padding:10px 15px;cursor:pointer}.secondary:hover{border-color:#ef2b2d66;background:#ef2b2d0c}
.auth-shell{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#4c101329,#08090b 46%)}.auth-card{width:min(440px,100%);background:#101216ed;border:1px solid var(--line);border-radius:22px;padding:38px;box-shadow:var(--shadow),inset 0 1px #ffffff08;display:grid;gap:32px}.auth-brand{padding:0}.auth-brand .brand-logo{width:58px;height:58px;border-radius:15px}.auth-card h1{font-size:34px;letter-spacing:-.04em;margin:8px 0}.muted{color:var(--muted)}.auth-card form,.auth-card label{display:grid;gap:9px}.auth-card form{gap:18px}.auth-card label{font-size:13px;color:#c9cdd5}.auth-card input{background:#0b0d11;border:1px solid var(--line);border-radius:10px;color:var(--text);padding:13px;outline:0}.auth-card input:focus{border-color:#ef2b2d99;box-shadow:var(--focus)}.auth-card small{color:#ff9696}.primary{margin-top:8px}.alert{padding:12px;border-radius:10px;font-size:13px}.alert.error{color:#ffc4c4;background:#ff555514;border:1px solid #ff55552b}.error-page{text-align:center;padding:20vh 20px}.error-page h1{font-size:40px}.error-page .button{margin-top:20px}
.institutional-shell{display:grid;min-height:100vh;place-items:center;padding:clamp(18px,4vw,60px);background:radial-gradient(circle at 18% 10%,#7f1d1d33,transparent 30%),radial-gradient(circle at 90% 85%,#450a0a26,transparent 34%),#08090b}.institutional-main{width:min(1040px,100%)}.institutional-card{display:grid;grid-template-columns:minmax(280px,.86fr) minmax(320px,1.14fr);overflow:hidden;border:1px solid #343840;border-radius:28px;background:linear-gradient(145deg,#13151a,#0c0d10);box-shadow:0 36px 100px #000b,inset 0 1px #ffffff0a}.institutional-logo{width:100%;height:100%;min-height:600px;object-fit:cover}.institutional-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,6vw,74px)}.institutional-copy h1{font-size:clamp(38px,5vw,62px);line-height:1.02;letter-spacing:-.055em;margin:12px 0 22px}.institutional-copy>p:not(.eyebrow,.member-copy){font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 28px}.institutional-primary,.institutional-secondary{width:100%;min-height:48px}.institutional-copy small{color:#737985;text-align:center;margin-top:11px}.institutional-divider{height:1px;background:var(--line);margin:30px 0 22px}.member-copy{text-align:center;color:#b9bdc5;margin:0 0 13px}
input[type=checkbox]{accent-color:var(--primary-strong)}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.app-main{margin-left:0}.mobile-menu{display:block;background:none;border:0;color:var(--text);font-size:20px}.grid{grid-template-columns:1fr}.orb{width:120px;height:120px}.page{padding-top:30px}.institutional-card{grid-template-columns:1fr}.institutional-logo{height:280px;min-height:0}.institutional-copy{padding:34px}}
@media(max-width:560px){.topbar{padding:0 18px}.user-chip{display:none}.page{padding-inline:18px}.hero{align-items:flex-start;padding-top:30px}.orb{display:none}.hero h1{font-size:43px}.auth-card{padding:27px}.institutional-shell{padding:12px}.institutional-card{border-radius:20px}.institutional-logo{height:230px}.institutional-copy h1{font-size:38px}}