:root{--ojp-primary:#1a73e8;--ojp-accent:#34c759;--ojp-hover:#1557b0;--ojp-no:#ff3b30;--ojp-shadow:0 4px 20px rgba(26, 115, 232, 0.25);--ojp-radius:50px}.ojp-wrap{margin:28px auto;max-width:720px;font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}@keyframes ojpFadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes ojpPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes ojpShine{0%{left:-100%}100%{left:200%}}@keyframes ojpBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.ojp-animate-in{animation:ojpFadeInUp 0.6s ease-out both}.ojp-qualification-buttons{display:flex;flex-direction:column;gap:14px;padding:10px 0}.ojp-qual-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 28px;background:linear-gradient(135deg,var(--ojp-primary) 0%,#4285f4 50%,var(--ojp-primary) 100%);background-size:200% 200%;color:#fff!important;text-decoration:none!important;font-size:18px;font-weight:700;border-radius:var(--ojp-radius);border:none;box-shadow:var(--ojp-shadow);overflow:hidden;transition:all 0.3s cubic-bezier(.4,0,.2,1);cursor:pointer;text-align:center;letter-spacing:.3px}.ojp-qual-btn:hover{background-position:100% 0;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px rgb(26 115 232 / .4);color:#fff!important}.ojp-qual-btn:active{transform:translateY(0) scale(.98)}.ojp-btn-shine{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .3),transparent);animation:ojpShine 3s infinite}.ojp-btn-icon{font-size:22px;line-height:1}.ojp-footer-notice{text-align:center;font-size:12px;color:#888;margin-top:12px;font-style:italic}.ojp-quiz-wrap{text-align:center;padding:30px 20px;background:linear-gradient(145deg,#f8faff 0%,#eef4ff 100%);border-radius:20px;border:1px solid #dce8ff;box-shadow:0 4px 24px rgb(0 0 0 / .06)}.ojp-quiz-question{font-size:26px;font-weight:800;color:#1a1a2e;margin:0 0 8px;line-height:1.4}.ojp-quiz-sub{font-size:15px;color:#666;margin:0 0 24px}.ojp-quiz-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.ojp-quiz-btn{display:inline-block;min-width:200px;padding:16px 32px;font-size:22px;font-weight:800;border-radius:12px;text-decoration:none!important;color:#fff!important;transition:all 0.25s ease;box-shadow:inset 0 -4px 0 rgb(0 0 0 / .15)}.ojp-quiz-yes{background:linear-gradient(180deg,#34c759 0%,#28a745 100%);border:2px solid #1f8a38;animation:ojpPulse 2s infinite}.ojp-quiz-yes:hover{background:linear-gradient(180deg,#2db84f 0%,#218838 100%);transform:translateY(-3px);box-shadow:0 6px 20px rgb(40 167 69 / .4);color:#fff!important}.ojp-quiz-no{background:linear-gradient(180deg,#ff6b6b 0%,#ee5a5a 100%);border:2px solid #d63031}.ojp-quiz-no:hover{background:linear-gradient(180deg,#ff5252 0%,#d63031 100%);transform:translateY(-3px);box-shadow:0 6px 20px rgb(214 48 49 / .35);color:#fff!important}.ojp-section-title{font-size:22px;font-weight:800;color:#1a1a2e;margin:0 0 20px;padding-bottom:12px;border-bottom:3px solid var(--ojp-primary);display:flex;align-items:center;gap:8px}.ojp-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.ojp-related-card{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;text-decoration:none!important;color:inherit!important;border:1px solid #e8ecf0;box-shadow:0 2px 12px rgb(0 0 0 / .06);transition:all 0.3s ease}.ojp-related-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px rgb(26 115 232 / .18);border-color:var(--ojp-primary)}.ojp-card-img{height:140px;overflow:hidden;background:linear-gradient(135deg,#e8f0fe,#d2e3fc)}.ojp-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.ojp-related-card:hover .ojp-card-img img{transform:scale(1.08)}.ojp-card-placeholder{display:flex;align-items:center;justify-content:center;font-size:48px}.ojp-card-body{padding:14px 16px;position:relative}.ojp-card-title{font-size:15px;font-weight:700;color:#1a1a2e;margin:0 0 6px;line-height:1.4}.ojp-card-badge{display:inline-block;font-size:11px;font-weight:600;background:#e8f0fe;color:var(--ojp-primary);padding:3px 10px;border-radius:20px}.ojp-card-arrow{position:absolute;right:16px;bottom:16px;font-size:18px;color:var(--ojp-primary);transition:transform 0.3s}.ojp-related-card:hover .ojp-card-arrow{transform:translateX(4px)}.ojp-category-grid{display:flex;flex-wrap:wrap;gap:10px}.ojp-category-chip{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:#fff;border:2px solid #e0e7ef;border-radius:30px;text-decoration:none!important;color:#333!important;font-size:14px;font-weight:600;transition:all 0.25s ease}.ojp-category-chip:hover{background:var(--ojp-primary);border-color:var(--ojp-primary);color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 16px rgb(26 115 232 / .3)}.ojp-chip-icon{font-size:18px}.ojp-ad-slot{margin:16px 0;text-align:center;min-height:10px}.ojp-ad-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center}.ojp-ad-modal[hidden]{display:none}.ojp-ad-modal-backdrop{position:absolute;inset:0;background:rgb(0 0 0 / .6);backdrop-filter:blur(4px)}.ojp-ad-modal-content{position:relative;background:#fff;border-radius:16px;padding:24px;max-width:500px;width:90%;text-align:center;animation:ojpFadeInUp 0.3s ease;z-index:1}.ojp-ad-modal-close{position:absolute;top:10px;right:14px;background:none;border:none;font-size:24px;cursor:pointer;color:#999}.ojp-ad-modal-notice{font-size:13px;color:#888;margin-top:12px}.ojp-qual-picker-modal{position:fixed;inset:0;z-index:1000000;display:flex;align-items:center;justify-content:center;padding:20px}.ojp-qual-picker-modal[hidden]{display:none!important}.ojp-qual-picker-backdrop{position:absolute;inset:0;background:rgb(0 0 0 / .55)}.ojp-qual-picker-content{position:relative;z-index:2;width:min(560px, 100%);max-height:85vh;overflow-y:auto;background:#fff;border-radius:20px;padding:28px 22px;box-shadow:0 20px 60px rgb(0 0 0 / .25)}.ojp-qual-picker-close{position:absolute;top:12px;right:14px;border:none;background:#fff0;font-size:28px;line-height:1;cursor:pointer;color:#666}.ojp-qual-picker-title{margin:0 0 8px;font-size:22px;text-align:center;color:#1a1a1a}.ojp-qual-picker-sub{margin:0 0 20px;text-align:center;color:#666;font-size:14px}.ojp-qual-picker-list{display:flex;flex-direction:column;gap:12px}.ojp-qual-picker-btn{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,var(--ojp-primary) 0%,#4285f4 100%);color:#fff!important;text-decoration:none!important;border-radius:50px;font-weight:700;font-size:16px;transition:transform 0.2s,box-shadow 0.2s;box-shadow:var(--ojp-shadow)}.ojp-qual-picker-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgb(26 115 232 / .35);color:#fff!important}.ojp-section{margin:32px 0;clear:both}.ojp-section-top{margin-top:0;padding-bottom:8px;border-bottom:2px solid #e8ecf0}.ojp-section-buttons{margin:28px 0;padding:20px 0;border-top:1px dashed #dce8ff;border-bottom:1px dashed #dce8ff;background:linear-gradient(135deg,#f8faff 0%,#fff 100%);border-radius:12px;padding:24px 16px}.ojp-section-middle{margin:36px 0;padding:24px 16px;background:linear-gradient(135deg,#fff8e1 0%,#fffde7 100%);border:2px dashed #ffc107;border-radius:16px}.ojp-section-bottom{margin-top:40px;padding-top:24px;border-top:3px solid var(--ojp-primary)}.ojp-quiz-slot-1 .ojp-quiz-question{font-size:22px}.ojp-quiz-slot-2 .ojp-quiz-question{font-size:20px}.ojp-related-middle{background:linear-gradient(135deg,#fff8e1 0%,#fff3cd 100%);border:2px dashed #ffc107;border-radius:16px;padding:20px;margin:24px 0}.ojp-internal-related{background:linear-gradient(135deg,#e8f4fd 0%,#f0f7ff 100%);border-left:4px solid var(--ojp-primary);border-radius:0 10px 10px 0;padding:14px 18px;margin:20px 0}.ojp-internal-hub a,.ojp-internal-related a{color:var(--ojp-primary)!important;font-weight:600;text-decoration:none!important;border-bottom:1px dashed var(--ojp-primary);transition:all 0.2s}.ojp-internal-hub a:hover,.ojp-internal-related a:hover{color:var(--ojp-hover)!important;border-bottom-style:solid}.ojp-internal-related{background:linear-gradient(135deg,#fff8e1 0%,#fffde7 100%);border-left-color:#ffc107}@media (max-width:600px){.ojp-qual-btn{font-size:16px;padding:16px 20px}.ojp-quiz-question{font-size:22px}.ojp-quiz-btn{min-width:140px;font-size:18px;padding:14px 24px}.ojp-related-grid{grid-template-columns:1fr}}