.elementor-8103 .elementor-element.elementor-element-14ce5d3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.75;}.elementor-8103 .elementor-element.elementor-element-14ce5d3:not(.elementor-motion-effects-element-type-background), .elementor-8103 .elementor-element.elementor-element-14ce5d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://icecenter.itb.ac.id/wp-content/uploads/2025/09/itb.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8103 .elementor-element.elementor-element-14ce5d3::before, .elementor-8103 .elementor-element.elementor-element-14ce5d3 > .elementor-background-video-container::before, .elementor-8103 .elementor-element.elementor-element-14ce5d3 > .e-con-inner > .elementor-background-video-container::before, .elementor-8103 .elementor-element.elementor-element-14ce5d3 > .elementor-background-slideshow::before, .elementor-8103 .elementor-element.elementor-element-14ce5d3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8103 .elementor-element.elementor-element-14ce5d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at center center, var( --e-global-color-primary ) 0%, var( --e-global-color-text ) 100%);}.elementor-8103 .elementor-element.elementor-element-fa3be93 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:90px 0px 190px 0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-8103 .elementor-element.elementor-element-fa3be93 > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-14ce5d3 *//* ========================================= ICE CENTER LOGIN PAGE ONLY PAGE ID : 8103 ========================================= */ /* ========================================= CARD ========================================= */ html body .tutor-login-form-wrapper { width:100% !important; max-width:480px !important; background:rgba(255,255,255,.95) !important; border-radius:30px !important; padding:45px !important; margin:0 auto !important; box-sizing:border-box !important; box-shadow: 0 25px 60px rgba(0,0,0,.25) !important; border:1px solid rgba(255,255,255,.2) !important; backdrop-filter:blur(18px) !important; overflow:hidden !important; } /* ========================================= LOGO ========================================= */ html body .tutor-login-form-wrapper::before { content:""; display:block; width:220px; height:70px; margin:0 auto 24px; background: url('https://icecenter.itb.ac.id/wp-content/uploads/2026/05/Logo-ICE-Center-Biru-scaled.png') center/contain no-repeat !important; } /* ========================================= TITLE ========================================= */ html body .tutor-login-form-wrapper .tutor-fs-5 { font-size:32px !important; font-weight:700 !important; text-align:center !important; margin-bottom:30px !important; line-height:1.2 !important; color:#0f172a !important; } /* ========================================= INPUT ========================================= */ html body .tutor-login-form-wrapper input.tutor-form-control { width:100% !important; height:56px !important; border-radius:16px !important; border:1px solid #dbe2ea !important; background:#ffffff !important; padding:0 18px !important; font-size:15px !important; box-sizing:border-box !important; } /* INPUT FOCUS */ html body .tutor-login-form-wrapper input.tutor-form-control:focus { border-color:#2563eb !important; box-shadow: 0 0 0 4px rgba(37,99,235,.15) !important; } /* ========================================= BUTTON LOGIN ========================================= */ html body .tutor-login-form-wrapper button.tutor-btn-primary { width:100% !important; height:56px !important; border-radius:16px !important; background: linear-gradient(135deg,#2563eb,#1d4ed8) !important; border:none !important; color:#fff !important; font-size:16px !important; font-weight:600 !important; transition:all .25s ease !important; } html body .tutor-login-form-wrapper button.tutor-btn-primary:hover { transform:translateY(-1px); box-shadow: 0 10px 25px rgba(37,99,235,.25) !important; } /* ========================================= SOCIAL AREA ========================================= */ html body #tutor-pro-social-authentication { width:100% !important; display:flex !important; flex-direction:column !important; gap:12px !important; border-top:1px solid #e5e7eb !important; margin-top:30px !important; padding-top:30px !important; box-sizing:border-box !important; } /* ========================================= MICROSOFT BUTTON ========================================= */ .wpo365-mssignin-wrapper { width:100% !important; display:flex !important; justify-content:center !important; align-items:center !important; padding:0 !important; margin-top:14px !important; box-sizing:border-box !important; } .wpo365-mssignin-spacearound { width:100% !important; max-width:100% !important; margin-bottom:0 !important; } html body .wpo365-mssignin-button { width:100% !important; min-height:56px !important; border-radius:16px !important; border:1px solid #dbe2ea !important; background:#ffffff !important; display:flex !important; align-items:center !important; justify-content:center !important; transition:all .25s ease !important; box-sizing:border-box !important; overflow:hidden !important; } html body .wpo365-mssignin-button:hover { background:#f8fafc !important; box-shadow: 0 8px 20px rgba(0,0,0,.05) !important; } /* Jarak setelah tombol Microsoft */ .wpo365-mssignin-wrapper, .wpo365-mssignin-spacearound, .wpo365-mssignin-button { margin-bottom: 16px !important; } /* ========================================= SOCIAL BUTTON FIX ========================================= */ html body #tutor-pro-social-authentication a, html body #tutor-pro-social-authentication button { width:100% !important; max-width:100% !important; box-sizing:border-box !important; } /* ========================================= LINKS ========================================= */ html body .tutor-btn-ghost, html body .tutor-btn-link { color:#2563eb !important; } /* ========================================= TABLET ========================================= */ @media(max-width:768px){ html body .tutor-wrap.tutor-page-wrap, html body .tutor-template-segment.tutor-login-wrap { padding:30px 16px !important; } html body .tutor-login-form-wrapper { max-width:100% !important; padding:30px 24px !important; border-radius:24px !important; } html body .tutor-login-form-wrapper::before { width:180px; height:58px; margin-bottom:18px; } html body .tutor-login-form-wrapper .tutor-fs-5 { font-size:26px !important; } } /* ========================================= MOBILE ========================================= */ @media(max-width:480px){ html body .tutor-wrap.tutor-page-wrap, html body .tutor-template-segment.tutor-login-wrap { padding:20px 14px !important; } html body .tutor-login-form-wrapper { padding:24px 18px !important; border-radius:20px !important; } html body .tutor-login-form-wrapper::before { width:150px; height:48px; margin-bottom:14px; } html body .tutor-login-form-wrapper .tutor-fs-5 { font-size:22px !important; margin-bottom:22px !important; } html body .tutor-login-form-wrapper input.tutor-form-control, html body .tutor-login-form-wrapper button.tutor-btn-primary, html body .wpo365-mssignin-button { min-height:52px !important; height:52px !important; border-radius:14px !important; font-size:14px !important; } } /* ========================================= EXTRA SMALL DEVICE ========================================= */ @media(max-width:360px){ html body .tutor-login-form-wrapper { padding:20px 14px !important; } html body .tutor-login-form-wrapper .tutor-fs-5 { font-size:20px !important; } html body .tutor-login-form-wrapper::before { width:130px; height:42px; } }/* End custom CSS */