@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--color-bg: #EAF4EE;--color-sidebar: #133A26;--color-sidebar-hover: #1A4D33;--color-sidebar-active: #1D5E3B;--color-surface: #FFFFFF;--color-text-primary: #1F2937;--color-text-secondary: #4B5563;--color-text-muted: #6B7280;--color-primary: #1A5A3B;--color-primary-rgb: 26, 90, 59;--color-success: #2E9E5B;--color-success-light: #A5D6A7;--color-border: rgba(19, 58, 38, .08);--color-sync: #1A5A3B;--color-sync-light: rgba(26, 90, 59, .06);--color-track: #0284c7;--color-track-light: rgba(2, 132, 199, .06);--color-db: #d97706;--color-db-light: rgba(217, 119, 6, .06);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 4px 12px rgba(19, 58, 38, .05);--shadow-md: 0 10px 25px rgba(19, 58, 38, .08);--glass-bg: rgba(255, 255, 255, .45);--glass-border: rgba(255, 255, 255, .4);--glass-shadow: 0 8px 32px 0 rgba(19, 58, 38, .06);--clay-bg: #f3faf6;--clay-shadow-outer: 8px 8px 16px rgba(19, 58, 38, .08), -8px -8px 16px rgba(255, 255, 255, .7);--clay-shadow-inner: inset 3px 3px 6px rgba(255, 255, 255, .8), inset -3px -3px 6px rgba(19, 58, 38, .04)}[data-theme=dark]{--color-bg: #121214;--color-sidebar: #18181b;--color-sidebar-hover: #27272a;--color-sidebar-active: #3f3f46;--color-surface: #1e1e20;--color-text-primary: #ffffff;--color-text-secondary: #cbcccd;--color-text-muted: #88898b;--color-primary: #34d399;--color-primary-rgb: 52, 211, 153;--color-success: #34d399;--color-success-light: #059669;--color-border: rgba(255, 255, 255, .06);--color-sync: #34d399;--color-sync-light: rgba(52, 211, 153, .1);--color-track: #38bdf8;--color-track-light: rgba(56, 189, 248, .1);--color-db: #fbbf24;--color-db-light: rgba(251, 191, 36, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow: 0 4px 12px rgba(0, 0, 0, .3);--shadow-md: 0 10px 25px rgba(0, 0, 0, .4);--glass-bg: rgba(30, 30, 32, .55);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--clay-bg: #1d2b23;--clay-shadow-outer: 8px 8px 20px rgba(0, 0, 0, .4), -8px -8px 20px rgba(255, 255, 255, .02);--clay-shadow-inner: inset 3px 3px 6px rgba(255, 255, 255, .04), inset -3px -3px 6px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Outfit,sans-serif;background-color:var(--color-bg);color:var(--color-text-primary);min-height:100vh;overflow-x:hidden;transition:background-color .4s ease,color .4s ease}a{color:inherit;text-decoration:none;transition:all .2s ease}.liquid-bg-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}.liquid-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.2;mix-blend-mode:multiply;animation:float-blob 22s infinite ease-in-out alternate}[data-theme=dark] .liquid-blob{mix-blend-mode:screen;opacity:.15}.blob-1{width:550px;height:550px;background:radial-gradient(circle,var(--color-success-light) 0%,rgba(165,214,167,0) 70%);top:-120px;left:-120px;animation-duration:18s}.blob-2{width:650px;height:650px;background:radial-gradient(circle,#38bdf8,#38bdf800 70%);bottom:-100px;right:-100px;animation-duration:25s;animation-delay:-4s}.blob-3{width:500px;height:500px;background:radial-gradient(circle,#fbcfe8,#fbcfe800 70%);top:35%;left:45%;animation-duration:28s;animation-delay:-8s}[data-theme=dark] .blob-1{background:radial-gradient(circle,#34d39926,#34d39900 70%)}[data-theme=dark] .blob-2{background:radial-gradient(circle,#38bdf81f,#38bdf800 70%)}[data-theme=dark] .blob-3{background:radial-gradient(circle,#f43f5e14,#f43f5e00 70%)}@keyframes float-blob{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(60px,-40px) scale(1.1) rotate(180deg)}to{transform:translate(-30px,30px) scale(.95) rotate(360deg)}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;transition:border-color .3s ease,background-color .3s ease}.clay-card{background:var(--clay-bg);border-radius:28px;border:1px solid var(--color-border);box-shadow:var(--clay-shadow-outer),var(--clay-shadow-inner);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.clay-card:hover{transform:translateY(-6px);box-shadow:12px 12px 24px #133a261f,-12px -12px 24px #fffc}[data-theme=dark] .clay-card:hover{box-shadow:12px 12px 28px #00000080,-12px -12px 28px #ffffff05}.landing-page{position:relative;min-height:100vh;display:flex;flex-direction:column}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 8%;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1000;transition:background-color .4s ease,border-color .4s ease}[data-theme=dark] .landing-nav{background:#121214bf}.landing-logo{display:flex;align-items:center;gap:12px}.landing-logo-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#ffffffb3,#fff3);border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 12px #133a260d;animation:logoFloat 4s ease-in-out infinite;overflow:hidden;transition:all .4s cubic-bezier(.25,.8,.25,1)}[data-theme=dark] .landing-logo-wrapper{background:linear-gradient(135deg,#ffffff1a,#ffffff05);border-color:#ffffff1a}.landing-logo-img{z-index:2;transition:all .4s ease}.landing-logo-wrapper:after{content:"";position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(90deg,#fff0,#fff9,#fff0);transform:skew(-25deg);z-index:3}.landing-logo:hover .landing-logo-wrapper{transform:scale(1.08) rotate(6deg);box-shadow:0 8px 20px #133a261a}.landing-logo:hover .landing-logo-wrapper:after{left:150%;transition:left .8s ease-in-out}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.logo-text{font-size:1.4rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,var(--color-sidebar) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=dark] .logo-text{background:linear-gradient(135deg,#ffffff 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;gap:28px;align-items:center}.nav-link-btn{background:none;border:none;cursor:pointer;font-size:.95rem;font-weight:600;color:var(--color-text-secondary);transition:color .2s ease,transform .2s ease;padding:4px 8px}.nav-link-btn:hover{color:var(--color-primary);transform:translateY(-1px)}.nav-actions{display:flex;align-items:center;gap:16px}.btn-primary{background:linear-gradient(135deg,var(--color-sidebar) 0%,var(--color-primary) 100%);color:#fff!important;font-weight:600;padding:10px 22px;border-radius:20px;border:none;cursor:pointer;box-shadow:0 4px 15px #1a5a3b33;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1a5a3b59;filter:brightness(1.1)}[data-theme=dark] .btn-primary{background:var(--color-primary);color:#121214!important;box-shadow:0 4px 15px #34d39933}[data-theme=dark] .btn-primary:hover{box-shadow:0 8px 20px #34d39966}.btn-outline{border:1.5px solid var(--color-sidebar);color:var(--color-sidebar)!important;background:transparent;font-weight:600;padding:9px 21px;border-radius:20px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-outline:hover{background:#133a260d;transform:translateY(-2px)}[data-theme=dark] .btn-outline{border-color:#ffffff26;color:var(--color-text-primary)!important}[data-theme=dark] .btn-outline:hover{background:#ffffff0d}.hero-section{display:flex;align-items:center;justify-content:space-between;padding:100px 8% 120px;gap:60px;z-index:10;position:relative;max-width:1400px;margin:0 auto}.hero-content{flex:1.2}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#1a5a3b14;padding:6px 16px;border-radius:30px;font-size:.88rem;font-weight:600;color:var(--color-primary);margin-bottom:20px;border:1px solid rgba(26,90,59,.05)}[data-theme=dark] .hero-badge{background:#34d3991a}.hero-title{font-size:3.6rem;font-weight:800;line-height:1.15;letter-spacing:-1.5px;margin-bottom:24px}.hero-title span{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-success) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=dark] .hero-title span{background:linear-gradient(135deg,var(--color-primary) 0%,#6ee7b7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.2rem;line-height:1.65;color:var(--color-text-secondary);margin-bottom:40px}.hero-buttons{display:flex;gap:16px}.hero-image-container{flex:.8;display:flex;justify-content:center;align-items:center;position:relative}.animated-svg-box{width:100%;max-width:440px;height:auto;border-radius:30px;padding:24px;animation:floatImage 6s ease-in-out infinite}@keyframes floatImage{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(1deg)}}.reveal-element{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal-element.revealed{opacity:1;transform:translateY(0)}.about-identity-section{padding:80px 8%;background:transparent;z-index:10;position:relative;max-width:1400px;margin:0 auto}.section-header{text-align:center;max-width:700px;margin:0 auto 50px}.section-title{font-size:2.3rem;font-weight:800;margin-bottom:16px;letter-spacing:-.5px}.section-subtitle{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.6}.section-badge{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:1.5px;color:var(--color-primary);margin-bottom:12px;text-transform:uppercase}.identity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:20px}.identity-card{padding:36px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.identity-icon-wrapper{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.sh-no-icon{background:var(--color-sync-light);color:var(--color-sync)}.portals-icon{background:var(--color-track-light);color:var(--color-track)}.database-icon{background:var(--color-db-light);color:var(--color-db)}.identity-card h4{font-size:1.25rem;font-weight:800;color:var(--color-text-primary)}.identity-card p{font-size:.95rem;line-height:1.6;color:var(--color-text-secondary)}.portals-hub-section{background-color:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:90px 8%;z-index:10;box-shadow:0 10px 30px #133a2603,0 -10px 30px #133a2603;transition:background-color .4s ease,border-color .4s ease}[data-theme=dark] .portals-hub-section{background-color:#151517}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px;max-width:1200px;margin:0 auto}.project-launch-card{padding:40px;display:flex;flex-direction:column;align-items:flex-start;gap:20px;cursor:pointer;position:relative;overflow:hidden;height:100%}.project-icon-wrapper{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.project-launch-card:hover .project-icon-wrapper{transform:scale(1.1) rotate(5deg)}.sync-launcher:hover .project-icon-wrapper{background:#1a5a3b26!important}.track-launcher:hover .project-icon-wrapper{background:#0284c726!important}.project-card-title{font-size:1.55rem;font-weight:800;color:var(--color-text-primary)}.project-card-desc{font-size:.98rem;line-height:1.6;color:var(--color-text-secondary)}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;margin-bottom:20px}.project-tag{font-size:.75rem;font-weight:600;background:var(--color-sync-light);color:var(--color-sync);padding:4px 10px;border-radius:12px;border:1px solid rgba(26,90,59,.04)}.launcher-btn{transition:all .3s cubic-bezier(.16,1,.3,1)}.project-launch-card:hover .launcher-btn{transform:translateY(-2px);box-shadow:0 8px 24px #1a5a3b4d}.env-error-banner{padding:12px 16px;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:12px;text-align:center;font-size:.85rem;color:#f87171;font-weight:600}.deepdive-section{padding:100px 8%;max-width:1400px;margin:0 auto;z-index:10;position:relative}.deepdive-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.deepdive-grid.alt-layout{grid-template-columns:.9fr 1.1fr}.deepdive-text{display:flex;flex-direction:column;align-items:flex-start}.deepdive-badge{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;padding:6px 14px;border-radius:20px;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.deepdive-badge.sync-accent{background:var(--color-sync-light);color:var(--color-sync)}.deepdive-badge.track-accent{background:var(--color-track-light);color:var(--color-track)}.deepdive-title{font-size:2.6rem;font-weight:800;line-height:1.2;margin-bottom:20px;letter-spacing:-.8px}.deepdive-desc{font-size:1.1rem;line-height:1.65;color:var(--color-text-secondary);margin-bottom:30px}.roles-tab-container{display:flex;align-items:center;gap:12px;margin-bottom:24px;width:100%}.roles-label{font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted)}.roles-tabs{display:flex;background:#00000008;padding:4px;border-radius:12px;gap:4px;width:fit-content}[data-theme=dark] .roles-tabs{background:#ffffff0a}.role-tab-btn{background:none;border:none;cursor:pointer;padding:8px 16px;font-size:.88rem;font-weight:600;border-radius:8px;color:var(--color-text-secondary);transition:all .25s cubic-bezier(.16,1,.3,1)}.role-tab-btn.active.sync-accent{background:var(--color-sync);color:#fff}[data-theme=dark] .role-tab-btn.active.sync-accent{color:#121214}.role-tab-btn.active.track-accent{background:var(--color-track);color:#fff}[data-theme=dark] .role-tab-btn.active.track-accent{color:#fff}.role-features-list{display:flex;flex-direction:column;gap:16px;margin-bottom:30px;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.role-feature-item{display:flex;align-items:flex-start;gap:14px}.feature-marker{display:flex;align-items:center;justify-content:center;margin-top:3px}.feature-marker.sync-marker{color:var(--color-sync)}.feature-marker.track-marker{color:var(--color-track)}.feature-text{display:flex;flex-direction:column}.feature-text strong{font-size:1.02rem;font-weight:700;color:var(--color-text-primary);margin-bottom:2px}.feature-text span{font-size:.9rem;color:var(--color-text-secondary);line-height:1.45}.discovery-layer-box{padding:24px;background:#ffffff40;border-radius:16px;width:100%}.discovery-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.discovery-header h5{font-size:.95rem;font-weight:800;color:var(--color-text-primary)}.discovery-layer-box p{font-size:.88rem;line-height:1.5;color:var(--color-text-secondary)}.deepdive-visual{display:flex;justify-content:center;align-items:center;width:100%}.timeline-widget{width:100%;max-width:480px;padding:32px;background:var(--glass-bg);max-height:520px;overflow-y:auto;border-radius:24px;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);scrollbar-width:thin;scrollbar-color:rgba(26,90,59,.2) transparent}.timeline-widget::-webkit-scrollbar{width:4px}.timeline-widget::-webkit-scrollbar-thumb{background:#1a5a3b33;border-radius:4px}.widget-title{font-size:1.15rem;font-weight:800;color:var(--color-text-primary);margin-bottom:4px}.widget-subtitle{font-size:.82rem;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;margin-bottom:24px}.timeline-trail{display:flex;flex-direction:column;position:relative;padding-left:28px}.timeline-trail:before{content:"";position:absolute;left:11px;top:10px;bottom:10px;width:2px;background:var(--color-border)}[data-theme=dark] .timeline-trail:before{background:#ffffff14}.timeline-node{position:relative;margin-bottom:24px}.timeline-node:last-child{margin-bottom:0}.timeline-node-number{position:absolute;left:-28px;width:24px;height:24px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-sync);color:var(--color-sync);font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s ease}.timeline-node:hover .timeline-node-number{background:var(--color-sync);color:#fff;transform:scale(1.15)}[data-theme=dark] .timeline-node:hover .timeline-node-number{color:#121214}.timeline-node-info{display:flex;flex-direction:column;padding-left:8px}.timeline-node-info h5{font-size:.95rem;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.timeline-node-info p{font-size:.82rem;line-height:1.45;color:var(--color-text-secondary)}.mock-dashboard-card{width:100%;max-width:440px;padding:28px;border-radius:24px}.mock-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.mock-badge-status{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:10px}.mock-badge-status.met{background:#2e9e5b1a;color:var(--color-success)}.mock-gauge-section{display:flex;align-items:center;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--color-border);margin-bottom:20px}.mock-gauge-circle{width:86px;height:86px;border-radius:50%;border:7px solid rgba(2,132,199,.1);border-top-color:var(--color-track);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;animation:spinGauge 1.5s ease-out}@keyframes spinGauge{0%{transform:rotate(-90deg)}to{transform:rotate(0)}}.gauge-number{font-size:1.4rem;font-weight:800;color:var(--color-text-primary);line-height:1}.gauge-label{font-size:.62rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);margin-top:2px}.mock-gauge-details{display:flex;flex-direction:column}.gauge-threshold{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:var(--color-track)}.mock-registers-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.registers-title{font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:4px}.mock-register-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#00000005;border-radius:12px}[data-theme=dark] .mock-register-item{background:#ffffff05}.register-info{display:flex;flex-direction:column}.register-info strong{font-size:.88rem;font-weight:700;color:var(--color-text-primary);margin-bottom:2px}.register-info span{font-size:.75rem;color:var(--color-text-muted)}.register-percentage{font-size:.9rem;font-weight:800;padding:3px 8px;border-radius:6px}.register-percentage.met{color:var(--color-success);background:#2e9e5b14}.register-percentage.warning{color:#d97706;background:#d9770614}.vocabulary-row{display:flex;gap:8px;margin-bottom:20px}.vocab-badge{font-size:.72rem;font-weight:700;padding:4px 8px;border-radius:6px;text-transform:uppercase}.vocab-badge.present{background:#2e9e5b14;color:var(--color-success)}.vocab-badge.absent{background:#ef444414;color:#ef4444}.vocab-badge.late{background:#d9770614;color:#d97706}.vocab-badge.leave{background:#0284c714;color:var(--color-track)}.mock-leave-alert{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--color-track-light);border:1px solid rgba(2,132,199,.1);border-radius:12px;font-size:.78rem}.leave-status-tag{font-weight:700;color:var(--color-success)}.stats-infra-section{background-color:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:90px 8%;z-index:10;position:relative;box-shadow:0 -10px 30px #133a2603;transition:background-color .4s ease,border-color .4s ease}[data-theme=dark] .stats-infra-section{background-color:#151517}.infra-status-card{max-width:1200px;margin:0 auto 50px;padding:30px;background:var(--color-surface)!important;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}[data-theme=dark] .infra-status-card{background:var(--color-surface)!important}.infra-icon-circle{width:48px;height:48px;border-radius:14px;background:var(--color-db-light);display:flex;align-items:center;justify-content:center}.infra-title{font-size:1.1rem;font-weight:800;color:var(--color-text-primary)}.infra-desc{font-size:.88rem;color:var(--color-text-secondary);margin-top:2px}.infra-ports{display:flex;gap:24px}.port-block{display:flex;flex-direction:column;text-align:center}.port-block.border-left{border-left:1px solid var(--color-border);padding-left:24px}.port-status{font-size:1.25rem;font-weight:800;color:var(--color-primary)}.port-label{font-size:.75rem;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;margin-top:2px}.stats-counters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;max-width:1200px;margin:0 auto}.stat-counter-card{padding:30px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-surface)!important}.stat-number{font-size:2.8rem;font-weight:800;color:var(--color-primary);line-height:1.1;margin-bottom:6px;letter-spacing:-1px}.stat-label{font-size:.85rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-skeleton{width:80px;height:44px;background:#0000000d;border-radius:8px;margin-bottom:8px;animation:pulseSkeleton 1.5s infinite ease-in-out}[data-theme=dark] .stat-skeleton{background:#ffffff0d}@keyframes pulseSkeleton{0%,to{opacity:.6}50%{opacity:.3}}.bulletins-directory-section{padding:90px 8%;max-width:1400px;margin:0 auto;z-index:10;position:relative}.bulletins-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:40px}.bulletins-box{padding:36px;background:var(--glass-bg);display:flex;flex-direction:column}.box-title{font-size:1.5rem;font-weight:800;margin-bottom:24px;display:flex;align-items:center;gap:10px}.bulletins-icon{color:var(--color-primary)}.announcements-stack{display:flex;flex-direction:column;gap:20px;flex-grow:1}.announcement-item{display:flex;gap:16px;border-bottom:1px solid var(--color-border);padding-bottom:16px;transition:transform .25s ease}.announcement-item:last-child{border-bottom:none;padding-bottom:0}.announcement-item:hover{transform:translate(4px)}.announcement-tag-wrapper{min-width:90px}.announcement-badge{display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;padding:6px 12px;border-radius:8px;text-align:center;width:100%}.badge-academic{background:#1a5a3b14;color:var(--color-sync)}.badge-research{background:#34d3991a;color:var(--color-success)}.badge-attendance{background:#0284c714;color:var(--color-track)}.badge-library{background:#d9770614;color:#d97706}.announcement-content-block h4{font-size:.98rem;font-weight:700;color:var(--color-text-primary);line-height:1.4}.announcement-date{font-size:.8rem;color:var(--color-text-muted);display:block;margin-top:6px;font-weight:600}.sample-disclaimer{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--color-text-muted);margin-top:24px;padding-top:16px;border-top:1px solid var(--color-border)}.directory-box{padding:36px;background:var(--glass-bg)}.directory-list{display:flex;flex-direction:column;gap:14px}.directory-item{padding:16px 20px;display:flex;align-items:center;background:var(--color-surface)!important;border-radius:18px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-sm);width:100%}.directory-item:hover{transform:translateY(-3px) scale(1.01);box-shadow:var(--shadow-md);border-color:#133a261f}.directory-link-left{display:flex;align-items:center;gap:12px}.directory-icon{color:var(--color-primary);display:flex;align-items:center}.directory-item span{font-size:.92rem;font-weight:700;color:var(--color-text-primary)}.status-badge-link{font-size:.68rem;font-weight:700;padding:3px 8px;border-radius:6px;white-space:nowrap}.status-badge-link.external-link{background:#0000000a;color:var(--color-text-secondary)}.status-badge-link.external-portal{background:#0284c714;color:var(--color-track)}.status-badge-link.under-migration{background:#d9770614;color:#d97706}.status-badge-link.national-portal{background:#1a5a3b14;color:var(--color-sync)}.status-badge-link.coming-soon{background:#00000008;color:var(--color-text-muted)}[data-theme=dark] .status-badge-link.external-link{background:#ffffff0a}[data-theme=dark] .status-badge-link.coming-soon{background:#ffffff05}.directory-arrow{opacity:.3;transition:opacity .2s ease,transform .2s ease}.directory-item:hover .directory-arrow{opacity:.8;transform:translate(2px,-2px)}.footer{background:var(--color-sidebar);color:#fff;padding:80px 8% 40px;margin-top:auto;transition:background-color .4s ease;z-index:10;position:relative;border-top:1px solid rgba(255,255,255,.05)}[data-theme=dark] .footer{background:#0b0b0d}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:40px;max-width:1200px;margin:0 auto}.footer-brand{display:flex;flex-direction:column;gap:12px;max-width:440px}.footer-brand .logo-text{background:linear-gradient(135deg,#ffffff 0%,var(--color-success-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-text{font-size:.9rem;line-height:1.65;color:#ffffffa6}.footer-contact-info{display:flex;flex-direction:column;gap:12px;color:#ffffffa6;font-size:.9rem}.contact-item{display:flex;align-items:center;gap:10px}.footer-bottom-bar{display:flex;justify-content:space-between;align-items:center;margin-top:50px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);font-size:.82rem;color:#ffffff73;flex-wrap:wrap;gap:12px;max-width:1200px;margin-left:auto;margin-right:auto}.developer-tag{font-weight:500;color:#ffffffb3}@media (max-width: 1024px){.hero-section{padding:80px 8% 90px;gap:40px}.hero-title{font-size:3rem}.deepdive-grid,.deepdive-grid.alt-layout{grid-template-columns:1fr;gap:50px}.deepdive-visual,.deepdive-grid.alt-layout .deepdive-visual{order:2}.bulletins-grid{grid-template-columns:1fr;gap:40px}}@media (max-width: 820px){.nav-links{display:none}.hero-section{flex-direction:column;text-align:center;padding:60px 8% 80px}.hero-badge,.hero-buttons{justify-content:center}.hero-image-container{margin-top:30px;width:100%}.projects-grid{grid-template-columns:1fr}.infra-status-card{flex-direction:column;align-items:flex-start}.infra-ports{width:100%;margin-top:10px}.port-block{flex:1}}@media (max-width: 480px){.landing-nav{padding:12px 6%}.logo-text{font-size:1.15rem}.login-nav-btn{padding:8px 14px;font-size:.82rem}.hero-section{padding:40px 5% 60px}.hero-title{font-size:2.3rem}.hero-subtitle{font-size:1.05rem;margin-bottom:30px}.hero-buttons{flex-direction:column;width:100%;gap:12px}.hero-buttons button{width:100%}.section-title{font-size:1.8rem}.deepdive-title{font-size:2rem}.timeline-widget,.mock-dashboard-card{padding:20px}.roles-tab-container{flex-direction:column;align-items:flex-start;gap:8px}.roles-tabs{width:100%;overflow-x:auto}.role-tab-btn{flex:1;text-align:center;padding:8px 10px;font-size:.8rem}.stats-infra-section,.portals-hub-section,.about-identity-section,.bulletins-directory-section{padding:60px 6%}.footer{padding:60px 6% 30px}}