:root{--primary:#6c5ce7;--primary-light:#a29bfe;--primary-dark:#5a4bd1;--secondary:#00cec9;--accent:#fdcb6e;--accent-orange:#e17055;--accent-pink:#fd79a8;--success:#00b894;--bg:#f8f9fe;--card:#fff;--text:#2d3436;--text-light:#636e72;--text-lighter:#b2bec3;--border:#e8e8f0;--sidebar:#2d2b55;--sidebar-hover:#3d3b65;--radius:19.2px;--radius-sm:12px;--shadow:0 2px 16px #6c5ce714;--shadow-lg:0 8px 32px #6c5ce71f;--font:"Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}.page{min-height:100vh;display:none}.page.active{display:block}.reg-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:2.4rem}.reg-page.active{display:flex}.reg-container{background:var(--card);border-radius:28.8px;width:100%;max-width:768px;padding:3.6rem;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000026}.reg-container:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary), var(--accent));height:7.2px;position:absolute;top:0;left:0;right:0}.reg-logo{text-align:center;margin-bottom:2.4rem}.reg-logo .logo-icon{margin-bottom:.6rem;font-size:4.32rem;display:block}.reg-hero-image{object-fit:cover;border-radius:var(--radius-sm);width:100%;max-height:240px;margin-bottom:1.8rem}.reg-logo h1{color:var(--primary);font-size:2.59rem;font-weight:800}.reg-logo p{color:var(--text-light);margin-top:.3rem;font-size:1.37rem}.reg-steps{justify-content:center;gap:.6rem;margin-bottom:2.4rem;display:flex}.reg-step{color:var(--text-lighter);align-items:center;gap:.48rem;font-size:1.22rem;font-weight:600;display:flex}.reg-step.active{color:var(--primary)}.reg-step.done{color:var(--success)}.reg-step .step-num{background:var(--border);width:33.6px;min-width:33.6px;height:33.6px;min-height:33.6px;color:var(--text-lighter);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;font-weight:700;transition:all .3s;display:flex}.reg-step.active .step-num{background:var(--primary);color:#fff}.reg-step.done .step-num{background:var(--success);color:#fff}.step-connector{background:var(--border);align-self:center;width:36px;height:2.4px;margin:0 .3rem}.step-connector.done{background:var(--success)}.reg-section{display:none}.reg-section.active{display:block}.reg-section h2{color:var(--text);margin-bottom:.36rem;font-size:1.73rem}.reg-section>p{color:var(--text-light);margin-bottom:1.8rem;font-size:1.3rem}.form-group{margin-bottom:1.44rem}.form-group label{color:var(--text);margin-bottom:.48rem;font-size:1.3rem;font-weight:600;display:block}.form-group label .req{color:var(--accent-orange)}.form-input{border:2px solid var(--border);border-radius:var(--radius-sm);width:100%;font-size:1.37rem;font-family:var(--font);background:#fafafe;padding:.75rem 1.2rem;transition:border-color .2s}.form-input:focus{border-color:var(--primary);background:#fff;outline:none}select.form-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23636E72' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat}.personality-q{border:1px solid var(--border);border-radius:var(--radius-sm);background:#f8f7ff;margin-bottom:1.2rem;padding:1.44rem}.personality-q .q-text{margin-bottom:.96rem;font-size:1.37rem;font-weight:600}.q-options{flex-wrap:wrap;gap:.6rem;display:flex}.q-option{border:2px solid var(--border);cursor:pointer;background:#fff;border-radius:24px;padding:.5rem 1.2rem;font-size:1.22rem;font-weight:500;transition:all .2s}.q-option:hover{border-color:var(--primary-light);background:#f0eeff}.q-option.selected{border-color:var(--primary);background:var(--primary);color:#fff}.likert-scale{justify-content:space-between;gap:.48rem;display:flex}.likert-btn{border:2px solid var(--border);cursor:pointer;width:48px;min-width:48px;height:48px;min-height:48px;color:var(--text-light);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;font-weight:700;transition:all .2s;display:flex}.likert-btn:hover{border-color:var(--primary-light)}.likert-btn.selected{background:var(--primary);border-color:var(--primary);color:#fff}.likert-labels{color:var(--text-lighter);justify-content:space-between;margin-top:.36rem;font-size:1.08rem;display:flex}.btn{border-radius:var(--radius-sm);font-size:1.37rem;font-weight:600;font-family:var(--font);cursor:pointer;border:none;align-items:center;gap:.48rem;padding:.75rem 2.16rem;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #6c5ce74d}.btn-secondary{background:var(--border);color:var(--text)}.btn-secondary:hover{background:#ddd}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#00a383}.reg-actions{border-top:1px solid var(--border);justify-content:space-between;margin-top:2.4rem;padding-top:1.8rem;display:flex}.dash-layout{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);color:#fff;z-index:100;box-sizing:border-box;flex-direction:column;width:288px;padding:1.5rem 0;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{align-items:center;gap:.72rem;margin-bottom:2.4rem;padding:0 1.8rem;display:flex}.sidebar-logo h2{font-weight:800}.sidebar-nav{flex:auto;min-height:0;padding-bottom:.6rem;list-style:none;overflow-y:auto}.sidebar-nav li{margin:.15rem 0}.sidebar-nav a{color:#ffffffb3;cursor:pointer;border-left:3px solid #0000;align-items:center;gap:.84rem;padding:.7rem 1.8rem;font-size:1.3rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav a:hover{background:var(--sidebar-hover);color:#fff}.sidebar-nav a.active{background:var(--sidebar-hover);color:#fff;border-left-color:var(--accent)}.sidebar-nav a .nav-icon{text-align:center;width:28.8px;font-size:1.58rem}.sidebar-nav .nav-badge{background:var(--accent);color:var(--sidebar);border-radius:12px;margin-left:auto;padding:.15rem .6rem;font-size:1.01rem;font-weight:700}.sidebar-profile{background:var(--sidebar);border-top:1px solid #ffffff1a;flex-shrink:0;margin-top:auto;padding:1rem 1.8rem}.sidebar-profile .profile-info{align-items:center;gap:.84rem;display:flex}.sidebar-profile .avatar{background:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:43.2px;height:43.2px;font-size:1.3rem;font-weight:700;display:flex}.sidebar-profile .profile-name{font-size:1.22rem;font-weight:600}.sidebar-profile .profile-school{color:#ffffff80;font-size:1.08rem}.sidebar-profile .xp-bar{background:#ffffff1a;border-radius:2.4px;height:4.8px;margin-top:.6rem;overflow:hidden}.sidebar-profile .xp-fill{background:var(--accent);border-radius:2.4px;height:100%;transition:width .5s}.main-content{flex:1;margin-left:288px;padding:2.4rem}.top-bar{justify-content:space-between;align-items:center;margin-bottom:2.4rem;display:flex}.top-bar h1{font-size:2.16rem;font-weight:700}.top-bar .greeting-emoji{margin-right:.36rem}.top-bar-actions{align-items:center;gap:1.2rem;display:flex}.notif-btn{cursor:pointer;background:0 0;border:none;padding:.6rem;font-size:1.87rem;position:relative}.notif-btn .badge{background:var(--accent-orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:19.2px;height:19.2px;font-size:.94rem;font-weight:700;display:flex;position:absolute;top:2.4px;right:2.4px}.welcome-banner{background:linear-gradient(135deg, var(--primary) 0%, #8b7cf7 100%);border-radius:var(--radius);color:#fff;align-items:center;gap:2.4rem;margin-bottom:2.4rem;padding:2.4rem;display:flex;position:relative;overflow:hidden}.welcome-banner .welcome-text{flex:1;min-width:0}.welcome-banner .welcome-image{border-radius:var(--radius-sm);object-fit:contain;flex-shrink:0;height:264px;box-shadow:0 4px 16px #0003}.welcome-banner:after{content:"🌟";opacity:.15;font-size:5.76rem;position:absolute;top:50%;right:2.4rem;transform:translateY(-50%)}.welcome-banner h2{margin-bottom:.6rem;font-size:2.02rem}.welcome-banner p{opacity:.9;max-width:60%;font-size:1.37rem;line-height:1.6}.stats-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.2rem;margin-bottom:2.4rem;display:grid}.stat-card{background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow);align-items:center;gap:1.2rem;padding:1.44rem;display:flex}.stat-icon{border-radius:14.4px;flex-shrink:0;justify-content:center;align-items:center;width:57.6px;height:57.6px;font-size:2.02rem;display:flex}.stat-icon.purple{background:#f0eeff}.stat-icon.green{background:#e8fff5}.stat-icon.orange{background:#fff3e0}.stat-icon.pink{background:#fff0f5}.stat-info .stat-value{font-size:2.02rem;font-weight:700;line-height:1.2}.stat-info .stat-label{color:var(--text-light);font-size:1.15rem}.content-grid{grid-template-columns:2fr 1fr;gap:1.8rem;margin-bottom:2.4rem;display:grid}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.8rem}.card-header{justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.card-header h3{align-items:center;gap:.48rem;font-size:1.51rem;font-weight:700;display:flex}.card-header .see-all{color:var(--primary);cursor:pointer;font-size:1.22rem;font-weight:600;text-decoration:none}.quiz-card{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:#f8f7ff;align-items:center;gap:1.2rem;margin-bottom:.96rem;padding:1.2rem;transition:all .2s;display:flex}.quiz-card:hover{border-color:var(--primary-light);box-shadow:0 2px 8px #6c5ce71a}.quiz-card .quiz-icon{border-radius:14.4px;flex-shrink:0;justify-content:center;align-items:center;width:52.8px;height:52.8px;font-size:1.87rem;display:flex}.quiz-card .quiz-info{flex:1}.quiz-card .quiz-title{margin-bottom:.24rem;font-size:1.3rem;font-weight:600}.quiz-card .quiz-meta{color:var(--text-light);font-size:1.15rem}.quiz-card .quiz-difficulty{border-radius:12px;padding:.2rem .72rem;font-size:1.08rem;font-weight:600}.diff-easy{color:#00b894;background:#e8fff5}.diff-medium{color:#e17055;background:#fff3e0}.diff-hard{color:#fd79a8;background:#fff0f5}.ai-coach{border-radius:var(--radius-sm);color:#fff;text-align:center;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);margin-bottom:1.2rem;padding:1.44rem;transition:transform .2s}.ai-coach:hover{transform:translateY(-2px)}.ai-coach .coach-icon{margin-bottom:.6rem}.ai-coach h4{margin-bottom:.36rem}.ai-coach p{opacity:.9}.badge-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.badge-item{text-align:center;border-radius:var(--radius-sm);border:1px solid var(--border);background:#f8f7ff;padding:.8rem .48rem}.badge-item .badge-name{color:var(--text-light);margin-top:.36rem;font-size:1.01rem;font-weight:600}.badge-item.locked{opacity:.4}.quiz-page-content{max-width:960px;margin:0 auto}.quiz-header-bar{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);justify-content:space-between;align-items:center;margin-bottom:1.8rem;padding:1.8rem;display:flex}.quiz-progress{background:var(--border);border-radius:3.6px;width:100%;height:7.2px;margin-bottom:1.8rem;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:3.6px;height:100%;transition:width .5s}.quiz-question-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.8rem;padding:2.4rem}.quiz-question-card .q-number{color:var(--primary);margin-bottom:.6rem;font-size:1.22rem;font-weight:700}.quiz-question-card .q-scenario{color:var(--text);margin-bottom:1.8rem;font-size:1.51rem;line-height:1.7}.quiz-question-card .q-image{border-radius:var(--radius-sm);background:linear-gradient(135deg,#f0eeff,#e8fff5);justify-content:center;align-items:center;width:100%;height:192px;margin-bottom:1.2rem;font-size:4.32rem;display:flex}.quiz-options{flex-direction:column;gap:.72rem;display:flex}.quiz-option{border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.96rem;padding:1rem 1.44rem;font-size:1.37rem;transition:all .2s;display:flex}.quiz-option:hover{border-color:var(--primary-light);background:#f8f7ff}.quiz-option.selected{border-color:var(--primary);background:#f0eeff}.quiz-option .opt-letter{background:var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:33.6px;height:33.6px;font-size:1.15rem;font-weight:700;display:flex}.quiz-option.selected .opt-letter{background:var(--primary);color:#fff}.quiz-nav{justify-content:space-between;margin-top:1.8rem;display:flex}.ai-feedback{border:1px solid var(--primary-light);border-radius:var(--radius-sm);background:linear-gradient(135deg,#f8f7ff,#f0eeff);margin-top:1.2rem;padding:1.44rem;display:none}.ai-feedback.show{display:block}.ai-feedback .feedback-header{color:var(--primary);align-items:center;gap:.6rem;margin-bottom:.6rem;font-weight:700;display:flex}.ai-feedback p{color:var(--text);font-size:1.3rem;line-height:1.6}.quiz-complete-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.quiz-complete-overlay.show{display:flex}.quiz-complete-card{text-align:center;background:#fff;border-radius:28.8px;width:90%;max-width:504px;padding:3rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) popIn;box-shadow:0 20px 60px #0003}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.quiz-complete-icon{margin-bottom:.6rem}.quiz-complete-card h3{color:var(--text);margin-bottom:1.2rem;font-size:2.16rem}.quiz-score-circle{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 1.2rem;font-size:2.88rem;font-weight:800;display:flex;box-shadow:0 4px 20px #6c5ce74d}.quiz-xp-earned{color:var(--accent-orange);margin-bottom:.6rem;font-size:1.58rem;font-weight:700}.quiz-complete-card p{color:var(--text-light);margin-bottom:.6rem;font-size:1.37rem}.rec-hero{background:linear-gradient(135deg, var(--success), #00cec9);border-radius:var(--radius);color:#fff;text-align:center;margin-bottom:2.4rem;padding:3rem}.rec-hero h2{margin-bottom:.6rem;font-size:2.3rem}.rec-hero p{opacity:.9;max-width:600px;margin:0 auto;line-height:1.6}.personality-result{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem;margin-bottom:2.4rem;display:grid}.trait-card{background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow);text-align:center;padding:1.44rem}.trait-card .trait-icon{margin-bottom:.6rem}.trait-card .trait-name{margin-bottom:.36rem;font-size:1.3rem;font-weight:700}.trait-card .trait-bar{background:var(--border);border-radius:3.6px;height:7.2px;margin-top:.6rem;overflow:hidden}.trait-card .trait-fill{border-radius:3.6px;height:100%;transition:width 1s}.trait-card .trait-score{color:var(--text-light);margin-top:.36rem;font-size:1.15rem}.rec-section{margin-bottom:2.4rem}.rec-section h3{align-items:center;gap:.6rem;margin-bottom:1.2rem;font-size:1.58rem;display:flex}.rec-card{background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow);cursor:pointer;gap:1.2rem;margin-bottom:.96rem;padding:1.44rem;transition:transform .2s;display:flex}.rec-card:hover{transform:translateY(-2px)}.rec-card .rec-icon{border-radius:14.4px;flex-shrink:0;justify-content:center;align-items:center;width:57.6px;height:57.6px;font-size:2.02rem;display:flex}.rec-card .rec-title{margin-bottom:.24rem;font-size:1.37rem;font-weight:600}.rec-card .rec-desc{color:var(--text-light);font-size:1.22rem;line-height:1.5}.rec-card .rec-tag{border-radius:9.6px;margin-top:.48rem;padding:.2rem .72rem;font-size:1.08rem;font-weight:600;display:inline-block}.sim-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.44rem;display:grid}.sim-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;transition:all .2s;overflow:hidden}.sim-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.sim-card .sim-thumb{justify-content:center;align-items:center;height:168px;font-size:4.32rem;display:flex}.sim-card .sim-body{padding:1.2rem}.sim-card .sim-title{margin-bottom:.36rem;font-size:1.37rem;font-weight:700}.sim-card .sim-desc{color:var(--text-light);font-size:1.22rem;line-height:1.5}.sim-card .sim-footer{justify-content:space-between;align-items:center;margin-top:.96rem;display:flex}.journal-entry{background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow);margin-bottom:1.2rem;padding:1.44rem}.journal-entry .je-date{color:var(--text-lighter);margin-bottom:.36rem;font-size:1.15rem}.journal-entry .je-prompt{color:var(--primary);margin-bottom:.6rem;font-size:1.22rem;font-weight:600}.journal-entry textarea{border:2px solid var(--border);border-radius:var(--radius-sm);width:100%;font-family:var(--font);resize:vertical;min-height:96px;padding:.96rem;font-size:1.3rem;transition:border-color .2s}.journal-entry textarea:focus{border-color:var(--primary);outline:none}.journal-entry .je-text{color:var(--text);white-space:pre-wrap;word-break:break-word;font-size:1.22rem;line-height:1.6}.journal-entry .je-delete{margin-top:.8rem;padding:.3rem .9rem;font-size:1.08rem}.journal-empty{color:var(--text-light);text-align:center;padding:1.2rem 0;font-size:1.22rem}.values-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.2rem;display:grid}.value-card{background:var(--card);border:2px solid var(--border);border-radius:var(--radius-sm);text-align:center;cursor:pointer;padding:1.44rem;transition:all .2s}.value-card:hover{border-color:var(--primary-light);transform:translateY(-2px)}.value-card.selected{border-color:var(--primary);background:#f8f7ff}.value-card .value-icon{margin-bottom:.6rem}.value-card .value-name{font-weight:700}.value-card .value-desc{color:var(--text-light);margin-top:.36rem}.values-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.8rem;padding:.6rem;display:grid}.value-collect-card{text-align:center;border-radius:19.2px;padding:2rem 1.25rem 1.5rem;transition:transform .3s,box-shadow .3s;animation:.5s ease-out backwards cardDealIn;position:relative;overflow:hidden}.value-collect-card.owned{background:linear-gradient(145deg,#fff 0%,#f8f7ff 100%);border:2px solid #e8e5ff;box-shadow:0 4px 16px #667eea1f,0 1px 3px #0000000f}.value-collect-card:not(.owned){opacity:.7;background:linear-gradient(145deg,#f5f5f7 0%,#eaecef 100%);border:2px dashed #d0d0d8;box-shadow:0 2px 8px #0000000f}.value-collect-card:hover{transform:translateY(-4px)scale(1.02)}.value-collect-card.owned:hover{box-shadow:0 8px 32px #667eea33,0 2px 6px #00000014}.value-collect-card .vc-frame{pointer-events:none;border:1.5px solid #0000;border-radius:14.4px;position:absolute;inset:7.2px}.value-collect-card.owned .vc-frame{background:linear-gradient(135deg,#667eea08 0%,#764ba208 100%);border-color:#667eea26}.value-collect-card .vc-shine{pointer-events:none;background:linear-gradient(135deg,#0000 40%,#ffffff4d 50%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%;transform:translate(-100%)}.value-collect-card.owned:hover .vc-shine{animation:.8s ease-out shineSweep}.value-collect-card .vc-badge{letter-spacing:.02em;z-index:2;border-radius:24px;padding:3px 9.6px;font-size:.94rem;font-weight:700;position:absolute;top:12px;right:12px}.vc-badge-owned{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.vc-badge-locked{color:#999;background:#e8e8ec}.value-collect-card .vc-emoji{z-index:1;filter:drop-shadow(0 2px 4px #0000001a);margin-bottom:.9rem;font-size:5.04rem;position:relative}.value-collect-card:not(.owned) .vc-emoji{filter:grayscale(.6)opacity(.5)}.value-collect-card .vc-image{object-fit:contain;border-radius:var(--radius-sm);z-index:1;background:#f0f0f5;width:100%;height:216px;margin-bottom:.9rem;position:relative}.value-collect-card:not(.owned) .vc-image{filter:grayscale(.6)opacity(.5)}.value-collect-card .vc-name{z-index:1;margin-bottom:.42rem;font-size:1.51rem;font-weight:800;position:relative}.value-collect-card.owned .vc-name{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.value-collect-card:not(.owned) .vc-name{color:#999}.value-collect-card .vc-rarity{z-index:1;margin-bottom:.6rem;font-size:1.08rem;font-weight:600;position:relative}.value-collect-card.owned .vc-rarity{color:#764ba2}.value-collect-card:not(.owned) .vc-rarity{color:#bbb}.value-collect-card .vc-desc{color:var(--text-light);z-index:1;font-size:1.15rem;line-height:1.4;position:relative}.value-collect-card:not(.owned) .vc-desc{color:#c0c0c4}@keyframes cardDealIn{0%{opacity:0;transform:translateY(30px)rotateY(10deg)scale(.9)}to{opacity:1;transform:translateY(0)rotateY(0)scale(1)}}@keyframes shineSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.cert-card{border-radius:var(--radius-sm);color:#fff;background:linear-gradient(135deg,gold,orange);align-items:center;gap:1.2rem;margin-bottom:1.2rem;padding:1.8rem;display:flex}.cert-card .cert-title{font-weight:700}.cert-card .cert-date{opacity:.9}.resource-list{flex-direction:column;gap:.96rem;display:flex}.resource-item{background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow);cursor:pointer;align-items:center;gap:1.2rem;padding:1rem 1.44rem;transition:all .2s;display:flex}.resource-item:hover{transform:translate(4px)}.resource-item .res-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.73rem;display:flex}.resource-item .res-title{font-weight:600}.resource-item .res-type{color:var(--text-light)}.sub-page{display:none}.sub-page.active{display:block}.hamburger{cursor:pointer;background:0 0;border:none;padding:.6rem;font-size:2.16rem;display:none}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:1.2rem}.hamburger{display:block}.top-bar{flex-wrap:wrap;row-gap:.5rem;margin-bottom:1.2rem}.top-bar h1{font-size:1.2rem}.top-bar-actions{gap:.5rem}.content-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.welcome-banner{flex-direction:column;margin-bottom:1.4rem;padding:1.4rem}.welcome-banner .welcome-image{object-fit:contain;width:100%;height:auto;max-height:288px}.welcome-banner p{max-width:100%}.reg-page{padding:1.2rem}.reg-container{border-radius:1.2rem;margin:.8rem;padding:1.4rem 1.1rem}.reg-hero-image{max-height:150px;margin-bottom:1.1rem}.reg-logo{margin-bottom:1.3rem}.reg-logo .logo-icon{font-size:2.8rem}.reg-logo h1{font-size:1.9rem}.reg-steps{gap:.3rem;margin-bottom:1.4rem}.reg-step{gap:.3rem;font-size:1.05rem}.reg-step .step-num{width:28px;min-width:28px;height:28px;min-height:28px;font-size:1rem}.step-connector{width:18px;margin:0 .1rem}.personality-q{margin-bottom:.9rem;padding:1rem}.likert-scale{gap:.4rem}.likert-btn{width:44px;min-width:44px;height:44px;min-height:44px;font-size:1.15rem}.btn{padding:.65rem 1.4rem;font-size:1.15rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sub-page.active{animation:.3s fadeIn}.loading-dots{gap:4.8px;display:inline-flex}.loading-dots span{background:var(--primary);border-radius:50%;width:7.2px;height:7.2px;animation:1.4s ease-in-out infinite dotPulse}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.show{display:flex}.modal{background:var(--card);border-radius:var(--radius);width:90%;max-width:600px;padding:2.4rem;box-shadow:0 20px 60px #0003}.modal h3{margin-bottom:1.2rem;font-size:1.73rem}.lang-toggle{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--border);cursor:pointer;color:var(--text);font-size:1.22rem;font-weight:600;font-family:var(--font);background:#fffffff2;border-radius:28.8px;align-items:center;gap:.36rem;padding:.4rem .72rem;transition:all .2s;display:flex;position:fixed;top:1.2rem;right:1.2rem;box-shadow:0 2px 12px #0000001a}.lang-toggle:hover{border-color:var(--primary-light);box-shadow:0 4px 16px #6c5ce726}.lang-toggle .lang-icon{font-size:1.58rem}.lang-toggle .lang-label{background:var(--primary);color:#fff;text-align:center;border-radius:14.4px;min-width:3rem;padding:.2rem .6rem;font-size:1.08rem;font-weight:700}.dash-lang-toggle{background:var(--card);border:2px solid var(--border);cursor:pointer;color:var(--text);font-size:1.15rem;font-weight:600;font-family:var(--font);box-shadow:var(--shadow);border-radius:24px;align-items:center;gap:.36rem;padding:.3rem .96rem;transition:all .2s;display:flex}.dash-lang-toggle:hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg)}.dash-lang-toggle .lang-flag{font-size:1.44rem}.dash-lang-toggle .lang-code{background:var(--primary);color:#fff;border-radius:9.6px;padding:.15rem .48rem;font-size:1.01rem;font-weight:700}.signout-btn{background:var(--card);border:2px solid var(--border);cursor:pointer;color:var(--text);font-size:1.15rem;font-weight:600;font-family:var(--font);box-shadow:var(--shadow);border-radius:24px;align-items:center;gap:.36rem;padding:.3rem .96rem;transition:all .2s;display:flex}.signout-btn:hover{border-color:var(--accent-orange);box-shadow:var(--shadow-lg)}.galgame-container{border-radius:var(--radius);width:100%;max-width:900px;box-shadow:var(--shadow-lg);background:#000;margin:0 auto;position:relative;overflow:hidden}.galgame-background{width:100%;height:500px;position:relative;overflow:hidden}.galgame-bg-img{object-fit:cover;width:100%;height:100%;display:block}.speech-bubble{border:2px solid var(--primary);z-index:5;pointer-events:none;background:#fff;border-radius:16px;max-width:36%;max-height:26%;padding:.55rem .9rem;font-size:.95rem;line-height:1.45;position:absolute;top:3.5%;overflow:hidden;box-shadow:0 4px 14px #00000040}.speech-bubble:after{content:"";border:10px solid #0000;border-top-color:var(--primary);border-bottom:none;position:absolute;bottom:-10px;left:28px}.speech-bubble:before{content:"";z-index:1;border:8px solid #0000;border-top-color:#fff;border-bottom:none;position:absolute;bottom:-6px;left:30px}.speech-bubble-vicuna{right:3%}.speech-bubble-vicuna:after{left:auto;right:28px}.speech-bubble-vicuna:before{left:auto;right:30px}.speech-bubble-you{border-color:#00c2a8;left:3%}.speech-bubble-you:after{border-top-color:#00c2a8}.bubble-name{color:var(--primary);margin-bottom:.15rem;font-size:.85rem;font-weight:700;display:block}.speech-bubble-you .bubble-name{color:#00c2a8}.bubble-text{color:#2d3436}.galgame-chat-panel{color:#fff;border-top:3px solid var(--primary);cursor:pointer;-webkit-user-select:none;user-select:none;background:#000000eb;flex-direction:column;gap:.15rem;min-height:64px;padding:.6rem 1.2rem 1.6rem;display:flex;position:relative}.chat-name{letter-spacing:.3px;font-size:.85rem;font-weight:700}.chat-vicuna .chat-name{color:#a29bfe}.chat-you .chat-name{color:#81ecec}.chat-text{white-space:pre-wrap;word-spacing:-.5px;color:#ffffffeb;font-size:.95rem;line-height:1.5}.chat-you .chat-text{color:#e0fbfad9}.dialogue-continue{color:var(--accent);pointer-events:none;font-size:1.3rem;animation:1s infinite bounce;position:absolute;bottom:14px;right:24px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.galgame-choices{background:#000000f2;flex-wrap:wrap;justify-content:center;gap:.5rem;min-height:40px;padding:.6rem;display:flex}.galgame-choice-btn{border:2px solid var(--primary);color:#fff;cursor:pointer;min-width:160px;max-width:280px;font-size:.9rem;font-weight:600;font-family:var(--font);word-spacing:-.5px;background:#6c5ce733;border-radius:10px;flex:1;padding:.5rem 1rem;line-height:1.3;transition:all .2s}.galgame-choice-btn:hover{background:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #6c5ce766}.galgame-input-row{background:#000000f2;gap:.4rem;padding:.5rem .6rem;display:flex}.galgame-replay-row{background:#000000f2;justify-content:center;padding:.5rem .6rem;display:flex}.galgame-replay-btn{border:2px solid var(--primary);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font);background:#6c5ce733;border-radius:10px;padding:.5rem 1.2rem}.galgame-replay-btn:hover{background:var(--primary);box-shadow:0 4px 12px #6c5ce766}.galgame-input{border:2px solid var(--primary);color:#fff;font-size:.9rem;font-family:var(--font);background:#ffffff1a;border-radius:8px;flex:1;padding:.5rem .7rem}.galgame-input:focus{border-color:var(--accent);background:#ffffff26;outline:none}.galgame-input::placeholder{color:#ffffff80}.galgame-send-btn{background:var(--primary);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font);border:none;border-radius:8px;padding:.5rem 1rem;transition:all .2s}.galgame-send-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #6c5ce766}@media (width<=768px){.galgame-background{height:350px}.speech-bubble{border-width:1.5px;border-radius:12px;max-width:42%;max-height:none;padding:.45rem .7rem;font-size:.88rem;line-height:1.35;overflow:visible}.speech-bubble:after{border-width:8px;bottom:-8px}.speech-bubble:before{border-width:6px;bottom:-5px}.galgame-chat-panel{border-top-width:2px;padding:.5rem .8rem 1.4rem}.chat-text{font-size:.85rem}.galgame-choice-btn{border-width:1.5px;min-width:130px;font-size:.85rem}}