:root{--color-1: #000000;--color-2: #FFFFFF;--color-3: #1c1b1e;--color-4: #4b4453;--color-5: #56416f;--color-6: #0064a5;--color-7: #c0375a;--color-8: #eb724f;--color-9: #C9A227;--color-10: #BFC5C9}*{margin:0;padding:0}a{text-decoration:none}ul{box-sizing:border-box;padding-left:25px}button{outline:none;border:none;cursor:pointer}html,body{width:100%;min-height:100vh;background-color:var(--color-1);color:var(--color-2)}body{display:flex;justify-content:center;align-items:center;padding-top:50px;padding-bottom:50px}body.scroll-disabled{overflow:hidden}body.scroll-disabled::before{content:"";display:block;width:100%;height:100%;background-color:rgba(0,0,0,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:110;position:fixed;top:0;left:0}#page{width:100%;max-width:1400px;height:100%;margin:auto;display:flex;flex-direction:column;gap:25px}#page #page-top{width:100%;box-sizing:border-box;padding:0 0 0 325px;display:flex;gap:10px;flex-wrap:wrap}#page #page-top .button-text{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;padding:10px;cursor:pointer;user-select:none;border-radius:.4rem}#page #page-top a.button-text{text-decoration:none}#page #page-top button.button-text{height:40px;border-radius:20px;font-size:20px;padding:0 15px;border:2px solid var(--color-5);background-color:var(--color-1);color:var(--color-2)}#page #page-top button.button-text.active{background-color:var(--color-5)}#page #page-core{width:100%;flex:1;display:grid;grid-template-columns:repeat(auto-fill, calc(50% - 25px));gap:25px}#page #page-core #page-left{width:100%;height:100%}#page #page-core #page-left #page-menu-zero{width:100%;display:flex;gap:25px}#page #page-core #page-left #page-menu-zero #page-menu{width:300px;height:500px;border-radius:2rem;box-sizing:border-box;border:2px solid var(--color-5);box-sizing:border-box;padding:50px 25px;background-color:var(--color-5)}#page #page-core #page-left #page-menu-zero #page-menu .items{margin-top:25px}#page #page-core #page-left #page-menu-zero #page-menu .app-item{width:100%;display:flex;align-items:center;gap:10px;box-sizing:border-box;padding:10px 25px;border-radius:35px}#page #page-core #page-left #page-menu-zero #page-menu .app-item:hover{background-color:var(--color-6);color:var(--color-2)}#page #page-core #page-left #page-menu-zero #page-menu .app-item .icon{width:50px;height:50px}#page #page-core #page-left #page-menu-zero #page-menu .app-item .icon img{width:100%;height:100%}#page #page-core #page-left #page-menu-zero #page-menu .app-item .name{font-size:1.3rem}#page #page-core #page-left #page-menu-zero #page-menu .item{width:100%;display:flex;align-items:center;gap:10px;box-sizing:border-box;padding:10px 25px;border-radius:35px;color:var(--color-2)}#page #page-core #page-left #page-menu-zero #page-menu .item:hover{background-color:var(--color-6);color:var(--color-2)}#page #page-core #page-left #page-menu-zero #page-menu .item .icon{width:20px;height:20px}#page #page-core #page-left #page-menu-zero #page-menu .item .icon svg path{fill:var(--color-2)}#page #page-core #page-left #page-menu-zero #page-menu .item .name{font-size:1rem}#page #page-core #page-left #page-menu-zero #page-zero{flex:1;display:flex;flex-direction:column;gap:25px}#page #page-core #page-left #page-menu-zero #page-zero .profile{width:100%;height:180px;border-radius:2rem;box-sizing:border-box;border:2px solid var(--color-5);display:flex;gap:10px;padding:10px;background-color:var(--color-5)}#page #page-core #page-left #page-menu-zero #page-zero .profile .block-left{width:100px;height:100%;display:flex;flex-direction:column;gap:10px}#page #page-core #page-left #page-menu-zero #page-zero .profile .block-left .avatar{width:100%;height:100px;border-radius:2rem;background-color:var(--color-5);box-shadow:1px 1px 4px #000}#page #page-core #page-left #page-menu-zero #page-zero .profile .block-left .stars{width:100%;flex:1;display:flex;gap:10px;justify-content:center;align-items:center}#page #page-core #page-left #page-menu-zero #page-zero .profile .block-left .stars .star{width:15px}#page #page-core #page-left #page-menu-zero #page-zero .profile .block-left .stars .star svg path{fill:var(--color-1)}#page #page-core #page-left #page-menu-zero #page-zero .profile .block-right{flex:1;box-sizing:border-box;padding:10px}#page #page-core #page-left #page-menu-zero #page-zero .profile .block-right .name{width:100%;text-align:right;font-size:1.3rem}#page #page-core #page-left #page-menu-zero #page-zero .profile .block-right .keywords{width:100%;margin-top:25px;display:flex;justify-content:end;gap:10px;flex-wrap:wrap}#page #page-core #page-left #page-menu-zero #page-zero .profile .block-right .keywords .keyword{height:30px;font-size:15px;box-sizing:border-box;padding:0 10px;border-radius:15px;background-color:var(--color-2);color:var(--color-1);display:inline-flex;align-items:center}#page #page-core #page-left #page-menu-zero #page-zero .profile .block-right .keywords .button-icon{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;cursor:pointer}#page #page-core #page-left #page-menu-zero #page-zero .profile .block-right .keywords button.button-icon{outline:none;padding:0;border:none}#page #page-core #page-left #page-menu-zero #page-zero .profile .block-right .keywords button.button-icon{width:30px;height:30px;border-radius:50%;background-color:var(--color-2);color:var(--color-1)}#page #page-core #page-left #page-menu-zero #page-zero .profile .block-right .keywords button.button-icon svg{width:15px}#page #page-core #page-left #page-menu-zero #page-zero .profile .block-right .keywords button.button-icon svg path{fill:var(--color-1)}#page #page-core #page-left #page-menu-zero #page-zero .ai{width:100%;flex:1;border-radius:2rem;box-sizing:border-box;border:2px solid var(--color-5);display:flex;flex-direction:column;gap:25px;justify-content:center;align-items:center;overflow:hidden;position:relative;background-color:var(--color-5)}#page #page-core #page-left #page-menu-zero #page-zero .ai .frame{position:absolute;width:100%;height:100%;top:0;overflow:hidden}#page #page-core #page-left #page-menu-zero #page-zero .ai .frame::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%, #5872AA 20%, transparent 21%),radial-gradient(circle at 75% 75%, #5872AA 15%, transparent 16%);background-size:1em 1em;opacity:.12}#page #page-core #page-left #page-menu-zero #page-zero .ai .visualizer{width:80px;height:80px;border-radius:50%;position:relative;background:radial-gradient(circle at 30% 30%, #f3ecff 0%, #ae94cd 35%, #7b5aa3 70%, #4a2f66 100%);box-shadow:0 0 20px rgba(174,148,205,.35),0 10px 25px rgba(0,0,0,.7);filter:brightness(1.1)}#page #page-core #page-left #page-menu-zero #page-zero .ai .visualizer::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 30%, #f3ecff 0%, #ae94cd 35%, #7b5aa3 70%, #4a2f66 100%);opacity:.6}#page #page-core #page-left #page-menu-zero #page-zero .ai .visualizer::after{content:"";position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle at 30% 30%, #f3ecff, #ae94cd 35%, #7b5aa3 70%, #4a2f66);filter:blur(8px);opacity:.8}#page #page-core #page-left #page-menu-zero #page-zero .ai .message{font-size:1.3rem;text-align:center;position:relative}#page #page-core #page-left #page-menu-zero #page-zero .ai .message span{font-weight:bolder}#page #page-core #page-right{width:100%;height:100%}#page #page-core #page-right #page-right-top{width:100%;display:flex;gap:10px}#page #page-core #page-right #page-right-top .search-input{flex:1;max-width:300px;height:50px;border-radius:25px;background-color:var(--color--1);box-sizing:border-box;border:2px solid var(--color-5)}#page #page-core #page-right #page-right-top .button-icon{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;cursor:pointer}#page #page-core #page-right #page-right-top button.button-icon{outline:none;padding:0;border:none}#page #page-core #page-right #page-right-top button.button-icon{width:50px;height:50px;border-radius:25px;background-color:var(--color--1);box-sizing:border-box;border:2px solid var(--color-5)}
#page-core #home-left{width:100%;display:flex;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap;gap:25px;margin-top:25px}#page-core #home-left .block-1,#page-core #home-left .block-2{border-radius:2rem;box-sizing:border-box;border:2px solid var(--color-5);background-color:var(--color-5)}#page-core #home-left .block-1{width:250px;height:200px}#page-core #home-left .block-2{width:200px;height:300px}#page-core #home-right{width:100%;display:flex;align-items:flex-start;flex-wrap:wrap;gap:25px;margin-top:25px}#page-core #home-right .inficademy-zero{flex:1;max-width:300px;min-width:200px;border-radius:2rem;box-sizing:border-box;border:2px solid var(--color-5);background-color:var(--color-5);padding:10px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}#page-core #home-right .inficademy-zero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%, #5872AA 20%, transparent 21%),radial-gradient(circle at 75% 75%, #5872AA 15%, transparent 16%);background-size:1em 1em;opacity:.12}#page-core #home-right .inficademy-zero .top{width:100%;display:flex;gap:10px;justify-content:space-between;align-items:center;position:relative}#page-core #home-right .inficademy-zero .top .logo{width:50px;height:50px;border-radius:1.3rem;overflow:hidden;border:1px solid var(--color-3)}#page-core #home-right .inficademy-zero .top .logo img{width:100%;height:100%}#page-core #home-right .inficademy-zero .core{width:100%;flex:1;position:relative}#page-core #home-right .inficademy-zero .core p{font-size:1.1rem}#page-core #home-right .inficademy-zero .core .button-text{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;padding:10px;cursor:pointer;user-select:none;border-radius:.4rem}#page-core #home-right .inficademy-zero .core a.button-text{text-decoration:none}#page-core #home-right .inficademy-zero .core .button-text{height:30px;border-radius:15px;margin-top:10px;background-color:var(--color-2);color:var(--color-3)}#page-core #home-right .program-latest{max-width:400px;min-width:200px;border-radius:2rem;box-sizing:border-box;border:2px solid var(--color-5);background-color:var(--color-5);padding:25px;display:flex;gap:25px;cursor:pointer}#page-core #home-right .program-latest .left-shape{background-color:#4f46e5;width:10px;border-radius:5px}#page-core #home-right .program-latest .content{flex:1}#page-core #home-right .program-latest .content .badge-title{width:100%;display:flex;gap:10px}#page-core #home-right .program-latest .content .badge-title .badge{width:45px;height:50px;clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#4f46e5}#page-core #home-right .program-latest .content .badge-title .title{font-size:1.1rem}#page-core #home-right .program-latest .content p{font-size:1rem;margin-top:10px}#page-core #home-right .program-latest .content .group,#page-core #home-right .program-latest .content .level{width:100%;display:flex;margin-top:10px}#page-core #home-right .program-latest .content .group .value,#page-core #home-right .program-latest .content .level .value{display:inline-flex;align-items:center;height:30px;box-sizing:border-box;padding:0 10px;font-size:15px;background-color:var(--color-2);color:var(--color-3);border-radius:15px}#page-core #home-right .program-latest .content .level{justify-content:flex-end}#page-core #home-right .exam-ready{max-width:300px;min-width:200px;border-radius:2rem;box-sizing:border-box;border:2px solid var(--color-5);background-color:var(--color-5);padding:25px;display:flex;gap:25px;cursor:pointer}#page-core #home-right .exam-ready .left-shape{background-color:#4f46e5;width:10px;border-radius:5px}#page-core #home-right .exam-ready .content{flex:1}#page-core #home-right .exam-ready .content .icon-title{width:100%;display:flex;gap:10px}#page-core #home-right .exam-ready .content .icon-title .icon{width:45px;height:50px;clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#4f46e5}#page-core #home-right .exam-ready .content .icon-title .icon svg{width:25px}#page-core #home-right .exam-ready .content .icon-title .icon svg path{fill:var(--color-2)}#page-core #home-right .exam-ready .content .icon-title .title{font-size:1.1rem}#page-core #home-right .exam-ready .content p{font-size:1rem;margin-top:10px}#page-core #home-right .exam-ready .content .group,#page-core #home-right .exam-ready .content .level{width:100%;display:flex;margin-top:10px}#page-core #home-right .exam-ready .content .group .value,#page-core #home-right .exam-ready .content .level .value{display:inline-flex;align-items:center;height:30px;box-sizing:border-box;padding:0 10px;font-size:15px;background-color:var(--color-2);color:var(--color-3);border-radius:15px}#page-core #home-right .exam-ready .content .level{justify-content:flex-end}#page-core #home-right .article-latest{width:100%;max-width:350px;border-radius:2rem;box-sizing:border-box;padding:25px;border:1px solid var(--color-5);background-color:var(--color-5);cursor:pointer}#page-core #home-right .article-latest .frame{width:100%;border-radius:2rem;overflow:hidden}#page-core #home-right .article-latest .frame .empty{width:100%;height:300px;border-radius:2rem;background-color:var(--color-4);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#page-core #home-right .article-latest .frame img{width:100%}#page-core #home-right .article-latest .lang{width:100%;margin-top:10px;font-size:.8rem;color:#7dd3fc}#page-core #home-right .article-latest .group,#page-core #home-right .article-latest .level{margin-top:10px}#page-core #home-right .article-latest .group .value,#page-core #home-right .article-latest .level .value{display:inline-flex;align-items:center;box-sizing:border-box;padding:0 10px;border-radius:15px;height:30px;font-size:15px;background-color:var(--color-2);color:var(--color-3)}#page-core #home-right .article-latest .level{text-align:right}#page-core #home-right .article-latest h3{font-size:1.5rem;margin-top:10px}#page-core #home-right .article-latest p{font-size:.9rem;margin-top:10px}#page-core #home-right .article-latest .date-latest{font-size:.8rem;margin-top:10px}#page-core #home-right .library-zero{flex:1;max-width:300px;min-width:200px;border-radius:2rem;box-sizing:border-box;border:2px solid var(--color-5);background-color:var(--color-5);padding:10px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}#page-core #home-right .library-zero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%, #5872AA 20%, transparent 21%),radial-gradient(circle at 75% 75%, #5872AA 15%, transparent 16%);background-size:1em 1em;opacity:.12}#page-core #home-right .library-zero .top{width:100%;display:flex;gap:10px;justify-content:space-between;align-items:center;position:relative}#page-core #home-right .library-zero .top .logo{width:50px;height:50px;border-radius:1.3rem;overflow:hidden;border:1px solid var(--color-3)}#page-core #home-right .library-zero .top .logo img{width:100%;height:100%}#page-core #home-right .library-zero .core{width:100%;flex:1;position:relative}#page-core #home-right .library-zero .core p{font-size:1.1rem}#page-core #home-right .library-zero .core .button-text{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;padding:10px;cursor:pointer;user-select:none;border-radius:.4rem}#page-core #home-right .library-zero .core a.button-text{text-decoration:none}#page-core #home-right .library-zero .core .button-text{height:30px;border-radius:15px;margin-top:10px;background-color:var(--color-2);color:var(--color-3)}
