body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}:root{--gradient-start:#f3f0ff;--gradient-end:#f7fafc;--text-strong:#0f172a;--text-muted:#475569;--card-border:#e2e8f0;--card-hover:#f8fafc;--brand:#0ea5e9;--brand-blue:#0c4da2;--surface:#fff;--shadow:0 10px 25px rgba(2,6,23,.08)}.portal-wrapper{min-height:100vh;background:linear-gradient(180deg,var(--gradient-start),var(--gradient-end))}.portal-hero{padding:24px 24px 0}.portal-header{justify-content:space-between}.portal-header,.portal-header .logo{display:flex;align-items:center}.logo-img{height:28px;width:auto;display:block}.portal-header .userbox{display:flex;align-items:center;gap:12px}.portal-header .role{color:var(--text-muted)}.btn-out{background:#fff;border:1px solid var(--card-border);border-radius:999px;padding:6px 14px;cursor:pointer}.portal-title{text-align:center;font-size:48px;font-weight:800;color:var(--text-strong);margin:32px 0 8px}.portal-subtitle{text-align:center;color:var(--text-muted);margin-bottom:32px}.portal-container{max-width:1200px;margin:0 auto;padding:0 24px 48px}.carousel{height:420px}.carousel,.carousel-track{position:relative;display:flex;align-items:center}.carousel-track{height:100%;width:100%;justify-content:center;perspective:1200px}.carousel-card{width:min(640px,88%);max-width:640px;background:var(--surface);border:1px solid var(--card-border);box-shadow:var(--shadow);padding:16px;opacity:0;transform:translateX(0) scale(.82);transition:transform .35s ease,opacity .35s ease,filter .35s ease;filter:blur(1px) saturate(.9);text-decoration:none;color:inherit}.carousel-card,.carousel-card:after{position:absolute;border-radius:16px}.carousel-card:after{content:"";inset:0;padding:1px;background:linear-gradient(135deg,rgba(14,165,233,.6),rgba(12,77,162,.2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.55;transition:opacity .25s ease}.carousel-card:hover:after{opacity:.9}.carousel-card.active{opacity:1;transform:translateX(0) scale(1);filter:none;z-index:3}.carousel-card.left{opacity:.85;transform:translateX(-48%) scale(.9) rotateY(6deg);z-index:2}.carousel-card.right{opacity:.85;transform:translateX(48%) scale(.9) rotateY(-6deg);z-index:2}.card-media{height:200px;border-radius:12px;overflow:hidden;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.card-image{width:100%;height:100%;object-fit:cover;display:block}.card-info{padding:16px 8px 8px}.service-card-title{text-align:center;font-size:24px;font-weight:800;color:var(--text-strong);margin-bottom:8px}.service-card-title.top{margin-top:4px;margin-bottom:10px}.service-card-desc{text-align:center;color:var(--text-muted)}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);border:1px solid var(--card-border);background:#fff;height:44px;width:44px;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--text-strong);box-shadow:var(--shadow);z-index:10;pointer-events:auto}.carousel-arrow.left{left:4px}.carousel-arrow.right{right:4px}.service-empty{text-align:center;color:var(--text-muted);padding:48px 0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px}.service-tile{display:flex;align-items:center;justify-content:center;min-height:160px;background:#165f76;color:#fff;text-decoration:none;border-radius:10px;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.service-tile:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(2,6,23,.12);filter:brightness(1.03)}.service-tile-title{font-size:20px;font-weight:700;text-align:center}@media (max-width:1024px){.service-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.service-grid{grid-template-columns:1fr}}