.jcmes-portal{--color-primary:#1B3A6B;--color-primary-dark:#132d54;--color-primary-light:#2553A0;--color-accent:#2563EB;--color-success:#059669;--color-warning:#D97706;--color-danger:#DC2626;--color-bg:#F8FAFC;--color-surface:#FFFFFF;--color-border:#E2E8F0;--color-border-light:#F1F5F9;--color-text:#0F172A;--color-text-secondary:#475569;--color-text-muted:#94A3B8;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);--shadow:0 4px 16px rgba(0,0,0,.08);--shadow-lg:0 12px 40px rgba(0,0,0,.12);--transition:all 0.2s ease}.jcmes-portal,.jcmes-portal *,.jcmes-portal :after,.jcmes-portal :before{box-sizing:border-box;margin:0;padding:0}.jcmes-portal{font-family:var(--font)!important;font-size:16px;line-height:1.6;color:var(--color-text)!important;background:var(--color-bg);min-height:100vh}.jcmes-portal h1,.jcmes-portal h2,.jcmes-portal h3,.jcmes-portal h4,.jcmes-portal h5,.jcmes-portal h6{font-family:var(--font)!important;color:inherit;line-height:1.25;letter-spacing:-.025em}.jcmes-portal h1{font-size:2.5rem;font-weight:800}.jcmes-portal h2{font-size:2rem;font-weight:700}.jcmes-portal h3{font-size:1.5rem;font-weight:700}.jcmes-portal h4{font-size:1.25rem;font-weight:600}.jcmes-portal h5{font-size:1.1rem;font-weight:600}.jcmes-portal h6{font-size:.95rem;font-weight:600}.jcmes-portal p{color:var(--color-text-secondary)}.jcmes-portal a{color:var(--color-primary);text-decoration:none}.jcmes-portal a:hover{color:var(--color-primary-light)}.jcmes-portal .container{max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width:576px){.jcmes-portal .container{padding:0 16px}}.jcmes-portal .portal-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1000;box-shadow:0 1px 8px rgba(0,0,0,.06);width:100%}.jcmes-portal .portal-header-inner{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px;width:100%}.jcmes-portal .portal-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:1;min-width:0}.jcmes-portal .portal-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.jcmes-portal .mobile-menu-btn{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text);padding:6px;border-radius:var(--radius-sm);line-height:1;margin-right:-4px}.jcmes-portal .portal-nav{display:flex!important;align-items:center;gap:20px}.jcmes-portal .portal-nav,.jcmes-portal .portal-nav-item{list-style:none!important;margin:0!important;padding:0!important}.jcmes-portal .portal-nav-item{position:relative}.jcmes-portal .portal-nav-item a{display:inline-flex;align-items:center;gap:6px;font-size:14.5px;font-weight:500;color:var(--color-text-secondary);padding:6px 0;text-decoration:none;transition:var(--transition)}.jcmes-portal .portal-nav-item a.active,.jcmes-portal .portal-nav-item a:hover{color:var(--color-primary)!important;font-weight:600}.jcmes-portal .dropdown-toggle-btn{background:none;border:none;padding:0 4px;cursor:pointer;font-size:10px;color:inherit;display:inline-flex;align-items:center;justify-content:center}.jcmes-portal .portal-dropdown{position:absolute;top:100%;left:0;min-width:220px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:6px 0!important;margin-top:8px;list-style:none!important;opacity:0;visibility:hidden;transform:translateY(6px);transition:var(--transition);z-index:1100}.jcmes-portal .portal-dropdown.show,.jcmes-portal .portal-nav-item:hover .portal-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.jcmes-portal .portal-dropdown li{list-style:none!important;margin:0!important;padding:0!important}.jcmes-portal .portal-dropdown li a{display:flex!important;align-items:center;justify-content:space-between;padding:8px 16px!important;font-size:13.5px!important;font-weight:400!important;color:var(--color-text)!important;white-space:nowrap}.jcmes-portal .portal-dropdown li a:hover{background:var(--color-bg)!important;color:var(--color-primary)!important}@media (max-width:1024px){.jcmes-portal .portal-header-inner{position:relative;gap:12px}.jcmes-portal .portal-logo img{max-width:150px!important;height:auto!important;max-height:36px!important}.jcmes-portal .portal-nav{display:none!important;position:absolute;top:100%;left:-24px;right:-24px;width:calc(100% + 48px);background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:12px 20px 20px!important;box-shadow:var(--shadow-lg);z-index:1050;gap:4px;flex-direction:column}.jcmes-portal .portal-nav.open{display:flex!important}.jcmes-portal .portal-nav.open .portal-nav-item{width:100%}.jcmes-portal .portal-nav.open a{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 14px!important;font-size:15px!important;border-radius:var(--radius-sm);color:var(--color-text)!important}.jcmes-portal .portal-nav.open a.active,.jcmes-portal .portal-nav.open a:hover{background:rgba(27,58,107,.06)!important;color:var(--color-primary)!important}@media (max-width:576px){.jcmes-portal .portal-nav.open{left:-16px;right:-16px;width:calc(100% + 32px);padding:12px 16px 20px!important}}.jcmes-portal .portal-dropdown{position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;border:1px solid var(--color-border-light)!important;border-radius:var(--radius-sm)!important;margin:4px 0 8px 12px!important;background:#F8FAFC!important;display:none!important;padding:6px 0!important}.jcmes-portal .portal-dropdown.show{display:block!important}.jcmes-portal .mobile-menu-btn{display:flex;align-items:center}}@media (max-width:576px){.jcmes-portal .portal-header-actions{gap:6px}.jcmes-portal .portal-header-actions .btn{padding:5px 8px;font-size:11.5px}.jcmes-portal .portal-logo img{max-width:110px!important}}.jcmes-portal .btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);border:1.5px solid transparent;text-decoration:none;white-space:nowrap;font-family:var(--font)!important;line-height:1}.jcmes-portal .btn-primary{background:var(--color-primary);color:#fff!important;border-color:var(--color-primary)}.jcmes-portal .btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff!important;box-shadow:0 4px 12px rgba(27,58,107,.35);transform:translateY(-1px)}.jcmes-portal .btn-outline{background:transparent;color:var(--color-primary)!important;border-color:var(--color-primary)}.jcmes-portal .btn-outline:hover{background:var(--color-primary);color:#fff!important}.jcmes-portal .btn-white{background:#fff;color:var(--color-primary)!important;border-color:#fff}.jcmes-portal .btn-white:hover{background:#f0f4ff;color:var(--color-primary-dark)!important}.jcmes-portal .btn-outline-white{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.6)}.jcmes-portal .btn-outline-white:hover{background:rgba(255,255,255,.12);border-color:#fff}.jcmes-portal .btn-sm{padding:6px 14px;font-size:13px;border-radius:var(--radius-sm)}.jcmes-portal .btn-lg{padding:13px 28px;font-size:15px;border-radius:var(--radius)}.jcmes-portal .card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition)}.jcmes-portal .card:hover{box-shadow:var(--shadow)}.jcmes-portal .card-body{padding:24px}.jcmes-portal .card-sm .card-body{padding:16px}.jcmes-portal .badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:50px;font-size:12px;font-weight:600;letter-spacing:.01em}.jcmes-portal .badge-primary{background:rgba(27,58,107,.1);color:var(--color-primary)}.jcmes-portal .badge-success{background:rgba(5,150,105,.1);color:#059669}.jcmes-portal .badge-warning{background:rgba(217,119,6,.1);color:#D97706}.jcmes-portal .badge-info{background:rgba(37,99,235,.1);color:#2563EB}.jcmes-portal .badge-gray{background:#F1F5F9;color:var(--color-text-secondary)}.jcmes-portal .badge-outline{background:transparent;border:1.5px solid var(--color-border);color:var(--color-text-secondary)}.jcmes-portal .section{padding:80px 0;position:relative}.jcmes-portal .section-sm{padding:48px 0;position:relative}.jcmes-portal .section-header{margin-bottom:48px}.jcmes-portal .section-header.center{text-align:center}.jcmes-portal .section-label{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary)!important;margin-bottom:10px}.jcmes-portal .section-title{margin-bottom:12px}.jcmes-portal .section-desc{font-size:16px;color:var(--color-text-secondary)!important;max-width:640px}.jcmes-portal .section-header.center .section-desc{margin:0 auto}.jcmes-portal .hero{background:linear-gradient(135deg,#1B3A6B,#0F2547 60%,#162040);padding:100px 0 80px;position:relative;overflow:hidden}.jcmes-portal .hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.jcmes-portal .hero-content{position:relative;z-index:1}.jcmes-portal .hero h1{color:#fff!important;font-size:2.8rem;margin-bottom:16px}.jcmes-portal .hero p{color:rgba(255,255,255,.78)!important;font-size:17px;max-width:720px;margin-bottom:32px}.jcmes-portal .hero-actions{display:flex;gap:12px;flex-wrap:wrap}.jcmes-portal .hero-meta{display:flex;flex-wrap:wrap;gap:24px;margin-top:48px;padding-top:40px;border-top:1px solid rgba(255,255,255,.1)}.jcmes-portal .hero-meta-value{font-size:1.8rem;font-weight:800;color:#fff!important;display:block;line-height:1;margin-bottom:4px}.jcmes-portal .hero-meta-label{font-size:12px;color:rgba(255,255,255,.6)!important;font-weight:500;text-transform:uppercase;letter-spacing:.07em}.jcmes-portal .search-bar{display:flex;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.15);max-width:680px}.jcmes-portal .search-bar input{flex:1 1;border:none;outline:none;padding:14px 20px;font-size:15px;font-family:var(--font)!important;color:var(--color-text)!important;background:transparent}.jcmes-portal .search-bar input::placeholder{color:var(--color-text-muted)}.jcmes-portal .search-bar button{background:var(--color-primary);color:#fff;border:none;padding:14px 24px;cursor:pointer;font-weight:600;font-size:14px;font-family:var(--font)!important;transition:var(--transition)}.jcmes-portal .search-bar button:hover{background:var(--color-primary-dark)}.jcmes-portal .issn-bar{background:rgba(255,255,255,.07);border-radius:var(--radius);padding:16px 20px;display:flex;flex-wrap:wrap;gap:20px;margin-top:28px}.jcmes-portal .issn-bar-item{font-size:13px;color:rgba(255,255,255,.75)!important}.jcmes-portal .issn-bar-item strong{color:#fff!important}.jcmes-portal .stats-bar{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:24px 0}.jcmes-portal .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;divide-x:1px solid var(--color-border)}.jcmes-portal .stat-item{text-align:center;padding:8px 24px;border-right:1px solid var(--color-border)}.jcmes-portal .stat-item:last-child{border-right:none}.jcmes-portal .stat-value{font-size:2rem;font-weight:800;color:var(--color-primary)!important;letter-spacing:-.03em;display:block;line-height:1.1;margin-bottom:4px}.jcmes-portal .stat-label{font-size:12px;color:var(--color-text-muted)!important;font-weight:500;text-transform:uppercase;letter-spacing:.07em}.jcmes-portal .indexing-bar{padding:28px 0;background:#F1F5F9;border-bottom:1px solid var(--color-border)}.jcmes-portal .indexing-bar-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)!important;text-align:center;margin-bottom:14px}.jcmes-portal .indexing-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.jcmes-portal .indexing-tag{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:8px 18px;font-size:13px;font-weight:600;color:var(--color-text-secondary)!important;box-shadow:var(--shadow-sm)}.jcmes-portal .article-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;transition:var(--transition)}.jcmes-portal .article-card:hover{box-shadow:var(--shadow);border-color:#CBD5E1;transform:translateY(-1px)}.jcmes-portal .article-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.jcmes-portal .article-card h3{font-size:1.1rem;font-weight:700;margin-bottom:10px;line-height:1.4}.jcmes-portal .article-card h3 a{color:var(--color-text)!important;text-decoration:none;transition:var(--transition)}.jcmes-portal .article-card h3 a:hover{color:var(--color-primary)!important}.jcmes-portal .article-authors{font-size:13px;color:var(--color-text-secondary)!important;margin-bottom:12px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.jcmes-portal .article-abstract{font-size:14px;color:var(--color-text-secondary)!important;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px}.jcmes-portal .article-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--color-border-light);gap:12px;flex-wrap:wrap}.jcmes-portal .article-doi{font-size:12px;color:var(--color-text-muted)!important}.jcmes-portal .article-doi a{color:var(--color-accent)!important}.jcmes-portal .article-actions{display:flex;gap:8px}.jcmes-portal .issue-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);height:100%}.jcmes-portal .issue-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.jcmes-portal .issue-cover{background:linear-gradient(135deg,#EFF6FF,#DBEAFE);padding:32px;display:flex;justify-content:center;align-items:center;min-height:200px}.jcmes-portal .issue-cover img{max-height:180px;object-fit:cover;border-radius:var(--radius-sm);box-shadow:var(--shadow)}.jcmes-portal .issue-cover-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--color-primary)!important}.jcmes-portal .issue-cover-placeholder .icon{font-size:48px}.jcmes-portal .issue-cover-placeholder .abbr{font-weight:700;font-size:13px}.jcmes-portal .issue-body{padding:20px}.jcmes-portal .issue-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary)!important;margin-bottom:6px}.jcmes-portal .issue-title{font-size:1rem;font-weight:700;margin-bottom:12px}.jcmes-portal .issue-footer{padding:16px 20px;border-top:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between}.jcmes-portal .page-hero{background:linear-gradient(135deg,#1B3A6B,#0F2547);padding:56px 0 48px}.jcmes-portal .page-hero h1{font-size:2.2rem;color:#fff!important;margin-bottom:10px}.jcmes-portal .page-hero p{color:rgba(255,255,255,.75)!important;font-size:15px}.jcmes-portal .page-hero .breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.5)!important;margin-bottom:16px}.jcmes-portal .page-hero .breadcrumb a{color:rgba(255,255,255,.7)!important}.jcmes-portal .page-hero .breadcrumb a:hover{color:#fff!important}.jcmes-portal .breadcrumb-sep{opacity:.5}.jcmes-portal .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.jcmes-portal .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.jcmes-portal .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width:1024px){.jcmes-portal .grid-3,.jcmes-portal .grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.jcmes-portal .grid-2,.jcmes-portal .grid-3,.jcmes-portal .grid-4{grid-template-columns:1fr}.jcmes-portal .hero h1{font-size:2rem}.jcmes-portal .stats-grid{grid-template-columns:repeat(2,1fr)}.jcmes-portal .section{padding:56px 0}.jcmes-portal .hero{padding:72px 0 56px}}.jcmes-portal .portal-footer{background:#0F172A;color:#94A3B8;padding:64px 0 32px}.jcmes-portal .portal-footer h5{font-size:14px;font-weight:700;color:#fff!important;margin-bottom:20px;letter-spacing:0}.jcmes-portal .footer-logo-text{font-size:18px;font-weight:800;color:#fff!important;margin-bottom:8px}.jcmes-portal .footer-desc{font-size:14px;line-height:1.65;color:#94A3B8!important;margin-bottom:16px}.jcmes-portal .footer-issn{font-size:13px;color:#64748B!important}.jcmes-portal .footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}.jcmes-portal .footer-links a{font-size:14px;color:#94A3B8!important;transition:var(--transition)}.jcmes-portal .footer-links a:hover{color:#fff!important}.jcmes-portal .footer-contact{font-size:14px;display:flex;flex-direction:column;gap:10px}.jcmes-portal .footer-contact-item{display:flex;align-items:flex-start;gap:10px;color:#94A3B8!important}.jcmes-portal .footer-contact-item a{color:#94A3B8!important}.jcmes-portal .footer-contact-item a:hover{color:#fff!important}.jcmes-portal .footer-bottom{margin-top:48px;padding-top:24px;border-top:1px solid #1e293b;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:#475569!important}.jcmes-portal .footer-bottom strong{color:#94A3B8!important}.jcmes-portal .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:48px;margin-bottom:0}@media (max-width:768px){.jcmes-portal .footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width:480px){.jcmes-portal .footer-grid{grid-template-columns:1fr}}.jcmes-portal .form-group{margin-bottom:20px}.jcmes-portal .form-label{display:block;font-size:14px;font-weight:600;color:var(--color-text)!important;margin-bottom:6px}.jcmes-portal .form-input,.jcmes-portal .form-select,.jcmes-portal .form-textarea{width:100%;padding:10px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius);font-size:15px;font-family:var(--font)!important;color:var(--color-text)!important;background:var(--color-surface);transition:var(--transition);outline:none}.jcmes-portal .form-input:focus,.jcmes-portal .form-select:focus,.jcmes-portal .form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(27,58,107,.12)}.jcmes-portal .form-textarea{resize:vertical;min-height:120px}.jcmes-portal .alert{padding:14px 18px;border-radius:var(--radius);font-size:14px;border:1px solid;margin-bottom:16px}.jcmes-portal .alert-info{background:#EFF6FF;border-color:#BFDBFE;color:#1D4ED8!important}.jcmes-portal .alert-success{background:#ECFDF5;border-color:#A7F3D0;color:#065F46!important}.jcmes-portal .alert-warning{background:#FFFBEB;border-color:#FDE68A;color:#92400E!important}.jcmes-portal table{width:100%;border-collapse:collapse}.jcmes-portal th{text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)!important;padding:12px 16px;background:#F8FAFC;border-bottom:1px solid var(--color-border)}.jcmes-portal td{padding:14px 16px;border-bottom:1px solid var(--color-border-light);font-size:14px;color:var(--color-text-secondary)!important}.jcmes-portal tr:last-child td{border-bottom:none}.jcmes-portal tr:hover td{background:#FAFBFC}.jcmes-portal .divider{height:1px;background:var(--color-border);margin:32px 0}.jcmes-portal .empty-state{text-align:center;padding:64px 24px}.jcmes-portal .empty-state .empty-icon{width:72px;height:72px;background:#F1F5F9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--color-text-muted);margin:0 auto 16px}.jcmes-portal .empty-state h4{color:var(--color-text)!important;margin-bottom:8px}.jcmes-portal .empty-state p{font-size:14px;color:var(--color-text-muted)!important}.jcmes-portal .cta-section{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));padding:72px 0;text-align:center}.jcmes-portal .cta-section h2{color:#fff!important;margin-bottom:14px}.jcmes-portal .cta-section p{color:rgba(255,255,255,.78)!important;font-size:17px;margin-bottom:32px}.jcmes-portal .cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.jcmes-portal .pagination{gap:4px;margin-top:40px}.jcmes-portal .page-btn,.jcmes-portal .pagination{display:flex;justify-content:center;align-items:center}.jcmes-portal .page-btn{width:40px;height:40px;border:1.5px solid var(--color-border);border-radius:var(--radius);font-size:14px;font-weight:500;color:var(--color-text-secondary)!important;background:var(--color-surface);cursor:pointer;transition:var(--transition);text-decoration:none}.jcmes-portal .page-btn:hover{border-color:var(--color-primary);color:var(--color-primary)!important}.jcmes-portal .page-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff!important}.jcmes-portal .info-box{background:#EFF6FF;border:1px solid #bfdbfe;border-left:4px solid var(--color-primary);border-radius:var(--radius);padding:16px 20px}.jcmes-portal .info-box h5{font-size:14px;color:var(--color-primary)!important;margin-bottom:6px}.jcmes-portal .info-box p{font-size:13px;color:#1D4ED8!important}.jcmes-portal .process-steps{display:flex;flex-direction:column;gap:20px}.jcmes-portal .process-step{display:flex;gap:16px;align-items:flex-start}.jcmes-portal .step-num{width:36px;height:36px;flex-shrink:0;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.jcmes-portal .step-content h5{font-size:15px;margin-bottom:4px}.jcmes-portal .step-content p{font-size:14px}.jcmes-portal .person-card{text-align:center}.jcmes-portal .person-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;margin:0 auto 12px}.jcmes-portal .person-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.jcmes-portal .person-name{font-size:15px;font-weight:700;margin-bottom:4px}.jcmes-portal .person-role{font-size:13px;color:var(--color-primary)!important;font-weight:500;margin-bottom:4px}.jcmes-portal .person-org{font-size:13px;color:var(--color-text-muted)!important}.jcmes-portal .feature-item{display:flex;gap:16px;align-items:flex-start}.jcmes-portal .feature-icon{width:48px;height:48px;flex-shrink:0;background:rgba(27,58,107,.08);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--color-primary)}.jcmes-portal .feature-content h4{font-size:16px;margin-bottom:6px}.jcmes-portal .feature-content p{font-size:14px}@media (max-width:768px){.jcmes-portal .hero-meta{gap:16px}.jcmes-portal .hero-meta-value{font-size:1.4rem}}