@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@700;800&family=Inter:wght@400;500&display=swap";:root{--primary-color: #007bff;--primary-hover: #0056b3;--secondary-color: #6c757d;--surface-color: #ffffff;--background-color: #f8fbff;--background-color-light: #eef7ff;--text-color: #212529;--text-color-light: #5a6268;--heading-color: #343a40;--border-color: #dee2e6;--border-radius: .5rem;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .15);--font-family: "Poppins", sans-serif;--transition-speed: .3s}body{font-family:var(--font-family);color:var(--text-color);line-height:1.6;min-height:100vh;background:linear-gradient(180deg,#f8fbff,#e0f2fe,#bfdbfe,#93c5fd,#7dd3fc);overflow-x:hidden}.pset{padding-top:100px;padding-bottom:80px;margin-top:40px;background:transparent}.cara-kerja-title{font-size:32px;font-weight:700;color:#258bd5;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.cara-kerja-separator{width:100px;height:4px;background:#2f53bf;margin:0 auto 100px;border-radius:2px}.listar-feature-items{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;gap:45px}.listar-feature-item-wrapper{padding:0 15px;margin-bottom:120px;flex:0 0 100%;max-width:100%}@media(min-width:576px){.listar-feature-item-wrapper{flex:0 0 45%;max-width:45%}}@media(min-width:992px){.listar-feature-item-wrapper{flex:0 0 30%;max-width:30%}}.listar-feature-item{position:relative;min-height:380px;background:transparent;display:flex;flex-direction:column;transition:transform .3s ease}.listar-feature-item:hover{transform:translateY(-10px)}.listar-feature-item-inner{position:relative;padding:80px 30px 100px;height:100%;z-index:2}.listar-feature-right-border{position:absolute;top:-12px;left:50%;width:calc(100% + 24px);height:calc(100% + 24px);transform:translate(-50%);overflow:hidden}.listar-feature-right-border:before{content:"";position:absolute;inset:0;border:11px solid #258bd5;border-radius:800px}.listar-feature-item:hover .listar-feature-right-border:before{border-color:#2f53bf}.listar-feature-icon-wrapper{width:148px;height:148px;background:#fff;border-radius:50%;box-shadow:8px 8px 30px #00000014;display:flex;align-items:center;justify-content:center;position:absolute;top:-74px;left:50%;transform:translate(-50%);z-index:10}.listar-feature-icon-inner{width:120px;height:120px;border-radius:50%;background:#fff;box-shadow:10px 10px 20px #0000001f;display:flex;align-items:center;justify-content:center}.listar-feature-icon-inner img{height:55px;width:auto}.listar-feature-content-wrapper{margin-top:60px}.listar-feature-item-title{margin-bottom:30px}.listar-feature-item-title>span{background:#fff;padding:12px 24px 12px 70px;border-radius:50px;box-shadow:15px 20px 30px #5050501f;position:relative;display:inline-block}.listar-feature-item-title>span span{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:10px 10px 20px #50505033;display:flex;align-items:center;justify-content:center;font-size:14px}.listar-feature-item-excerpt{padding:0 20px;font-size:14px;color:#252525}.listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after{content:"";position:absolute;left:50%;bottom:-26px;transform:translate(-50%);width:52px;height:52px;border-radius:50%;background:#fff;box-shadow:0 0 #a3b1c64d;animation:ripple 1.2s infinite ease-out;z-index:5}@keyframes ripple{0%{box-shadow:0 0 #a3b1c666,0 0 0 10px #a3b1c640,0 0 0 25px #a3b1c614}to{box-shadow:0 0 0 10px #a3b1c64d,0 0 0 30px #a3b1c60d,0 0 0 60px #a3b1c600}}@media(max-width:767px){.cara-kerja-title{font-size:24px}.listar-feature-icon-wrapper{width:120px;height:120px;top:-60px}.listar-feature-icon-inner{width:100px;height:100px}.listar-feature-icon-inner img{height:45px}.listar-feature-item{min-height:320px}.listar-feature-item-title>span{padding:12px 18px 12px 50px;max-width:150%;margin-left:-20px;box-sizing:border-box}.listar-feature-item-title>span span{left:8px;width:38px;height:38px;font-size:18px;font-weight:600}.listar-feature-right-border{width:250px;height:104%}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary-color: #007bff;--primary-hover: #0056b3;--secondary-color: #6c757d;--surface-color: #ffffff;--text-color: #212529;--heading-color: #343a40;--border-color: #dee2e6;--border-radius: .5rem;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--font-family: "Poppins", sans-serif;--transition-speed: .3s}body{font-family:var(--font-family);color:var(--text-color);line-height:1.6;min-height:100vh;background:linear-gradient(180deg,#fff 0% 20%,#fff 30%,#b4d4fb 60%,#93c4fc,#89d3f5);overflow-x:hidden}#root{min-height:100vh}main{flex-grow:1}.container{width:90%;max-width:1100px;margin:0 auto;padding:0 1rem}h1,h2,h3,h4,h5,h6{color:var(--heading-color);font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}p{margin-bottom:1rem}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-speed) ease}a:hover{color:var(--primary-hover);text-decoration:underline}.btn{display:inline-block;font-weight:600;color:#fff;text-align:center;vertical-align:middle;cursor:pointer;background-color:var(--primary-color);border:1px solid transparent;padding:.75rem 1.5rem;font-size:1rem;border-radius:var(--border-radius);transition:all var(--transition-speed) ease;box-shadow:var(--shadow)}.btn:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 10px #00000026}.btn-secondary{background-color:var(--secondary-color)}.btn-secondary:hover{background-color:#5a6268}.card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:2rem;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}button,input,select,textarea{font-family:inherit;font-size:100%}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}.landing-container{min-height:100vh;background:linear-gradient(180deg,#25a9e0,#1e9bd1);display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 16px 120px;position:relative;overflow:hidden;animation:fadeIn .8s ease;z-index:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.landing-container .logo{z-index:3}.landing-container .logo img{height:70px;animation:slideDown .6s ease;max-width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.landing-container .percentage{font-size:74px;font-weight:900;color:#fff;text-shadow:0 4px 0 #f5b400,0 8px 20px rgba(0,0,0,.15);margin-top:6px;margin-bottom:10px}.landing-container .headline{font-size:20px;font-weight:800;color:#fff;margin-top:10px;margin-bottom:6px}.landing-container .subtitle{font-size:15px;color:#eaf7fd;margin-top:6px;margin-bottom:12px}.landing-container .free{font-size:24px;font-weight:900;color:#fff;margin-top:12px;letter-spacing:.5px;margin-bottom:12px}.landing-container .description{font-size:14px;color:#f1fbff;margin-top:12px;max-width:340px;line-height:1.5;margin-bottom:22px}.landing-container h1,.landing-container h2,.landing-container p.subtitle,.landing-container p.free,.landing-container p.description,.landing-container .percentage{position:relative;z-index:3}.landing-container .cta{margin-top:22px;background:linear-gradient(180deg,#ffc83d,#f9a825);color:#fff;font-size:16px;font-weight:800;padding:15px 32px;border:none;border-radius:40px;cursor:pointer;box-shadow:0 8px #e09100,0 14px 30px #0003;transition:all .25s ease;position:relative;overflow:hidden;z-index:2}.landing-container .cta:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top,rgba(255,255,255,.4),transparent 60%);opacity:0;transition:opacity .3s ease}.landing-container .cta:hover{transform:translateY(-2px);box-shadow:0 10px #e09100,0 18px 34px #00000040}.landing-container .cta:hover:after{opacity:1}.landing-container .cta:active{transform:translateY(4px);box-shadow:0 4px #e09100}.landing-container .illustration{position:absolute;bottom:-12px;width:100%;display:flex;justify-content:center;animation:riseUp .9s ease;z-index:1}@keyframes riseUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.landing-container .illustration img{width:100%;max-width:440px;height:auto;aspect-ratio:440 / 248}.landing-container:after{content:"";position:absolute;bottom:-220px;left:50%;transform:translate(-50%);width:200%;height:320px;background:#fff;border-radius:50%;z-index:0;box-shadow:0 -10px 20px #0000000d}section{padding:100px 8%;position:relative;background:transparent;z-index:1}.content-section{padding-top:0}.content-section h2{font-size:42px;color:#1e3a8a;margin-bottom:1.5rem;text-align:center}.section-description{max-width:700px;color:#334155;line-height:1.9;text-align:center;margin:0 auto 5rem}.video-section{text-align:center;margin-top:80px;margin-bottom:80px}.video-section .section-description{margin-bottom:3rem}.video-wrapper{max-width:800px;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 15px 40px #0000001f;transition:transform .3s ease,box-shadow .3s ease}.video-wrapper:hover{transform:scale(1.02);box-shadow:0 20px 50px #00000026}.video-container{position:relative;padding-top:56.25%}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.testimonials-section{background:transparent}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.testimonial-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 8px 20px #00000014;text-align:center;transition:transform .3s ease}.testimonial-card:hover{transform:translateY(-5px)}.testimonial-avatar{width:60px;height:60px;border-radius:50%;margin-bottom:1rem}.testimonial-quote{font-style:italic;color:#334155;margin-bottom:1rem}.testimonial-name{font-weight:700;color:#1e3a8a}.faq-layout{display:grid;grid-template-columns:260px 1fr;gap:3rem;align-items:flex-start;margin-top:3rem}.faq-image img{width:300px;aspect-ratio:1 / 1;object-fit:cover;animation:float 4s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px #00000014}.faq-question{width:100%;padding:1.2rem 1.5rem;background:none;border:none;font-size:1rem;font-weight:700;color:#1e3a8a;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.faq-item.active .faq-question{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff}.faq-question .arrow{font-size:1.5rem}.faq-answer{padding:0 1.5rem;background:#f8fafc}.faq-answer p{padding:1rem 0 1.5rem;color:#334155;line-height:1.7}.guide-layout{display:grid;grid-template-columns:1fr 240px;gap:3rem;align-items:center;background:linear-gradient(135deg,#e0f2fe,#bfdbfe);border-radius:20px;padding:3rem;margin-top:5rem}.guide-image{display:flex;justify-content:flex-end}.guide-image img{max-width:200px;aspect-ratio:1 / 1;object-fit:cover;animation:float 4s ease-in-out infinite}.guide-content h2{margin-bottom:1rem;color:#1e3a8a}.guide-content p{font-size:16px;line-height:1.8;text-align:center;color:#334155}@media(max-width:1200px){.content-section h2{font-size:36px}.section-description{max-width:600px}.guide-section{padding:3rem}}@media(max-width:991px){section{padding:80px 5%}.landing-container .percentage{font-size:60px}.landing-container .headline{font-size:18px}.landing-container .free{font-size:22px}.landing-container .description{font-size:13px;max-width:300px}.video-wrapper{max-width:700px}}@media(max-width:767px){section{padding:60px 4%}.video-wrapper{margin:2rem auto}.guide-section{padding:2.5rem;margin:3rem auto}.landing-container{padding:20px 10px 100px}.landing-container .logo img{height:64px}.landing-container .percentage{font-size:54px}.landing-container .headline,.landing-container .subtitle{font-size:18px}.landing-container .free{font-size:24px}.landing-container .description{font-size:16px;max-width:284px}.landing-container .cta{padding:12px 28px;font-size:16px}.landing-container .illustration img{max-width:320px}.content-section h2{font-size:28px}.section-description{font-size:14px;line-height:1.6}.testimonials-grid{grid-template-columns:1fr}.faq-item{padding:1rem}.faq-layout,.guide-layout{grid-template-columns:1fr;text-align:center}.guide-image{justify-content:center}.faq-question{text-align:left}.faq-image img,.guide-image img{margin:0 auto 1.5rem}}@media(max-width:480px){.landing-container .percentage{font-size:40px}.landing-container:after{bottom:-60px;height:120px}}.option-btn{display:flex;align-items:center;width:100%;padding:1rem 1.5rem;font-size:1rem;text-align:left;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed) ease;box-shadow:0 2px 4px #0000000d}.option-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;border-color:var(--primary-hover)}.option-btn.selected,.option-btn.checked{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);font-weight:600}.option-btn.selected:hover,.option-btn.checked:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.option-btn input[type=checkbox]{margin-right:1rem;width:1.2em;height:1.2em;accent-color:var(--primary-color)}.question-card{width:100%;text-align:center;flex-grow:1;display:flex;flex-direction:column;justify-content:center;padding:1rem}.question-card h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--heading-color);line-height:1.3}.options{display:grid;grid-template-columns:1fr;gap:.75rem;max-height:50vh;overflow-y:auto;padding-right:5px}@media(min-width:600px){.options{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-height:none}.question-card h3{font-size:1.75rem;margin-bottom:2.5rem}}@media(max-width:480px){.question-card h3{font-size:1.2rem;margin-bottom:1rem}.options{gap:.5rem;max-height:45vh}}.text-input{width:100%;padding:.75rem 1rem;font-size:1rem;border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--surface-color);transition:border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.text-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff40}.progress-wrap{width:100%;height:10px;background-color:var(--border-color);border-radius:var(--border-radius);margin-bottom:2rem;overflow:hidden}.progress{height:100%;background-color:var(--primary-color);border-radius:var(--border-radius);transition:width .4s ease-in-out}.quiz-page{width:100%;max-width:600px;margin:0 auto;height:100dvh;display:flex;flex-direction:column;padding:1rem;box-sizing:border-box;overflow:hidden}.quiz-fixed-top{margin-bottom:1rem;flex-shrink:0}.quiz-container{background:#fff;border-radius:1.5rem;box-shadow:0 10px 25px #0000000d;display:flex;flex-direction:column;border:1px solid #f0f0f0;max-height:85vh;overflow:hidden}.quiz-content{padding:1.5rem;overflow-y:auto;flex-grow:1}.quiz-actions{padding:1rem 1.5rem;background:#fff;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:1rem;flex-shrink:0}.quiz-actions button:first-child:not(:only-child){margin-right:auto}.secondary-btn{background:#6b6b6b;border:1px solid #e0e0e0;color:#fff}.secondary-btn:hover{background:#4d4d4d}.primary-btn{background:#007bff;color:#fff}.primary-btn:hover{background:#0069d9}@media(max-width:768px){.quiz-page{padding:.75rem}.quiz-container{max-height:90vh}.quiz-content{padding:1rem}.quiz-actions{padding:.8rem 1rem;gap:.8rem}.quiz-actions button{width:100%}.quiz-actions button:first-child:not(:only-child){margin-right:0}}.highlight-card{background:#fff;border-radius:20px;padding:2rem 1.5rem;position:relative;box-shadow:var(--shadow-sm);transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.8);display:flex;flex-direction:column;height:100%}.highlight-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}.highlight-card.rank-1{background:#fff;border:2px solid var(--primary);box-shadow:0 10px 30px #0ea5e933;transform:scale(1.02);z-index:2}@media(min-width:850px){.highlight-card.rank-1{transform:scale(1.1) translateY(-20px)}}.tag{background:#e0f2fe;color:var(--primary);padding:.3rem .7rem;border-radius:6px;font-size:.75rem;font-weight:600}.highlight-card.rank-1 .circle{stroke:var(--primary)}.rank-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);padding:.5rem 1.2rem;border-radius:50px;font-weight:800;font-size:1.1rem;color:#fff;display:flex;align-items:center;gap:5px;box-shadow:0 4px 6px #0000001a}.badge-1{background:linear-gradient(135deg,gold,#fdb931);text-shadow:0 1px 2px rgba(0,0,0,.2)}.badge-2{background:linear-gradient(135deg,#e0e0e0,#bdbdbd);color:#333}.badge-3{background:linear-gradient(135deg,#d4af37,sienna)}.card-content{display:flex;flex-direction:column;align-items:center;text-align:center}.major-title{font-size:1.4rem;color:var(--text-main);margin:1rem 0 .2rem}.major-cat{text-transform:uppercase;font-size:.75rem;letter-spacing:1px;color:var(--text-muted);font-weight:600;margin-bottom:1rem}.score-ring-container{position:relative;width:100px;height:100px}.circular-chart{display:block;max-width:100%;max-height:100%}.circle-bg{fill:none;stroke:#eee;stroke-width:2.5}.circle{fill:none;stroke:var(--primary);stroke-width:2.5;stroke-linecap:round;animation:progress 1.5s ease-out forwards}.rank-1 .circle{stroke:var(--gold)}@keyframes progress{0%{stroke-dasharray:0,100}}.score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.score-val{font-weight:800;font-size:1.2rem;color:var(--text-main)}.score-label{font-size:.6rem;color:var(--text-muted);text-transform:uppercase}.insight-box{background:#f1f5f9;padding:1rem;border-radius:12px;font-size:.9rem;font-style:italic;color:var(--text-main);margin-top:1rem;width:100%;box-sizing:border-box}.tags-container{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:1rem}.tag{background:#4f46e51a;color:var(--primary);padding:.2rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600}.pct-wrapper{display:flex;align-items:center;gap:1rem;width:100%}.pct-track{flex-grow:1;height:10px;background-color:#e2e8f0;border-radius:20px;overflow:hidden;position:relative}.pct-fill{height:100%;border-radius:20px;position:relative;transition:width 1s cubic-bezier(.4,0,.2,1)}.pct-fill.high{background:linear-gradient(90deg,#4f46e5,#818cf8)}.pct-fill.med{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.pct-fill.low{background:linear-gradient(90deg,#64748b,#94a3b8)}.shine-effect{position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#fff6,#fff0);transform:skew(-20deg) translate(-150%);animation:shimmer 2s infinite}@keyframes shimmer{to{transform:skew(-20deg) translate(200%)}}.pct-label{font-weight:700;color:var(--text-main);width:3rem;text-align:right}.pct-wrapper.image-version .pct-fill.high{background:#4f46e5}.pct-wrapper.image-version .pct-fill.med{background:#f59e0b}.pct-wrapper.image-version .pct-fill.low{background:#64748b}.pct-wrapper.image-version .shine-effect{display:none}.list-wrapper{display:flex;flex-direction:column;gap:.8rem}.list-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:12px;border:1px solid transparent;transition:all .2s ease;opacity:0;animation:slideInLeft .5s ease-out forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.list-row:hover{border-color:var(--primary);transform:translate(5px);box-shadow:var(--shadow-sm)}.list-info{flex-basis:40%}.list-name{font-weight:600;color:var(--text-main);margin-bottom:.2rem}.list-cat{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.list-bar{flex-basis:55%}@media(max-width:600px){.list-row{flex-direction:column;align-items:flex-start;gap:1rem}.list-bar{width:100%}}.share-buttons{display:flex;justify-content:center;gap:1rem}.share-btn{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;border-radius:10px;border:none;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.share-btn.primary-blue{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.share-btn.primary-blue:hover{background:#bae6fd}.share-btn.secondary-solid{background:#38bdf8;color:#fff;border:1px solid #0ea5e9}.share-btn.secondary-solid:hover{background:#0ea5e9}.share-btn.secondary-solid:disabled{background-color:#a5dff8;border-color:#a5dff8;cursor:not-allowed}.share-btn.secondary-outline{background:transparent;color:#64748b;border:1px solid #e2e8f0}.share-btn.secondary-outline:hover{background:#f1f5f9;color:#1e293b}.toast-notif{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:linear-gradient(90deg,#0369a1,#06b6d4);color:#fff;padding:.7rem 1rem;border-radius:12px;box-shadow:0 8px 24px #02061759;z-index:9999;display:flex;flex-direction:column;align-items:flex-start}.toast-notif strong{display:block;font-size:.95rem}.toast-notif .toast-sub{font-size:.85rem;opacity:.9}.result-image-wrapper{width:500px;padding:2rem;background:linear-gradient(160deg,#f0f8ff,#e6e6fa);font-family:Inter,sans-serif;color:#1e293b;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 10px 30px #0000001a}.ri-header{text-align:center;border-bottom:2px dashed #D1D5DB;padding-bottom:1rem}.ri-logo{width:100px;height:auto;margin-bottom:.4rem}.ri-title{font-family:Plus Jakarta Sans,sans-serif;font-size:2.25rem;font-weight:800;color:#0284c7;margin:0}.ri-subtitle{font-size:.9rem;color:#475569;max-width:80%;margin:.5rem auto 0}.ri-body{display:flex;flex-direction:column;gap:1rem}.ri-major-card{background:#fff;border-radius:12px;padding:1.25rem;border:1px solid #E5E7EB;transition:all .3s}.ri-major-card.rank-1{border-left:6px solid #FBBF24}.ri-major-card.rank-2{border-left:6px solid #D1D5DB}.ri-major-card.rank-3{border-left:6px solid #CD7F32}.ri-major-name-container{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.ri-major-icon{font-size:1.5rem}.ri-major-name{font-family:Plus Jakarta Sans,sans-serif;font-size:1.2rem;font-weight:700;color:#111827;margin:0}.ri-score-label{font-size:.8rem;font-weight:500;color:#6b7280;margin-bottom:.25rem;display:block}.ri-footer{text-align:center;padding-top:1rem;border-top:2px dashed #D1D5DB;margin-top:auto}.ri-footer p{font-size:.85rem;color:#475569;margin:0}:root{--primary: #0ea5e9;--primary-dark: #0284c7;--secondary: #38bdf8;--bg-page: #f8fafc;--bg-card: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--shadow-soft: 0 4px 6px -1px rgba(0, 0, 0, .1);--radius: 16px;--glass-border: rgba(226, 232, 240, .8)}body{background:linear-gradient(180deg,#fff 0% 20%,#fff 30%,#b4d4fb 60%,#93c4fc,#89d3f5);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;margin:0}.result-page{width:100%;max-width:1100px;margin:0 auto;padding:3rem 1.5rem}.result-header{text-align:center;margin-bottom:3rem}.result-header h2{font-size:2.5rem;background:linear-gradient(135deg,#0284c7,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;font-weight:800;letter-spacing:-.025em}.top-recos{display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem}@media(min-width:850px){.top-recos{display:grid;grid-template-columns:repeat(3,1fr);align-items:end}.reco-card-wrapper.rank-1{order:2}.reco-card-wrapper.rank-2{order:1}.reco-card-wrapper.rank-3{order:3}}.container-glass{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:2rem;margin-bottom:2rem}.section-title{font-size:1.5rem;color:var(--text-main);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.section-title:before{content:"";display:block;width:6px;height:24px;background:var(--primary);border-radius:4px}.show-more-container{display:flex;justify-content:center;margin:3rem 0}.btn-explore{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:1rem 2rem;border-radius:12px;border:none;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0ea5e94d}.btn-explore:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0ea5e966}.btn-explore:active{transform:translateY(0)}.empty-state{text-align:center;padding:5rem 1rem;background:#fff;border-radius:var(--radius)}.qrcode-wrapper{text-align:center;background:#f1f5f9;padding:2.5rem;border-radius:var(--radius);border:1px dashed #cbd5e1}.qr-image{padding:1rem;background:#fff;border-radius:12px;box-shadow:var(--shadow-soft);margin-top:1rem}.animate-enter{opacity:0;animation:fadeInUp .8s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-notif{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:.8rem 1.5rem;border-radius:50px;font-size:.9rem;z-index:9999;box-shadow:0 10px 15px -3px #0000001a;animation:slideUp .3s ease-out}@keyframes slideUp{0%{bottom:0;opacity:0}to{bottom:2rem;opacity:1}}@media(max-width:768px){.result-header h2{font-size:2rem}}.about-page{padding:4rem 2rem;max-width:800px;margin:0 auto}.about-page h2{margin-bottom:1.5rem;color:var(--heading-color)}.about-page h3{margin-top:2rem;margin-bottom:1rem;color:var(--heading-color)}.about-page p{margin-bottom:1.5rem;line-height:1.6}.about-page ul{margin-left:1.5rem;margin-bottom:1.5rem}.about-page li{margin-bottom:.5rem;line-height:1.6}.site-footer{position:relative;background:linear-gradient(180deg,#bfdbfe,#fff);padding:120px 0 20px;overflow:hidden}.footer-wave{position:absolute;top:0;left:0;width:100%;height:100px;z-index:0}.site-footer .container{position:relative;z-index:1}@keyframes wave{0%{background-position:0}to{background-position:1440px}}@keyframes waveMove{0%{transform:translate(0)}to{transform:translate(-50%)}}.site-footer .container{max-width:1200px;margin:0 auto;padding:0 1rem;position:relative;z-index:1}.site-footer .row{display:flex;flex-wrap:wrap;justify-content:space-between}.site-footer .col-sm-12.col-md-6{width:50%;padding:0 15px}.site-footer .col-xs-6.col-md-3{width:25%;padding:0 15px}.footer-about{flex:2}.site-footer hr{border-top-color:#bbb;opacity:.5;margin:20px 0}.site-footer h6{color:#1e3a8a;font-size:16px;text-transform:uppercase;margin-top:5px;letter-spacing:2px}.site-footer a{color:#334155;text-decoration:none}.site-footer a:hover{color:#1e3a8a}.footer-links{padding-left:0;list-style:none}.footer-links li{display:block;margin-bottom:10px}.footer-links a:hover{color:#1e3a8a;text-decoration:underline}.site-footer .social-icons{text-align:right}.copyright-text{margin:0;color:#334155}.social-icons{padding-left:0;margin-bottom:0;list-style:none}.social-icons li{display:inline-block;margin-bottom:4px}.social-icons a{background-color:#1e3a8a1a;color:#1e3a8a;font-size:16px;display:inline-block;line-height:44px;width:44px;height:44px;text-align:center;margin-right:8px;border-radius:100%;transition:all .2s linear}.social-icons a:hover{color:#fff;background-color:#ffffff4d}.social-icons a.facebook:hover{background-color:#3b5998}.social-icons a.github:hover{background-color:#333}.social-icons a.youtube:hover{background-color:red}.hidden-anim{opacity:0;transform:translateY(60px);transition:opacity .8s ease,transform .8s ease}.show-anim{opacity:1;transform:translateY(0)}@media(max-width:991px){.site-footer .col-sm-12.col-md-6,.site-footer .col-xs-6.col-md-3{width:50%;margin-bottom:30px}}@media(max-width:767px){.site-footer{padding-bottom:0}.site-footer .copyright-text{text-align:center}.site-footer .col-sm-12.col-md-6,.site-footer .col-xs-6.col-md-3{width:100%}.site-footer .row{display:flex;flex-direction:column;align-items:center}.site-footer .social-icons{margin-top:20px;padding-left:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}.social-icons li{display:inline-block;margin:0}.social-icons a{margin-right:0}}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-content{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 5px 15px #0000004d;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;position:relative;animation:slideIn .3s ease-out}.modal-content h3{color:#1e3a8a;margin-top:0;margin-bottom:20px;font-size:1.8rem;text-align:center}.modal-content h4{color:#1e3a8a;margin-top:15px;margin-bottom:10px;font-size:1.3rem}.modal-content p{color:#334155;line-height:1.6;margin-bottom:10px}.modal-content ul{list-style:disc inside;color:#334155;padding-left:20px;margin-bottom:10px}.modal-content ul li{margin-bottom:5px}.modal-close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#334155;transition:color .2s ease}.modal-close-btn:hover{color:#1e3a8a}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}.modal-overlay.closing{animation:fadeOut .3s ease-out forwards}.modal-overlay.closing .modal-content{animation:slideOut .3s ease-out forwards}@media(max-width:768px){.modal-content{width:95%;padding:20px}.modal-content h3{font-size:1.5rem}}:root{--hue-primary: 213deg;--hue-secondary: 183deg;--hue-tertiary: 63deg;--white: hsl(0 0% 100%);--gray1: hsl(var(--hue-primary) 10% 95%);--gray2: hsl(var(--hue-primary) 10% 85%);--gray9: hsl(var(--hue-primary) 10% 15%);--gray10: hsl(var(--hue-primary) 10% 5%);--primary5: hsl(var(--hue-primary) 90% 55%);--primary6: hsl(var(--hue-primary) 90% 45%);--secondary5-00: hsl(var(--hue-secondary) 90% 55% / 0);--secondary6: hsl(var(--hue-secondary) 90% 45%);--tertiary6: hsl(var(--hue-tertiary) 90% 45%);--trans-dur: .3s}.pl{--anim-dur: 4s;display:block;width:18em;height:auto;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999}.pl__bar,.pl__blob,.pl__circle,.pl__worm{animation-duration:var(--anim-dur);animation-timing-function:cubic-bezier(.37,0,.63,1);animation-iteration-count:infinite}.pl__bar{animation-name:bar-full;animation-delay:calc(var(--anim-dur) * -.4375)}.pl__bar--1,.pl__bar--2{animation-name:bar-half}.pl__bar--1{animation-delay:calc(var(--anim-dur) * -.325)}.pl__bar--2{animation-delay:calc(var(--anim-dur) * -.2375)}.pl__blob{animation-name:blob-spin;animation-timing-function:linear}.pl__circle{animation-name:circle-pulse-063}.pl__circle--1{animation-name:circle-pulse-072;animation-delay:calc(var(--anim-dur) * -.975)}.pl__circle--2{animation-name:circle-pulse-069;animation-delay:calc(var(--anim-dur) * -.9125)}.pl__circle-group{transition:transform calc(var(--anim-dur) * .125) cubic-bezier(.32,0,.67,0),visibility calc(var(--anim-dur) * .125) step-end}.pl__circle-group--shrink{transform:scale(0);visibility:hidden}.pl__ray{transform:translate(0) scaleY(0);transition:transform calc(var(--anim-dur) * .35) cubic-bezier(.33,1,.68,1),visibility calc(var(--anim-dur) * .35) step-start;visibility:hidden}.pl__worm{animation-name:worm-move;animation-timing-function:cubic-bezier(.37,.25,.63,.75)}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes bar-full{0%,25%,50%,75%,to{transform:translateY(0)}12.5%,37.5%,62.5%,87.5%{transform:translateY(36px)}}@keyframes bar-half{0%,25%,50%,75%,to{transform:translateY(19px)}12.5%,37.5%,62.5%,87.5%{transform:translateY(36px)}}@keyframes blob-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes circle-pulse-063{0%,50%,to{transform:scale(1)}25%,75%{transform:scale(.63)}}@keyframes circle-pulse-069{0%,50%,to{transform:scale(1)}25%,75%{transform:scale(.69)}}@keyframes circle-pulse-072{0%,50%,to{transform:scale(1)}25%,75%{transform:scale(.72)}}@keyframes worm-move{0%{transform:rotate(0)}33.33%{transform:rotate(1turn)}66.67%{transform:rotate(2turn)}to{transform:rotate(3turn)}}.chatbot-container{--chatbot-primary: #0072ff;--chatbot-secondary: #00c6ff;--chatbot-bg: #f4f5f7;--user-bg: #ffffff;--user-text: #333;--bot-text: #ffffff;--white: #fff;--gray: #ccc;--dark-gray: #888}.mobile-modal-overlay{display:none;position:fixed;inset:0;background-color:#000000b3;z-index:999}.chatbot-fab{position:fixed;bottom:25px;right:25px;width:80px;height:80px;border-radius:50%;background:linear-gradient(45deg,var(--chatbot-primary),var(--chatbot-secondary));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003;transition:transform .3s ease,box-shadow .3s ease;z-index:1000}.chatbot-fab:hover{transform:scale(1.1)}.chatbot-fab img{width:60px;height:60px}.chat-window{position:fixed;bottom:115px;right:25px;width:370px;max-width:calc(100% - 40px);height:70vh;max-height:600px;background-color:var(--chatbot-bg);border-radius:15px;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column;overflow:hidden;transform:scale(.5);opacity:0;visibility:hidden;transform-origin:bottom right;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:1000}.chat-window.open{transform:scale(1);opacity:1;visibility:visible}.chat-header{background:linear-gradient(45deg,var(--chatbot-primary),var(--chatbot-secondary));color:var(--white);padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.chat-header h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--white)}.chat-close-btn{background:none;border:none;cursor:pointer;padding:5px;line-height:0}.chat-close-btn img{filter:invert(1);width:20px;height:20px}.send-btn{background:none;border:none;cursor:pointer;padding:6px}.send-btn img{width:22px;height:22px;filter:brightness(0) invert(1)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-messages{flex-grow:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.message-bubble{max-width:85%;padding:10px 15px;border-radius:18px;word-wrap:break-word;line-height:1.5;font-size:.95rem}.message-bubble.model{background-color:var(--chatbot-primary);color:var(--bot-text);border-bottom-left-radius:4px;align-self:flex-start}.message-bubble.user{background-color:var(--user-bg);color:var(--user-text);border:1px solid #e5e5e5;border-bottom-right-radius:4px;align-self:flex-end}.chat-input-area{display:flex;padding:15px;border-top:1px solid #e0e0e0;background-color:var(--white)}.chat-input-area input{flex-grow:1;border:1px solid var(--gray);border-radius:20px;padding:10px 15px;font-size:1rem;outline:none;min-width:150px}.chat-input-area button{border:none;background-color:var(--chatbot-primary);color:var(--white);border-radius:20px;padding:10px 20px;margin-left:10px;cursor:pointer;font-weight:700}@media(max-width:480px){.chat-is-open .mobile-modal-overlay{display:block;animation:fadeIn .3s ease-out}.chat-window{inset:50% auto auto 50%;transform:translate(-50%,-50%) scale(.9);width:90%;height:auto;max-height:55vh;border-radius:15px;transform-origin:center}.chat-window.open{transform:translate(-50%,-50%) scale(1)}.chat-input-area input{font-size:16px}.chatbot-fab{bottom:25px;right:25px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.typing-indicator span{height:8px;width:8px;background-color:var(--gray);border-radius:50%;display:inline-block;margin:0 2px;animation:bounce 1.3s infinite}.typing-indicator span:nth-of-type(2){animation-delay:.2s}.typing-indicator span:nth-of-type(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}