/* Elegant depth system — shared by public, editorial, portals, admin and auth. */
:root{--depth-shadow:0 3px 0 color-mix(in srgb,var(--brand,#087d70) 9%,transparent),0 12px 28px #183d3610;--depth-shadow-raised:0 5px 0 color-mix(in srgb,var(--brand,#087d70) 12%,transparent),0 18px 38px #183d361b;--depth-ease:cubic-bezier(.2,.8,.2,1);--depth-line:color-mix(in srgb,var(--brand,#087d70) 12%,var(--line,#dce5e3))}
body{background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--brand,#087d70) 7%,transparent),transparent 48%),var(--surface-2,#f3f7f6)}
.icon{flex-shrink:0}.icon-3d{overflow:visible;filter:drop-shadow(0 2px 1px #173c3524)}.icon-whatsapp{color:#168b4f}.icon-facebook{color:#2563c7}.icon-instagram{color:#b74286}.icon-youtube{color:#cf263b}.icon-telegram{color:#2285b0}.icon-linkedin{color:#1b73a3}
:where(.institution-promo-card,.program-card,.service-card,.digital-service-card,.app-card,.stat-card,.guide-card,.portal-feature-card,.dashboard-card,.account-card,.event-card,.content-card,.external-news-card,.school-profile-card,.professional-staff-card,.notification-card,.admin-card,.aside-card,.prose-card,.download-card,.principal-followup-card,.gallery-tile,.tinta-story-card,.tinta-related article){border-color:var(--depth-line);box-shadow:var(--depth-shadow);border-radius:20px;transition:box-shadow 220ms var(--depth-ease),border-color 220ms ease,background-color 220ms ease}
:where(.institution-promo-card,.service-card,.digital-service-card,.app-card,.stat-card,.guide-card,.portal-feature-card,.dashboard-card,.account-card,.school-profile-card,.professional-staff-card,.aside-card,.download-card){background:linear-gradient(145deg,color-mix(in srgb,var(--surface,#fff) 97%,#fff),var(--surface,#fff));border:1px solid var(--depth-line)}
:where(.institution-promo-card,.service-card,.digital-service-card,.app-card,.guide-card,.portal-feature-card)>span:first-child{background:transparent;box-shadow:none;border:0;width:52px;height:52px;display:grid;place-items:center}
:where(.institution-promo-card,.program-card,.service-card,.digital-service-card,.app-card,.stat-card,.guide-card,.portal-feature-card,.dashboard-card,.account-card,.premium-value-bar) .icon-3d{width:42px;height:42px}
:where(.institution-promo-card,.program-card,.service-card,.app-card) h3{letter-spacing:-.018em;line-height:1.4}.section-heading h2{letter-spacing:-.025em;line-height:1.25}.section-kicker{letter-spacing:.1em}
:where(.button,.premium-action,.premium-action--primary){box-shadow:inset 0 1px 0 #ffffff50,0 3px 0 #073d3828,0 7px 15px #073d3812;transition:box-shadow 180ms ease,background-color 180ms ease,transform 180ms var(--depth-ease)}
.button .icon-3d,.premium-action .icon-3d{width:25px;height:25px}.button:active,.premium-action:active{box-shadow:inset 0 2px 4px #073d3820,0 1px 0 #073d3820;transform:translateY(2px)}
.site-header,.portal-header,.tinta-site-header{border-bottom:1px solid var(--depth-line);box-shadow:0 4px 20px #153c3510}.site-header{background:var(--surface,#fff)}.nav-item>a{display:flex;gap:7px;align-items:center;font-weight:700}.nav-item>a>.icon-3d{width:26px;height:26px}.nav-item.is-current>a{background:color-mix(in srgb,var(--brand) 9%,var(--surface));border-radius:12px}.submenu{border:1px solid var(--depth-line);border-radius:18px;box-shadow:var(--depth-shadow-raised)}.submenu a{display:flex;gap:10px;align-items:center;min-height:44px}.submenu .icon-3d{width:28px;height:28px}.submenu a>span:first-of-type{flex:1}.mega-service-links>a>span{background:transparent!important}.mega-service-links .icon-3d{width:32px;height:32px}.desktop-nav>ul{flex-wrap:wrap}.site-header .header-inner{height:auto;min-height:var(--header-height)}
.drawer-panel{background:linear-gradient(165deg,var(--surface,#fff),var(--surface-2,#f1f6f4));border-radius:24px 0 0 24px;box-shadow:-18px 0 60px #123d3529}.drawer-nav{padding:8px 16px}.drawer-nav>details{border:1px solid var(--depth-line);border-radius:14px;background:var(--surface,#fff);margin-bottom:10px;box-shadow:0 3px 0 #123d3508}.drawer-nav>details>summary{gap:12px;padding:12px;min-height:60px}.drawer-nav>details>summary>.icon-3d{width:34px;height:34px}.drawer-nav summary>a{font-size:.95rem}.drawer-nav li>a,.drawer-subgroup summary>a{gap:10px;min-height:48px;align-items:center}.drawer-nav li .icon-3d{width:28px;height:28px}.drawer-nav details[open]>summary{background:color-mix(in srgb,var(--brand) 5%,var(--surface));border-radius:14px}.drawer-footer{gap:10px}.drawer-header{padding:20px 18px}
.premium-home-hero{background:radial-gradient(ellipse at 20% 0,#e6f5ef,transparent 55%),var(--surface,#fff)}.premium-hero-shell{border:1px solid var(--depth-line);border-radius:30px;background:linear-gradient(125deg,color-mix(in srgb,var(--surface,#fff) 90%,#edf9f4),var(--surface,#fff));box-shadow:0 4px 0 #badace45,0 22px 60px #143c3515}.premium-hero-copy h1{letter-spacing:-.035em}.premium-hero-image-wrap{border:6px solid var(--surface,#fff);border-radius:24px;box-shadow:0 5px 0 #113c3520,0 18px 30px #123c3525}.premium-hero-identity-card,.premium-hero-floating-chip{box-shadow:inset 0 1px 0 #ffffff8a,0 3px 0 #123c3514,0 12px 24px #123c3515;border:1px solid #ffffff65}.premium-home-aura{background:radial-gradient(circle at 30% 25%,#fff9,#86cdb855 35%,#45977b33 65%,transparent 70%);filter:none;opacity:.55}.premium-value-bar{border:1px solid var(--depth-line);background:var(--surface,#fff);box-shadow:var(--depth-shadow);border-radius:22px}.premium-value-bar .value-icon{background:transparent!important;border:0;box-shadow:none}.premium-hero-microstats>div{border-radius:14px;box-shadow:inset 0 1px 0 #fff9,0 3px 0 #143c350b}.page-hero,.article-hero,.module-hero,.portal-hero{position:relative;background:linear-gradient(125deg,var(--brand-900,#103e37),color-mix(in srgb,var(--brand,#087d70) 75%,#367bb2));border-bottom:3px solid #123c3518}.page-hero h1,.article-hero h1{letter-spacing:-.025em}.page-hero p,.article-hero p{line-height:1.65}.page-aside .icon-3d{width:30px;height:30px}.institution-grid>article{box-shadow:var(--depth-shadow);border-radius:20px}.institution-icon{box-shadow:inset 0 1px 0 #ffffffa0,0 3px 0 #173c3518;background:linear-gradient(145deg,#e8faf2,#b9dfcf)!important;color:#24634e!important}
.portal-header-row,.portal-header .container{gap:12px}.portal-brand .icon-3d{width:32px;height:32px}.portal-nav a,.portal-sidebar a,.module-side-nav a{border-radius:12px;min-height:44px}.portal-card,.portal-panel,.module-card,.request-card{border:1px solid var(--depth-line);border-radius:20px;box-shadow:var(--depth-shadow);background:var(--surface,#fff)}
.tinta-article-page{background:var(--surface,#fff)}.tinta-article-header{background:linear-gradient(135deg,#eff5f7,#fff 70%)}.tinta-share-bar .share-chip{box-shadow:inset 0 1px 0 #fff9,0 2px 0 #173c3510;border-radius:12px}.tinta-category-nav{border-bottom:1px solid var(--depth-line)}.tinta-category-nav a{border-radius:10px}.tinta-category-nav a.is-active{background:#f5e9eb}.tinta-article-cover{box-shadow:var(--depth-shadow);border:1px solid #e2e9e7}.article-prose{filter:none!important;text-shadow:none}.tinta-drawer__panel{border-radius:24px 0 0 24px;box-shadow:-18px 0 60px #173c3530}.tinta-drawer nav a{min-height:46px;border-radius:10px}.tinta-feather .icon-3d{width:34px;height:34px}.tinta-site-logo .icon-3d{width:30px;height:30px}
.auth-shell{background:var(--surface,#fff);border:1px solid var(--depth-line);box-shadow:0 5px 0 #123d3510,0 26px 60px #123d3517;border-radius:26px}.auth-visual{background:linear-gradient(140deg,#103c36,#157d6f)}.auth-card,.login-card{border-radius:22px}.auth-body .button{min-height:46px}.auth-body input{border-radius:12px}
.admin-body .admin-card,.admin-body .notification-card{box-shadow:var(--depth-shadow);border-radius:18px}.admin-body .admin-sidebar{background:linear-gradient(175deg,#112e2d,#163e39 70%,#102b2d);box-shadow:8px 0 32px #123c3512}.admin-body .admin-brand{border-bottom:1px solid #ffffff12}.admin-body .admin-nav-group{border:1px solid #ffffff10;border-radius:14px;margin-bottom:10px;background:#ffffff03;overflow:hidden}.admin-body .admin-nav-group>summary{min-height:56px;gap:11px;padding:12px}.admin-body .admin-nav-group>summary>.icon-3d,.admin-body .admin-nav-primary>.icon-3d{width:30px;height:30px}.admin-body .admin-nav-group>div{padding:4px 8px 10px}.admin-body .admin-nav-group>div>a>.icon-3d{width:26px;height:26px}.admin-body .admin-sidebar nav a{gap:10px;min-height:48px;border-radius:11px;font-size:.84rem}.admin-body .admin-sidebar nav a.is-active{background:linear-gradient(135deg,#286d5e,#1b594d);box-shadow:inset 0 1px 0 #ffffff22,0 3px 0 #0002}.admin-body .admin-topbar{background:var(--surface,#fff);box-shadow:0 4px 18px #123c350b;border-bottom:1px solid var(--depth-line)}.admin-body .settings-page-nav a.is-active{box-shadow:inset 0 1px 0 #ffffff55,0 3px 0 #07514735}.admin-body .admin-welcome{box-shadow:0 4px 0 #123c351c,0 16px 30px #123c3513}.admin-body .admin-topbar .icon-3d{width:27px;height:27px}.notification-heading .icon-3d{width:30px;height:30px}.admin-body .notification-icon{background:transparent}.admin-body .notification-card{border-left-width:4px}.admin-body .notification-filters a.active{box-shadow:0 2px 0 #07514735}
.depth-press-target{position:relative;isolation:isolate}.depth-ripple{position:absolute;pointer-events:none;z-index:4;width:var(--ripple-size);height:var(--ripple-size);left:var(--ripple-left);top:var(--ripple-top);border-radius:50%;background:radial-gradient(circle,#83c8b64d,transparent 70%);transform:scale(0);animation:depth-ripple 550ms var(--depth-ease) forwards}.depth-press-target{overflow:clip}@keyframes depth-ripple{to{transform:scale(1);opacity:0}}
@media(hover:hover) and (pointer:fine){:where(a.institution-promo-card,a.program-card,a.service-card,a.digital-service-card,a.app-card,a.guide-card,.content-card,.event-card):hover{box-shadow:var(--depth-shadow-raised);border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}.depth-tilt .icon-3d{transition:transform 220ms var(--depth-ease)}.depth-tilt:hover .icon-3d{transform:perspective(300px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg)) translateY(-2px)}.button:hover{box-shadow:inset 0 1px 0 #ffffff60,0 4px 0 #073d3828,0 10px 22px #073d381c}}
@media(max-width:760px){body.public-site-body{padding-bottom:96px}.public-site-body .mobile-bottom-nav{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));width:auto;border:1px solid var(--depth-line);border-radius:22px;padding:8px 6px;background:var(--surface,#fff);box-shadow:0 3px 0 #123c3510,0 12px 36px #123c3524;min-height:66px}.mobile-bottom-nav__item{min-height:48px;gap:4px;border-radius:14px}.mobile-bottom-nav__item .icon-3d{width:29px;height:29px}.mobile-bottom-nav__item.is-active{background:color-mix(in srgb,var(--brand) 10%,var(--surface));box-shadow:inset 0 1px 0 #ffffff7a}.mobile-bottom-nav__item span{font-size:.65rem;font-weight:700}.premium-hero-shell{border-radius:22px}.premium-hero-image-wrap{border-width:4px;border-radius:20px}.premium-value-bar{border-radius:18px}.institution-promo-card{padding:18px;gap:14px}.institution-promo-card h3{font-size:1rem}.institution-promo-card .icon-3d{width:40px;height:40px}.page-hero h1{font-size:clamp(1.8rem,7vw,2.6rem)}.program-card{padding:22px}.drawer-panel{width:min(420px,94vw)}.auth-shell{border-radius:20px}.site-header .brand{max-width:calc(100% - 8px)!important}.site-header .brand span{display:grid!important}.site-header .brand strong{font-size:.72rem;line-height:1.25}.site-header .header-inner{grid-template-columns:minmax(0,1fr) auto!important}.site-header .brand img{width:34px!important;height:42px!important}.site-header .brand{gap:8px}.whatsapp-float,.back-to-top{bottom:calc(100px + env(safe-area-inset-bottom))}.prose-card,.aside-card,.portal-card,.module-card{border-radius:18px}}
@media(max-width:380px){.site-header .brand strong{font-size:.67rem}.public-site-body .mobile-bottom-nav{left:8px;right:8px}.mobile-bottom-nav__item span{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.depth-ripple{display:none}.icon-3d{transform:none!important}.button:active,.premium-action:active{transform:none!important}.depth-tilt .icon-3d{transition:none!important}}
html.reduce-motion .depth-ripple{display:none}html.reduce-motion .depth-tilt .icon-3d{transform:none!important}
@media print{body{background:#fff}.icon-3d{filter:none}.depth-ripple{display:none}:where(.admin-card,.prose-card,.content-card,.notification-card,.tinta-article-cover){box-shadow:none;border-radius:0}.public-site-body .mobile-bottom-nav{display:none!important}}
/* Readable headings over the new deep hero surface. */
:where(.page-hero,.article-hero,.module-hero,.portal-hero){color:#fff}
:where(.page-hero,.article-hero,.module-hero,.portal-hero) :where(h1,h2,h3){color:#fff}
:where(.page-hero,.article-hero,.module-hero,.portal-hero) :where(p,.breadcrumbs,.breadcrumbs a,.section-kicker){color:#d4ece6}
:where(.page-hero,.article-hero,.module-hero,.portal-hero) .button-outline{color:#fff;border-color:#ffffff60;background:#ffffff12}
.article-hero .content-badge{color:#d4ece6;background:#ffffff15}.premium-home-hero{background:radial-gradient(ellipse at 20% 0,color-mix(in srgb,var(--brand,#087d70) 8%,var(--surface,#fff)),transparent 55%),var(--surface,#fff)}
.site-header .brand span{min-width:0}.site-header .brand{min-width:0}.site-header.navigation-expanded .desktop-nav{display:none!important}.site-header.navigation-expanded .mobile-menu-toggle{display:grid!important}.site-header.navigation-expanded .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto}.desktop-nav>ul{flex-wrap:nowrap}

.header-actions .icon-3d,.tinta-header-button .icon-3d{width:26px;height:26px}.drawer-close-button{box-shadow:inset 0 1px 0 #fff7,0 2px 0 #173c3510}.portal-nav .icon-3d{width:28px;height:28px}