.home-container-modern{background-image:url(/assets/images/logos/background.jpg);background-position:50%;background-size:cover;background-attachment:fixed;flex-direction:column;height:100vh;min-height:100vh;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.home-container-modern:before{content:"";opacity:.4;z-index:0;background-image:url(/assets/images/logos/background.jpg);background-position:50%;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.home-container-modern:after{content:"";z-index:1;background:rgba(255,255,255,.96);position:absolute;top:0;bottom:0;left:0;right:0}.home-container-modern>*{z-index:2;position:relative}.home-container-modern:before,.home-container-modern:after{will-change:transform}.home-header-modern{z-index:10;background:#fff;flex-shrink:0;width:100%;margin:0 0 2rem;padding:1rem 2rem;position:relative;box-shadow:0 4px 20px rgba(0,0,0,.08)}.home-header-top{justify-content:space-between;align-items:center;gap:2rem;width:100%;display:flex}.home-header-title{flex:none;align-items:center;gap:1rem;margin:0;padding:0;display:flex}.home-icon-large-modern{background:linear-gradient(135deg,rgba(9,94,132,.1) 0%,rgba(10,123,168,.1) 100%);border:2px solid rgba(9,94,132,.2);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;padding:8px;display:flex;overflow:hidden;box-shadow:0 4px 12px rgba(9,94,132,.2)}.home-logo-img{object-fit:contain;-webkit-filter:brightness(0)saturate()invert(20%)sepia(90%)saturate(2500%)hue-rotate(195deg)brightness(90%)contrast(95%);filter:brightness(0)saturate()invert(20%)sepia(90%)saturate(2500%)hue-rotate(195deg)brightness(90%)contrast(95%);width:100%;height:100%}.home-header-title h1{color:#095e84;margin:0 0 .125rem;font-size:1.5rem;font-weight:800;line-height:1.2}.home-header-title p{color:#095e84;margin:0;font-size:.8125rem;font-weight:600;line-height:1.3}.home-user-section-modern{flex-shrink:0;align-items:center;gap:1rem;margin-left:auto;display:flex}.user-info-modern{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:.25rem;min-width:0;padding:.5rem .875rem;display:flex}.user-main-line{align-items:center;gap:.5rem;display:flex}.user-info-modern svg{color:#095e84;flex-shrink:0}.user-email-modern{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.user-role-modern{color:#095e84;text-transform:capitalize;background:linear-gradient(135deg,rgba(9,94,132,.1) 0%,rgba(10,123,168,.1) 100%);border:1px solid rgba(9,94,132,.2);border-radius:6px;align-items:center;gap:.375rem;margin-left:1.625rem;padding:.25rem .625rem;font-size:.8125rem;font-weight:700;line-height:1.4;display:flex}.user-role-icon{color:#095e84;flex-shrink:0}.btn-logout-modern{color:#475569;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.btn-logout-modern:hover{color:#fff;background:#dc2626;border-color:#dc2626;transform:translateY(-2px)}.btn-logout-modern svg{flex-shrink:0}.home-main-modern{flex:1;min-height:0;padding:0 2rem 2rem;overflow-x:hidden;overflow-y:auto}.content-wrapper-home{max-width:1400px;margin:0 auto}.welcome-section-modern{text-align:center;-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,.85);border:2px solid rgba(9,94,132,.2);border-radius:16px;margin-bottom:3rem;padding:2rem;position:relative;box-shadow:0 4px 16px rgba(9,94,132,.1)}.welcome-title-with-icon{color:#095e84;justify-content:center;align-items:center;gap:1rem;margin:0 0 .75rem;font-size:2rem;font-weight:800;display:flex}.welcome-icon{color:#095e84;flex-shrink:0;animation:2s ease-in-out infinite sparkle}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.welcome-description-with-icon{color:#475569;justify-content:center;align-items:center;gap:.75rem;margin:0;font-size:1.125rem;font-weight:600;display:flex}.welcome-icon-subtle{color:#095e84;opacity:.8;flex-shrink:0}.home-search-wrapper{max-width:600px;margin:2rem auto}.platforms-grid-modern{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}.platform-card-modern{text-align:center;background:#fff;border:2px solid #095e84;border-radius:16px;flex-direction:column;align-items:center;padding:2rem;transition:all .3s;display:flex;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.05)}.platform-card-modern.active{cursor:pointer}.platform-card-modern.active:hover{border-color:#095e84;transform:translateY(-4px);box-shadow:0 8px 24px rgba(9,94,132,.2)}.platform-card-modern.disabled{opacity:.6;cursor:not-allowed}.platform-icon-modern{border-radius:16px;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:1.5rem;transition:all .3s;display:flex}.eduka-icon-modern{background:linear-gradient(135deg,rgba(9,94,132,.1) 0%,rgba(10,123,168,.1) 100%)}.pronote-icon-modern{background:#f1f5f9}.platform-card-modern.active:hover .platform-icon-modern{transform:scale(1.05)}.platform-content-modern{flex:1;width:100%}.platform-content-modern h3{color:#1e293b;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.platform-content-modern p{color:#64748b;margin:0 0 1rem;font-size:.9375rem}.platform-badge-modern{border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.active-badge-modern{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.dev-badge-modern{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa}.development-badge-modern{border:1px solid #d97706;color:#fff!important;background:#f59e0b!important}.spinner-badge-modern{border:2px solid rgba(154,52,18,.3);border-top-color:#9a3412;border-radius:50%;width:12px;height:12px;animation:1s linear infinite spin}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.platform-arrow-modern{color:#095e84;opacity:0;font-size:1.5rem;transition:all .3s;position:absolute;bottom:1.5rem;right:1.5rem;transform:translate(-10px)}.platform-card-modern.active:hover .platform-arrow-modern{opacity:1;transform:translate(0)}.info-section-modern{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.info-card-modern{text-align:center;cursor:default;background:#fff;border:2px solid #095e84;border-radius:16px;padding:2rem;transition:all .3s;box-shadow:0 2px 8px rgba(0,0,0,.05)}.info-card-modern.clickable{cursor:pointer}.info-card-modern.clickable:hover{border-color:#095e84;transform:translateY(-4px);box-shadow:0 8px 24px rgba(9,94,132,.15)}.info-icon-modern{color:#095e84;background:linear-gradient(135deg,rgba(9,94,132,.1) 0%,rgba(10,123,168,.1) 100%);border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex}.info-card-modern h4{color:#1e293b;margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.info-card-modern p{color:#64748b;margin:0;font-size:.875rem;line-height:1.6}.info-card-modern.admin-card{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#095e84}.info-card-modern.admin-card:hover{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border-color:#0a7ba8;box-shadow:0 8px 24px rgba(9,94,132,.25)}.info-icon-modern.admin-icon{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);box-shadow:0 4px 12px rgba(9,94,132,.3)}.info-card-modern.admin-card h4{color:#065f46;font-weight:800}.info-card-modern.admin-card p{color:#047857}.home-footer-modern{z-index:10;--footer-height:70px;background:#fff;border-top:2px solid #f1f5f9;flex-shrink:0;margin-top:auto;padding:1rem 2rem;position:relative;box-shadow:0 -2px 8px rgba(0,0,0,.05)}.footer-content-modern{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.footer-content-modern .copyright{color:#64748b;text-align:left;margin:0;font-size:12px}.footer-content-modern .mlfmonde-logo{object-fit:contain;opacity:.8;cursor:pointer;flex-shrink:0;width:140px;height:auto;transition:all .3s}.footer-content-modern .mlfmonde-logo:hover{opacity:1;transform:scale(1.05)}@media (max-width:1024px){.home-header-modern{padding:1rem 1.5rem}.home-main-modern{padding:0 1.5rem 1.5rem}.platforms-grid-modern{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem}.info-section-modern{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.home-header-modern{margin-bottom:1rem;padding:1rem}.home-header-top{flex-direction:column;align-items:flex-start;gap:1rem}.home-header-title{width:100%}.home-header-title h1{font-size:1.25rem}.home-header-title p{font-size:.75rem}.home-icon-large-modern{width:40px;height:40px}.home-icon-large-modern svg{width:20px;height:20px}.home-user-section-modern{flex-direction:column;align-items:stretch;gap:.75rem;width:100%}.user-info-modern{justify-content:center;width:100%;padding:.5rem .75rem}.user-email-modern{font-size:.8125rem}.user-role-modern{margin-left:0;font-size:.75rem}.btn-logout-modern{justify-content:center;width:100%;padding:.625rem 1rem;font-size:.8125rem}.home-main-modern{padding:0 1rem 1rem}.welcome-section-modern{margin-bottom:2rem}.welcome-title-with-icon{flex-direction:column;gap:.5rem;font-size:1.5rem}.welcome-icon{width:24px;height:24px}.welcome-description-with-icon{flex-direction:column;gap:.5rem;font-size:.9375rem}.welcome-icon-subtle{width:16px;height:16px}.platforms-grid-modern{grid-template-columns:1fr;gap:1rem}.platform-card-modern{padding:1.5rem}.platform-icon-modern{width:80px;height:80px;margin-bottom:1rem}.platform-content-modern h3{font-size:1.25rem}.platform-content-modern p{font-size:.875rem}.info-section-modern{grid-template-columns:1fr;gap:1rem}.info-card-modern{padding:1.5rem}.info-icon-modern{width:56px;height:56px}.home-footer-modern{padding:.875rem 1rem}.footer-content-modern{text-align:center;flex-direction:column;gap:.75rem}.footer-content-modern .copyright{margin-bottom:0;font-size:11px}.footer-content-modern .mlfmonde-logo{width:100px}}@media (max-width:480px){.home-header-modern{padding:.875rem}.home-header-title h1{font-size:1.125rem}.home-icon-large-modern{width:36px;height:36px}.home-main-modern{padding:0 .875rem .875rem}.welcome-title-with-icon{font-size:1.25rem}.platform-card-modern{padding:1.25rem}.platform-icon-modern{width:70px;height:70px}.info-card-modern{padding:1.25rem}}