:root{--neo-pink:#ff4b91;--neo-pink-dark:#d62a6b;--neo-pink-light:#fff0f5;--neo-red:#ff0844;--neo-red-dark:#d60032;--neo-red-light:#fff0f2;--neo-black:#000;--neo-white:#fff;--primary-pink:var(--neo-pink);--primary-pink-dark:var(--neo-pink-dark);--primary-pink-light:var(--neo-pink-light);--primary-red:var(--neo-red);--primary-red-dark:var(--neo-red-dark);--primary-red-light:var(--neo-red-light);--duo-green:#58cc02;--duo-green-dark:#46a302;--duo-green-light:#e5f9d3;--duo-blue:#1cb0f6;--duo-blue-dark:#1899d6;--duo-blue-light:#ddf4ff;--duo-orange:#ff9600;--duo-orange-dark:#e68500;--text-dark:#3c3c3c;--text-muted:#afafaf;--border-color:#e5e5e5;--bg-light:#fff;--bg-gray:#f7f7f7;--landing-black:#111;--landing-black-dark:var(--neo-black);--landing-pink:var(--neo-pink);--landing-white:var(--neo-white);--white:var(--neo-white);--font-sans:"Inter", "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-serif:"Playfair Display", "Georgia", "Times New Roman", serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-dark);background-color:var(--bg-light);min-height:100vh;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.btn-3d{background-color:var(--white);border:2px solid var(--border-color);border-bottom:6px solid var(--border-color);font-family:var(--font-sans);color:var(--text-dark);cursor:pointer;border-radius:16px;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:700;transition:all .1s;display:inline-flex;position:relative}.btn-3d:hover{filter:brightness(.96)}.btn-3d:active{border-bottom-width:2px;transform:translateY(4px)}.btn-3d-pink{background-color:var(--primary-pink);border-color:var(--primary-pink-dark);border-bottom-color:var(--primary-pink-dark);color:#fff}.btn-3d-pink:hover{background-color:#ff6584}.btn-3d-red{background-color:var(--primary-red);border-color:var(--primary-red-dark);border-bottom-color:var(--primary-red-dark);color:#fff}.btn-3d-red:hover{background-color:#ff2b5e}.btn-3d-green{background-color:var(--duo-green);border-color:var(--duo-green-dark);border-bottom-color:var(--duo-green-dark);color:#fff}.btn-3d-green:hover{background-color:#61e002}.btn-3d-blue{background-color:var(--duo-blue);border-color:var(--duo-blue-dark);border-bottom-color:var(--duo-blue-dark);color:#fff}.btn-3d-blue:hover{background-color:#24c0ff}.btn-3d-black{background-color:var(--landing-black);border-color:var(--landing-black-dark);border-bottom-color:var(--landing-black-dark);color:#fff}.btn-3d-black:hover{background-color:#222}.btn-3d-gray{color:#a0a0a0;cursor:not-allowed;background-color:#e5e5e5;border-color:#ccc}.btn-3d-gray:hover{filter:none}.btn-3d-gray:active{border-bottom-width:6px;transform:none}@keyframes shake{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(-8deg)scale(1.05)}50%{transform:rotate(8deg)scale(.95)}75%{transform:rotate(-4deg)scale(1.02)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(2deg)}}@keyframes slapHandEffect{0%{opacity:0;transform:translate(120px,-60px)rotate(30deg)scale(0)}20%{opacity:1;transform:translate(30px,-10px)rotate(15deg)scale(1.3)}35%{opacity:1;transform:translate(0)rotate(0)scale(1)}70%{opacity:.5;transform:translate(-30px,20px)rotate(-15deg)scale(.8)}to{opacity:0;transform:translate(-80px,50px)rotate(-30deg)scale(0)}}.animate-shake{animation:.5s ease-in-out shake}.animate-float{animation:3s ease-in-out infinite float}.animate-bounce-hover:hover{animation:.6s ease-in-out bounce}.slap-hand-emoji{pointer-events:none;z-index:100;font-size:80px;animation:.7s cubic-bezier(.19,1,.22,1) forwards slapHandEffect;position:absolute}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.font-bold{font-weight:700}.font-serif{font-family:var(--font-serif)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.border-4{border-width:4px!important}.border-black{border-color:var(--neo-black)!important;border-style:solid!important}.shadow-neo{box-shadow:4px 4px 0px 0px var(--neo-black)!important}.shadow-\[4px_4px_0px_0px_rgba\(0\,0\,0\,1\)\]{box-shadow:4px 4px #000!important}.neo-card{background-color:var(--neo-white);transition:transform .1s,box-shadow .1s;border:4px solid var(--neo-black)!important;box-shadow:4px 4px 0px 0px var(--neo-black)!important}.neo-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0px 0px var(--neo-black)!important}.neo-card:active{transform:translate(2px,2px);box-shadow:2px 2px 0px 0px var(--neo-black)!important}.neo-btn{background-color:var(--neo-white);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:12px 24px;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex;border:4px solid var(--neo-black)!important;box-shadow:4px 4px 0px 0px var(--neo-black)!important}.neo-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0px 0px var(--neo-black)!important}.neo-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0px 0px var(--neo-black)!important}.neo-btn-pink{background-color:var(--neo-pink)!important;color:var(--neo-white)!important}.neo-btn-red{background-color:var(--neo-red)!important;color:var(--neo-white)!important}.mascot-error-bubble{background-color:var(--neo-red)!important;color:var(--neo-white)!important;border:4px solid var(--neo-black)!important;box-shadow:4px 4px 0px var(--neo-black)!important;max-width:320px!important;margin-bottom:20px!important}.mascot-error-bubble:after{border-color:var(--neo-red) transparent transparent transparent!important}.mascot-error-bubble:before{border-color:var(--neo-black) transparent transparent transparent!important}.crush-history-scroll::-webkit-scrollbar{width:12px}.crush-history-scroll::-webkit-scrollbar-track{background:#fff;border-left:3px solid #000}.crush-history-scroll::-webkit-scrollbar-thumb{background:#ff4b91;border:3px solid #000;border-radius:0}.crush-history-scroll::-webkit-scrollbar-thumb:hover{background:#d62a6b}.duo-layout{width:100%;min-height:100vh;display:flex}.duo-sidebar{border-right:2px solid var(--border-color);background-color:var(--white);z-index:10;flex-direction:column;width:256px;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:visible auto}.duo-sidebar::-webkit-scrollbar{width:6px}.duo-sidebar::-webkit-scrollbar-track{background:0 0}.duo-sidebar::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius:3px}.duo-sidebar::-webkit-scrollbar-thumb:hover{background:#ccc}.sidebar-logo{font-family:var(--font-serif);color:var(--primary-pink);letter-spacing:-.01em;align-items:center;gap:8px;margin-bottom:30px;padding-left:16px;font-size:22px;font-weight:700;display:flex}.sidebar-menu{flex-direction:column;gap:8px;list-style:none;display:flex}.menu-item{color:#000;cursor:pointer;background-color:#fff;border:4px solid #000;border-radius:12px;align-items:center;gap:16px;padding:14px 16px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .1s,box-shadow .1s,background-color .1s;display:flex;box-shadow:4px 4px #000}.menu-item:hover{background-color:var(--bg-gray);color:#000;transform:translate(-2px,-2px);box-shadow:6px 6px #000}.menu-item:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.menu-item.active{color:#000;background-color:#ffb6c1;border-color:#000}.menu-item.active:hover{background-color:#ffa4b4;transform:translate(-2px,-2px);box-shadow:6px 6px #000}.menu-item-icon{justify-content:center;width:28px;font-size:22px;display:inline-flex}.duo-main-content{background-color:var(--white);flex-grow:1;min-height:100vh;margin-left:256px;display:flex}.duo-center-column{border-right:2px solid var(--border-color);flex-grow:1;max-width:640px;min-height:100vh;padding:40px 24px}.path-section-header{background:linear-gradient(135deg, var(--primary-pink) 0%, var(--primary-red) 100%);color:var(--white);text-align:left;border-radius:20px;margin-bottom:40px;padding:24px;box-shadow:4px 4px 0px var(--neo-black)!important;border:4px solid var(--neo-black)!important}.path-section-subtitle{text-transform:uppercase;letter-spacing:1.5px;opacity:.9;margin-bottom:6px;font-size:12px;font-weight:700}.path-section-title{letter-spacing:-.01em;font-size:20px;font-weight:700}.wavy-path-container{flex-direction:column;align-items:center;gap:24px;width:100%;padding:20px 0;display:flex;position:relative}.wavy-node-row{justify-content:center;width:100%;height:110px;display:flex;position:relative}.wavy-node-row.pos-left{justify-content:flex-start;padding-left:15%}.wavy-node-row.pos-mid-left{justify-content:flex-start;padding-left:30%}.wavy-node-row.pos-center{justify-content:center}.wavy-node-row.pos-mid-right{justify-content:flex-end;padding-right:30%}.wavy-node-row.pos-right{justify-content:flex-end;padding-right:15%}.path-node-circle{cursor:pointer;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;transition:all .1s;display:flex;position:relative;transform:translateY(0);border:4px solid var(--neo-black)!important;box-shadow:0 6px 0 var(--neo-black)!important}.path-node-circle:active{transform:translateY(4px);box-shadow:0 2px 0 var(--neo-black)!important}.path-node-circle.active{background-color:var(--primary-pink);color:var(--white);animation:2s infinite pulseShadow}.path-node-circle.completed{background-color:var(--duo-green);color:var(--white)}.path-node-circle.locked{color:#64748b;cursor:not-allowed;background-color:#cbd5e1}.path-node-circle.locked:active{box-shadow:0 6px 0 var(--neo-black)!important;transform:none!important}.unit-path-list{flex-direction:column;align-items:stretch;gap:34px;width:100%;display:flex}.unit-path-group{width:100%;position:relative}.unit-path-group.locked{opacity:.72}.unit-path-header{border:4px solid var(--neo-black);width:100%;box-shadow:5px 5px 0 var(--neo-black);text-align:left;background:#fff;border-radius:16px;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px;display:flex}.unit-path-group.completed .unit-path-header{background:#ecfdf5}.unit-path-group.locked .unit-path-header{background:#f3f4f6}.unit-path-heading{min-width:0}.unit-path-kicker{color:var(--primary-pink);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:12px;font-weight:900}.unit-path-header h3{color:var(--text-dark);margin:0;font-size:18px;font-weight:900;line-height:1.25}.unit-path-header p{color:#4b5563;margin:8px 0 0;font-size:13px;font-weight:700;line-height:1.45}.unit-status-pill{border:3px solid var(--neo-black);box-shadow:2px 2px 0 var(--neo-black);white-space:nowrap;color:#111827;background:#fef3c7;border-radius:999px;flex:none;padding:6px 10px;font-size:11px;font-weight:900}.unit-status-pill.completed{color:#14532d;background:#bbf7d0}.unit-status-pill.locked{color:#6b7280;background:#e5e7eb}.unit-node-list{flex-direction:column;gap:16px;width:100%;padding:24px 0 4px;display:flex;position:relative}.unit-node-list:before{content:"";background:repeating-linear-gradient(#e5e7eb 0 16px,#0000 16px 28px);border-radius:999px;width:8px;position:absolute;top:4px;bottom:6px;left:50%;transform:translate(-50%)}.unit-node-row{z-index:1;outline:none;align-items:center;width:74px;min-height:88px;display:flex;position:relative}.unit-node-row.pos-left{align-self:flex-start;margin-left:6%}.unit-node-row.pos-mid-left{align-self:flex-start;margin-left:18%}.unit-node-row.pos-center{align-self:center}.unit-node-row.pos-mid-right{align-self:flex-end;margin-right:18%}.unit-node-row.pos-right{align-self:flex-end;margin-right:6%}.unit-node-row.locked{cursor:not-allowed}.unit-node-row:hover .unit-lesson-node.active,.unit-node-row:focus-within .unit-lesson-node.active{filter:brightness(1.04)}.unit-lesson-node{flex:none;width:74px;height:74px;font-size:28px}.unit-lesson-node.active{background-color:var(--node-color,var(--primary-pink));box-shadow:0 7px 0 var(--node-shadow,var(--neo-black))!important}.unit-lesson-node.completed{background-color:var(--duo-green);box-shadow:0 7px 0 var(--duo-green-dark)!important}.unit-lesson-node.chest-node.completed{background-color:#ffc800;box-shadow:0 7px #d97706!important}.unit-lesson-node.locked{background-color:#cbd5e1;box-shadow:0 7px #94a3b8!important}.unit-node-current,.unit-node-partner{border:2px solid var(--neo-black);color:#111827;min-width:28px;height:18px;box-shadow:1px 1px 0 var(--neo-black);background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:9px;font-weight:900;display:inline-flex;position:absolute;right:-9px}.unit-node-current{top:-6px}.unit-node-partner{background:#dcfce7;bottom:-6px}.node-detail-popup{z-index:1000;text-align:center;background:#fff;border:4px solid #000;border-radius:16px;flex-direction:column;gap:8px;width:240px;padding:14px;display:flex;position:absolute;top:88px;left:50%;transform:translate(-50%);box-shadow:4px 4px #000}.node-detail-popup:after{content:"";border:12px solid #0000;border-top-width:0;border-bottom-color:#000;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.node-detail-popup:before{content:"";z-index:1001;border:10px solid #0000;border-top-width:0;border-bottom-color:#fff;position:absolute;top:-10px;left:50%;transform:translate(-50%)}@media (width<=720px){.unit-path-header{flex-direction:column}.unit-node-row,.unit-node-row.pos-left,.unit-node-row.pos-mid-left,.unit-node-row.pos-center,.unit-node-row.pos-mid-right,.unit-node-row.pos-right{width:74px;margin-left:0;margin-right:0}}@keyframes sparkleFloat{0%{opacity:0;transform:translateY(50px)scale(0)}50%{opacity:1}to{opacity:0;transform:translateY(-80px)scale(1.2)}}.sparkle{font-size:24px;animation:2s ease-out infinite sparkleFloat;position:absolute}.particle-1{animation-delay:0s;left:10%}.particle-2{animation-delay:.4s;left:30%}.particle-3{animation-delay:.8s;left:50%}.particle-4{animation-delay:1.2s;left:70%}.particle-5{animation-delay:1.6s;left:90%}.node-label-popup{background-color:var(--white);border:2px solid var(--border-color);color:var(--text-dark);box-shadow:0 4px 0 var(--border-color);white-space:nowrap;pointer-events:none;border-radius:12px;padding:6px 12px;font-size:12px;font-weight:700;position:absolute;top:-42px}.node-label-popup:after{content:"";border-style:solid;border-width:8px 8px 0;border-color:var(--white) transparent transparent transparent;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.node-label-popup:before{content:"";border-style:solid;border-width:9px 9px 0;border-color:var(--border-color) transparent transparent transparent;z-index:-1;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}@keyframes pulseShadow{0%{box-shadow:0 6px 0 var(--neo-black), 0 0 0 0 #ff4b9166}70%{box-shadow:0 6px 0 var(--neo-black), 0 0 0 15px #ff4b9100}to{box-shadow:0 6px 0 var(--neo-black), 0 0 0 0 #ff4b9100}}@keyframes pulseGold{0%{box-shadow:0 6px #000,0 0 #fbbf2499}70%{box-shadow:0 6px #000,0 0 0 15px #fbbf2400}to{box-shadow:0 6px #000,0 0 #fbbf2400}}@keyframes pulseHeart{0%{transform:scale(1)}50%{transform:scale(1.3)rotate(5deg)}to{transform:scale(1)}}.path-mascot-wrapper{pointer-events:auto;z-index:1;flex-direction:column;align-items:center;display:flex;position:absolute;top:140px;right:12%}.mascot-bubble{text-align:center;background:#fff;border-radius:16px;max-width:140px;margin-bottom:12px;padding:10px 14px;font-size:13px;font-weight:700;position:relative;border:4px solid var(--neo-black)!important;box-shadow:4px 4px 0px var(--neo-black)!important}.mascot-bubble:after{content:"";border:8px solid #0000;border-top-color:#fff;border-bottom-width:0;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.mascot-bubble:before{content:"";border-style:solid;border-width:13px 13px 0;border-color:var(--neo-black) transparent transparent transparent;z-index:-1;position:absolute;bottom:-13px;left:50%;transform:translate(-50%)}.mascot-image{cursor:pointer;font-size:54px;transition:transform .2s}.path-mascot-wrapper:hover .mascot-image{transform:scale(1.15)rotate(4deg)}.mascot-bee{font-size:16px;animation:2s ease-in-out infinite float;position:absolute}.bee-1{animation-delay:.2s;top:-10px;left:-20px}.bee-2{animation-delay:.8s;top:40px;right:-25px}.duo-right-column{flex-direction:column;gap:24px;width:368px;padding:40px 24px;display:flex}.right-status-bar{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.status-item{cursor:pointer;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.status-flag{font-size:22px}.status-streak{color:var(--duo-orange)}.status-gems{color:var(--duo-blue)}.status-hearts{color:var(--primary-red)}.neocard{border:2px solid var(--border-color);background-color:var(--white);box-shadow:0 4px 0 var(--border-color);border-radius:20px;padding:20px}.card-title-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{color:var(--text-dark);letter-spacing:-.01em;font-size:16px;font-weight:700}.card-action-link{color:var(--primary-pink);cursor:pointer;font-size:13px;font-weight:700}.quest-list{flex-direction:column;gap:16px;display:flex}.quest-item{align-items:center;gap:16px;display:flex}.quest-icon{font-size:28px}.quest-details{flex-grow:1}.quest-name{margin-bottom:6px;font-size:14px;font-weight:700}.quest-progress-container{align-items:center;gap:8px;display:flex}.quest-progress-bg{background-color:var(--border-color);border-radius:6px;flex-grow:1;height:12px;position:relative;overflow:hidden}.quest-progress-fill{background-color:var(--duo-orange);border-radius:6px;height:100%;transition:width .3s}.quest-progress-text{color:var(--text-muted);min-width:30px;font-size:11px;font-weight:700}.quest-chest{cursor:pointer;font-size:20px;transition:transform .2s}.quest-chest:hover{transform:scale(1.2)}.flow-container-wrapper{background-color:var(--bg-gray);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.mobile-mock-card{background-color:var(--white);border:2px solid var(--border-color);border-radius:24px;flex-direction:column;width:100%;max-width:460px;min-height:600px;padding:32px 24px;display:flex;position:relative;box-shadow:0 12px 30px #0000000d}.lesson-page-overlay{background-color:var(--white);z-index:100;flex-direction:column;padding:24px 24px 60px;display:flex;position:fixed;inset:0;overflow-y:auto}.lesson-top-bar{align-items:center;gap:20px;width:100%;max-width:800px;margin:0 auto 40px;display:flex}.lesson-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:28px;font-weight:700}.lesson-close-btn:hover{color:var(--text-dark)}.lesson-header-progress-bg{background-color:var(--border-color);border-radius:8px;flex-grow:1;height:16px;overflow:hidden}.lesson-header-progress-fill{background-color:var(--duo-green);border-radius:8px;height:100%;transition:width .3s}.lesson-heart-count{color:var(--primary-red);align-items:center;gap:4px;font-size:16px;font-weight:700;display:flex}.lesson-body{flex-direction:column;flex-grow:1;justify-content:center;width:100%;max-width:800px;margin:0 auto;display:flex}.lesson-question-container{align-items:flex-start;gap:24px;margin-bottom:30px;display:flex}.lesson-speaker-character{flex-direction:column;align-items:center;display:flex;position:relative}.lesson-speaker-emoji{font-size:80px}.lesson-speaker-speech{background-color:var(--white);border:2px solid var(--border-color);box-shadow:0 4px 0 var(--border-color);border-radius:20px;flex-grow:1;padding:16px 20px;font-size:18px;font-weight:700;position:relative}.lesson-speaker-speech:before{content:"";border-style:solid;border-width:10px 10px 10px 0;border-color:transparent var(--border-color) transparent transparent;position:absolute;top:30px;left:-10px}.lesson-speaker-speech:after{content:"";border-style:solid;border-width:10px 10px 10px 0;border-color:transparent var(--white) transparent transparent;position:absolute;top:30px;left:-8px}.lesson-options-list{flex-direction:column;gap:12px;width:100%;display:flex}.lesson-option-card{border:2px solid var(--border-color);border-bottom:5px solid var(--border-color);text-align:left;cursor:pointer;background-color:var(--white);border-radius:16px;align-items:center;gap:12px;padding:16px 20px;font-size:16px;font-weight:700;transition:all .1s;display:flex}.lesson-option-card:hover{background-color:var(--bg-gray)}.lesson-option-number{border:2px solid var(--border-color);width:28px;height:28px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.lesson-option-card.selected-wrong{border-color:var(--primary-red);border-bottom-color:var(--primary-red-dark);background-color:var(--primary-red-light);color:var(--primary-red)}.lesson-option-card.selected-wrong .lesson-option-number{border-color:var(--primary-red);color:var(--primary-red)}.lesson-footer-bar{border-top:2px solid var(--border-color);justify-content:space-between;align-items:center;width:100%;max-width:800px;margin:auto auto 0;padding:24px 0;display:flex}.lesson-footer-alert-wrong{border-top:2px solid var(--primary-red);z-index:101;background-color:#ffdfe0;justify-content:center;padding:24px;display:flex;position:fixed;bottom:0;left:0;right:0}.alert-wrong-content{justify-content:space-between;align-items:center;width:100%;max-width:800px;display:flex}.alert-wrong-left{align-items:center;gap:16px;display:flex}.alert-wrong-icon-circle{background-color:var(--primary-red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.alert-wrong-msg-title{color:var(--primary-red-dark);margin-bottom:4px;font-size:18px;font-weight:700}.alert-wrong-msg-desc{color:var(--text-dark);font-size:14px;font-weight:600}.landing-page-container{background-color:var(--white);width:100%;min-height:100vh;font-family:var(--font-sans);flex-direction:column;display:flex}.landing-header{border-bottom:2px solid var(--border-color);background-color:var(--white);z-index:99;justify-content:space-between;align-items:center;height:72px;padding:0 40px;display:flex;position:sticky;top:0}.landing-logo{font-family:var(--font-serif);color:var(--primary-pink);cursor:pointer;letter-spacing:-.01em;align-items:center;gap:8px;font-size:22px;font-weight:700;display:flex}.landing-nav-links{align-items:center;gap:24px;list-style:none;display:flex}.landing-nav-item{color:#777;cursor:pointer;font-size:15px;font-weight:700;transition:color .2s}.landing-nav-item:hover{color:var(--primary-pink)}.landing-hero{justify-content:space-between;align-items:center;gap:40px;width:100%;max-width:1000px;margin:60px auto;padding:0 24px;display:flex}.landing-hero-left{text-align:left;flex:1}.landing-hero-headline{font-family:var(--font-serif);color:var(--text-dark);letter-spacing:-.015em;margin-bottom:20px;font-size:38px;font-weight:700;line-height:1.2}.landing-hero-headline span{color:var(--primary-pink)}.landing-hero-desc{color:#666;margin-bottom:30px;font-size:16px;line-height:1.6}.landing-hero-actions{flex-direction:column;gap:12px;max-width:320px;display:flex}.landing-hero-right{flex:1;justify-content:center;align-items:center;display:flex}.landing-section{border-top:2px solid var(--border-color);width:100%;padding:80px 24px}.landing-section-content{justify-content:space-between;align-items:center;gap:60px;max-width:900px;margin:0 auto;display:flex}.landing-section.reverse .landing-section-content{flex-direction:row-reverse}.landing-section-left{text-align:left;flex:1}.landing-section-right{flex:1;justify-content:center;align-items:center;display:flex}.landing-section-tag{text-transform:uppercase;color:var(--primary-pink);letter-spacing:2px;margin-bottom:8px;font-size:11px;font-weight:700}.landing-section-title{color:var(--text-dark);letter-spacing:-.01em;margin-bottom:16px;font-size:24px;font-weight:700;line-height:1.3}.landing-section-desc{color:#666;font-size:15px;line-height:1.7}.landing-illustration-mock{background-color:var(--bg-gray);border:2px solid var(--border-color);width:280px;height:280px;box-shadow:0 8px 0 var(--border-color);border-radius:24px;justify-content:center;align-items:center;font-size:80px;display:flex}.landing-dark-banner{background-color:var(--landing-black);color:#fff;border-top:2px solid var(--landing-black-dark);width:100%;padding:80px 24px}.dark-banner-content{justify-content:space-between;align-items:center;gap:40px;max-width:900px;margin:0 auto;display:flex}.dark-banner-left{text-align:left;flex:1.2}.dark-banner-logo{color:var(--primary-pink);letter-spacing:-.01em;align-items:center;gap:6px;margin-bottom:12px;font-size:20px;font-weight:700;display:flex}.dark-banner-title{font-family:var(--font-serif);color:#fff;letter-spacing:-.01em;margin-bottom:16px;font-size:32px;font-weight:700}.dark-banner-title span{color:var(--primary-pink)}.dark-banner-desc{color:#aaa;margin-bottom:24px;font-size:15px;line-height:1.6}.dark-banner-right{flex:.8;justify-content:center;align-items:center;display:flex}@keyframes angelFlutter{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1.02)translateY(-6px)}}@keyframes leftWingFlap{0%,to{transform:rotate(0)}50%{transform:rotate(-8deg)}}@keyframes rightWingFlap{0%,to{transform:rotate(0)}50%{transform:rotate(8deg)}}.angel-mascot-illustration{animation:3.5s ease-in-out infinite angelFlutter}.angel-left-wing{transform-origin:35px 30px;animation:1.5s ease-in-out infinite leftWingFlap}.angel-right-wing{transform-origin:65px 30px;animation:1.5s ease-in-out infinite rightWingFlap}.landing-footer{background-color:var(--landing-black);color:#888;border-top:2px solid #222;width:100%;padding:60px 40px 30px}.footer-columns{grid-template-columns:repeat(4,1fr);gap:40px;max-width:1000px;margin:0 auto 40px;display:grid}.footer-col-title{color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:13px;font-weight:700}.footer-links{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-link-item{cursor:pointer;font-size:13px;transition:color .2s}.footer-link-item:hover{color:var(--primary-pink)}.footer-bottom{border-top:2px solid #222;justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto;padding-top:24px;font-size:12px;display:flex}.login-page{flex-direction:column;align-items:center;width:100%;height:100%;padding-top:10px;display:flex;position:relative}.login-close-btn{color:#afafaf;cursor:pointer;background:0 0;border:none;padding:8px;font-size:24px;font-weight:600;line-height:1;transition:color .2s,transform .1s;position:absolute;top:-12px;right:-8px}.login-close-btn:hover{color:var(--text-dark);transform:scale(1.1)}.login-title{color:#3c3c3c;text-align:center;font-size:26px;font-weight:800;font-family:var(--font-sans);margin-bottom:24px}.login-form{flex-direction:column;gap:12px;width:100%;display:flex}.login-input-wrapper{width:100%;position:relative}.login-input{color:#3c3c3c;width:100%;font-size:16px;font-family:var(--font-sans);background-color:#f1f7fc;border:2px solid #e5e5e5;border-radius:16px;outline:none;padding:16px;transition:all .2s}.login-input:focus{background-color:#fff;border-color:#1cb0f6}.login-input-wrapper .login-input[type=password]{padding-right:90px}.login-forgot-link{color:#afafaf;cursor:pointer;letter-spacing:.8px;font-size:13px;font-weight:700;font-family:var(--font-sans);background:0 0;border:none;padding:4px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.login-forgot-link:hover{color:#777}.btn-login-submit{color:#fff;cursor:pointer;letter-spacing:.8px;width:100%;font-size:15px;font-weight:800;font-family:var(--font-sans);text-transform:uppercase;background-color:#1cb0f6;border:2px solid #1899d6;border-bottom-width:5px;border-radius:16px;outline:none;margin-top:12px;padding:14px 20px;transition:all .1s}.btn-login-submit:hover{filter:brightness(1.05)}.btn-login-submit:active{border-bottom-width:2px;transform:translateY(3px)}.login-divider{text-align:center;color:#afafaf;letter-spacing:.8px;align-items:center;width:100%;margin:20px 0;font-size:13px;font-weight:800;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:2px solid #e5e5e5;flex:1}.login-divider:before{margin-right:12px}.login-divider:after{margin-left:12px}.login-social-container{gap:12px;width:100%;margin-bottom:24px;display:flex}.btn-social{color:#1cb0f6;cursor:pointer;font-size:13px;font-weight:800;font-family:var(--font-sans);background-color:#fff;border:2px solid #e5e5e5;border-bottom-width:5px;border-radius:16px;outline:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 10px;transition:all .1s;display:flex}.btn-social.btn-facebook{color:#3b5998}.btn-social:hover{background-color:#f7f7f7}.btn-social:active{border-bottom-width:2px;transform:translateY(3px)}.social-icon{vertical-align:middle;display:inline-block}.login-legal,.login-captcha{color:#afafaf;text-align:center;margin-bottom:12px;font-size:11px;font-weight:600;line-height:1.5}.login-legal a,.login-captcha a{color:#777;font-weight:700;text-decoration:none}.login-legal a:hover,.login-captcha a:hover{text-decoration:underline}.login-signup-prompt{color:#3c3c3c;text-align:center;margin-top:12px;font-size:15px;font-weight:700}.login-signup-prompt .signup-link{color:#1cb0f6;cursor:pointer;font-weight:800}.login-signup-prompt .signup-link:hover{filter:brightness(.9);text-decoration:underline}.gender-section{justify-content:center;gap:24px;width:100%;margin:40px 0;display:flex}.gender-card{background-color:var(--white);border:2px solid var(--border-color);border-bottom:6px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:160px;height:160px;padding:20px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex}.gender-card:hover{background-color:var(--bg-gray);border-color:#ccc;transform:translateY(-2px)}.gender-card:active{border-bottom-width:2px;transform:translateY(2px)}.gender-card.selected{z-index:5;transform:scale(1.08)translateY(-4px);background-color:var(--primary-pink-light)!important;color:var(--primary-pink)!important;box-shadow:6px 6px 0px 0px var(--neo-black)!important}.gender-card.selected:hover{background-color:var(--primary-pink-light);filter:brightness(.98)}.gender-icon{margin-bottom:12px;font-size:56px;transition:transform .25s}.gender-card:hover .gender-icon{transform:scale(1.1)}.gender-card.selected .gender-icon{transform:scale(1.2)}.more-menu-subitem{cursor:pointer;align-items:center;gap:12px;padding:12px 18px;transition:background-color .2s;display:flex}.more-menu-subitem:hover{background-color:var(--bg-gray)}.more-menu-subitem-text{color:#777;cursor:pointer;text-align:left;padding:10px 18px;font-size:13px;font-weight:800;transition:all .2s}.more-menu-subitem-text:hover{background-color:var(--bg-gray);color:var(--text-dark)}@media (height<=800px){.duo-sidebar{padding:16px 12px}.sidebar-logo{margin-bottom:16px;font-size:18px}.menu-item{gap:12px;padding:10px 12px;font-size:13px}.menu-item-icon{width:24px;font-size:18px}}.section-card{background-color:var(--white);border:2px solid var(--border-color);box-shadow:0 4px 0 var(--border-color);cursor:pointer;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:20px 24px;transition:all .2s;display:flex}.section-card:hover{box-shadow:0 6px 0 var(--border-color);background-color:var(--bg-gray);transform:translateY(-2px)}.section-card:active{box-shadow:0 2px 0 var(--border-color);transform:translateY(2px)}.section-info{text-align:left;flex-direction:column;gap:8px;display:flex}.section-num{color:var(--text-dark);font-size:20px;font-weight:800}.section-title-desc{color:var(--text-muted);font-size:13px;font-weight:600}.section-status-completed{color:var(--duo-green-dark);text-transform:uppercase;align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.section-status-active{color:var(--duo-orange);text-transform:uppercase;align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.back-to-sections-btn:hover{color:var(--text-dark)!important}.section-card.locked{opacity:.7;cursor:not-allowed;background-color:#f7f7f7;border-color:#e5e5e5;box-shadow:0 4px #e5e5e5}.section-card.locked:hover{background-color:#f7f7f7;transform:none;box-shadow:0 4px #e5e5e5}.btn-3d-locked{cursor:not-allowed;color:#a0a0a0!important;background-color:#e5e5e5!important;border-color:#d5d5d5!important;box-shadow:0 4px #ccc!important}.btn-3d-locked:hover,.btn-3d-locked:active{transform:none!important;box-shadow:0 4px #ccc!important}.section-status-locked{color:#a0a0a0;text-transform:uppercase;align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.w-full{width:100%!important}.neo-close-btn{background-color:var(--white);width:38px;height:38px;color:var(--neo-black);cursor:pointer;z-index:10;border-radius:50%;outline:none;justify-content:center;align-items:center;font-size:16px;font-weight:800;transition:transform .1s,box-shadow .1s;display:flex;position:absolute;top:-16px;right:-16px;border:4px solid var(--neo-black)!important;box-shadow:2px 2px 0px var(--neo-black)!important}.neo-close-btn:hover{background-color:var(--primary-pink-light)}.neo-close-btn:active{transform:translate(2px,2px);box-shadow:0px 0px 0px var(--neo-black)!important}.login-form .login-input-wrapper{margin-bottom:8px}.neo-btn:disabled{cursor:not-allowed;color:#a0a0a0!important;border-color:var(--neo-black)!important;box-shadow:2px 2px 0px var(--neo-black)!important;background-color:#e5e5e5!important;transform:none!important}.course-selector-container{position:relative}.course-pill-btn{background:0 0;border:none;border-radius:12px;outline:none;align-items:center;gap:8px;padding:4px 8px;font-family:inherit;transition:background-color .2s;display:flex}.course-pill-btn:hover{background-color:var(--bg-gray)}.course-pill-text{color:var(--text-dark);font-size:15px;font-weight:700}.course-dropdown{background-color:var(--white);z-index:100;border-radius:16px;width:260px;margin-top:10px;padding:12px 0;animation:.15s ease-out fadeIn;position:absolute;top:100%;left:50%;transform:translate(-50%);border:3px solid var(--neo-black)!important;box-shadow:4px 4px 0px var(--neo-black)!important}.course-dropdown:before{content:"";border-style:solid;border-width:8px;border-color:transparent transparent var(--neo-black) transparent;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.course-dropdown:after{content:"";border-style:solid;border-width:6px;border-color:transparent transparent var(--white) transparent;margin-bottom:-3px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.course-dropdown-title{color:var(--text-muted);letter-spacing:.8px;text-transform:uppercase;padding:4px 16px 8px;font-size:12px;font-weight:800}.course-dropdown-list{flex-direction:column;display:flex}.course-dropdown-item{cursor:pointer;color:var(--text-dark);text-align:left;align-items:center;gap:12px;padding:10px 16px;font-size:14px;font-weight:700;transition:background-color .2s;display:flex}.course-dropdown-item:hover{background-color:#e5f4ff}.course-dropdown-item.active{color:var(--duo-blue);background-color:#ddf4ff}.course-dropdown-divider{background-color:var(--border-color);height:2px;margin:6px 0}.course-item-emoji{justify-content:center;align-items:center;font-size:20px;display:flex}.course-item-name{flex-grow:1}.add-course-item{color:#777}.add-course-item:hover{color:var(--neo-black);background-color:#f7f7f7}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%)translateY(-5px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.gold-frame-sheen{position:relative;border:6px solid #fbbf24!important;box-shadow:0 0 12px #fbbf24cc,4px 4px #000!important}.gold-frame-sheen:after{content:"";pointer-events:none;background:linear-gradient(45deg,#fff0 45%,#fffc 50%,#fff0 55%);width:200%;height:200%;animation:3s infinite goldSheepSweep;position:absolute;top:-50%;left:-50%;transform:rotate(-45deg)}@keyframes goldSheepSweep{0%{transform:translate(-30%,-30%)rotate(-45deg)}to{transform:translate(30%,30%)rotate(-45deg)}}.diamond-frame-sparkle{animation:4s infinite alternate diamondBorderGlow;position:relative;border:6px solid #38bdf8!important;box-shadow:0 0 15px #38bdf8e6,4px 4px #000!important}@keyframes diamondBorderGlow{0%{border-color:#38bdf8;box-shadow:0 0 10px #38bdf8b3,4px 4px #000!important}to{border-color:#818cf8;box-shadow:0 0 20px #818cf8e6,4px 4px #000!important}}.radar-grid-line{stroke:#e5e5e5;stroke-width:1.5px;stroke-dasharray:4 4}.radar-axis-line{stroke:#000;stroke-width:2px}.radar-polygon-fill{fill:#ffb6c173;stroke:#ff1d60;stroke-width:4px}.radar-label{fill:#000;font-size:11px;font-weight:900}.kyc-scanner-line{pointer-events:none;background:linear-gradient(#4ade8000,#4ade80cc 50%,#4ade8000);height:6px;animation:2s linear infinite kycScanAnimation;position:absolute;left:0;right:0;box-shadow:0 0 8px #4ade80cc}@keyframes kycScanAnimation{0%{top:0%}50%{top:100%}to{top:0%}}.kyc-pulse-dot{background-color:#4ade80;border-radius:50%;width:12px;height:12px;animation:1.5s infinite kycDotPulse;display:inline-block}@keyframes kycDotPulse{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(.8)}}.journal-timeline{border-left:4px solid #000;margin:20px 0;padding-left:24px;position:relative}.journal-timeline-item{text-align:left;margin-bottom:24px;position:relative}.journal-timeline-dot{background-color:#ffb6c1;border:4px solid #000;border-radius:50%;width:18px;height:18px;position:absolute;top:4px;left:-35px}.heart-beat{animation:1.2s infinite pulseHeart;display:inline-block}.polaroid-card{background-color:#fff;border:4px solid #000;padding:12px 12px 24px;transition:transform .2s;transform:rotate(-2deg);box-shadow:4px 4px #000}.polaroid-card:hover{transform:rotate(1deg)scale(1.02)}.laser-scan-container{background-color:#111827;border:6px solid #000;border-radius:50%;width:200px;height:200px;margin:0 auto;position:relative;overflow:hidden}@keyframes slideInBounce{0%{opacity:0;transform:translate(-40px)}60%{opacity:1;transform:translate(6px)}80%{transform:translate(-3px)}to{opacity:1;transform:translate(0)}}.sidebar-item-slide-in{animation:.45s cubic-bezier(.34,1.56,.64,1) both slideInBounce}@keyframes gemsPulseGold{0%,to{color:#0ea5e9;text-shadow:none}50%{color:#f59e0b;text-shadow:0 0 8px gold,0 0 16px #ffd70088}}.gems-couple-pulse{animation:2s ease-in-out infinite gemsPulseGold}@media screen and (width<=992px){.duo-layout{flex-direction:column!important}.duo-main-content{flex-direction:column;min-height:calc(100vh - 134px);padding-top:56px;padding-bottom:78px;margin-left:0!important}.duo-center-column{box-sizing:border-box;border-right:none!important;width:100%!important;max-width:100%!important;min-height:auto!important;padding:20px 16px!important}.duo-right-column{box-sizing:border-box;border-top:2px dashed var(--border-color);width:100%!important;max-width:100%!important;padding:20px 16px!important}.right-status-bar{background-color:var(--white);border-bottom:2px solid var(--border-color);z-index:998;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #0000000d;margin:0!important}.duo-sidebar{box-shadow:0 -4px 12px #0000000d;background-color:var(--white)!important;border-right:none!important;border-top:2px solid var(--border-color)!important;z-index:999!important;flex-direction:row!important;justify-content:space-around!important;width:100%!important;height:68px!important;padding:4px 8px!important;position:fixed!important;inset:auto 0 0!important;overflow:visible!important}.sidebar-logo{display:none!important}.sidebar-menu{flex-direction:row!important;justify-content:space-around!important;align-items:center!important;gap:4px!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important}.menu-item{white-space:nowrap;height:100%!important;box-shadow:none!important;color:#4b5563!important;background-color:#0000!important;border:none!important;border-radius:8px!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:2px!important;min-width:0!important;padding:6px 2px!important;font-size:9px!important;transition:none!important}.menu-item:hover{box-shadow:none!important;background-color:#00000005!important;transform:none!important}.menu-item.active{background-color:var(--primary-pink-light)!important;color:var(--primary-pink-dark)!important;font-weight:800!important}.menu-item-icon{justify-content:center!important;width:auto!important;height:auto!important;font-size:20px!important;display:inline-flex!important}.menu-item-icon[style*=background-color]{width:24px!important;height:24px!important;font-size:10px!important}.more-menu-dropdown{width:calc(100% - 32px)!important;max-width:280px!important;position:fixed!important;bottom:74px!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 8px 24px #00000026!important}.path-mascot-wrapper{z-index:5!important;flex-direction:row-reverse!important;justify-content:center!important;align-items:center!important;gap:16px!important;width:auto!important;max-width:100%!important;margin:20px auto 10px!important;position:relative!important;top:auto!important;right:auto!important}.mascot-bubble{max-width:220px!important;margin-bottom:0!important}.mascot-bubble:after{border-width:8px 0 8px 8px!important;border-color:#0000 #0000 #0000 #fff!important;inset:50% -8px auto auto!important;transform:translateY(-50%)!important}.mascot-bubble:before{border-width:13px 0 13px 13px!important;border-color:transparent transparent transparent var(--neo-black)!important;inset:50% -13px auto auto!important;transform:translateY(-50%)!important}.wavy-path-container{padding:10px 0!important}}