:root{--pseo-primary:#4caf50;--pseo-primary-light:#b7f3bc;--pseo-primary-dark:#388e3c;--pseo-primary-bg:#e8f5e9;--pseo-bg:#fff;--pseo-bg-dim:#f5f5f5;--pseo-bg-card:#fff;--pseo-text:#464f60;--pseo-text-dim:#757575;--pseo-text-heading:#1a1a1a;--pseo-border:#e0e0e0;--pseo-border-hover:#c8e6c9;--pseo-accent:#ffc048;--pseo-info:#4da6ff;--pseo-danger:#ff5e5e;--pseo-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--pseo-shadow-hover:0 4px 12px #4caf501f, 0 2px 6px #0000000f}[data-theme=dark]{--pseo-primary:#66bb6a;--pseo-primary-light:#388e3c;--pseo-primary-dark:#81c784;--pseo-primary-bg:#1b5e20;--pseo-bg:#182018;--pseo-bg-dim:#1d271d;--pseo-bg-card:#1f2a1f;--pseo-text:silver;--pseo-text-dim:#9e9e9e;--pseo-text-heading:#e8e8e8;--pseo-border:#2d3d2d;--pseo-border-hover:#2e7d32;--pseo-accent:#ffd54f;--pseo-info:#64b5f6;--pseo-danger:#ef5350;--pseo-shadow:0 1px 3px #0000004d;--pseo-shadow-hover:0 4px 12px #66bb6a26}.pseo-page{background:var(--pseo-bg-dim);min-height:100vh;color:var(--pseo-text);padding-top:6rem}.pseo-container{max-width:900px;margin:0 auto;padding:1rem 1.5rem 3rem}.pseo-breadcrumb{color:var(--pseo-text-dim);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.85rem;display:flex}.pseo-breadcrumb a{color:var(--pseo-primary);text-decoration:none;transition:color .2s}.pseo-breadcrumb a:hover{color:var(--pseo-primary-dark)}.pseo-breadcrumb .sep{color:var(--pseo-border)}.pseo-header{text-align:center;background:var(--pseo-bg-card);border:1px solid var(--pseo-border);box-shadow:var(--pseo-shadow);border-radius:16px;margin-bottom:2rem;padding:2rem 1.5rem}.pseo-header .badge{background:var(--pseo-primary-bg);color:var(--pseo-primary-dark);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--pseo-primary-light);border-radius:30px;margin-bottom:1rem;padding:.3rem 1rem;font-size:.75rem;font-weight:600;display:inline-block}.pseo-header h1{color:var(--pseo-text-heading);margin:.5rem 0 1rem;font-size:2rem;font-weight:800;line-height:1.2}.pseo-header .intro{color:var(--pseo-text-dim);max-width:700px;margin:0 auto;font-size:1rem;line-height:1.7}.pseo-meta{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:1rem;display:flex}.pseo-meta span{color:var(--pseo-text-dim);align-items:center;gap:.35rem;font-size:.85rem;display:flex}.pseo-filters{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.pseo-filter-btn{background:var(--pseo-bg-card);border:1px solid var(--pseo-border);color:var(--pseo-text);cursor:pointer;box-shadow:var(--pseo-shadow);border-radius:30px;padding:.45rem 1rem;font-size:.8rem;transition:all .2s}.pseo-filter-btn:hover{border-color:var(--pseo-primary-light);color:var(--pseo-primary-dark)}.pseo-filter-btn.active{background:var(--pseo-primary);border-color:var(--pseo-primary);color:#fff;font-weight:600}.pseo-section{margin-bottom:2rem}.pseo-section h2{color:var(--pseo-text-heading);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.3rem;font-weight:700;display:flex}.pseo-section h2:before{content:"";background:var(--pseo-primary);border-radius:2px;width:4px;height:1.3rem;display:inline-block}.pseo-card{background:var(--pseo-bg-card);border:1px solid var(--pseo-border);box-shadow:var(--pseo-shadow);border-radius:12px;margin-bottom:.6rem;padding:1rem 1.2rem;transition:all .2s}.pseo-card:hover{border-color:var(--pseo-border-hover);box-shadow:var(--pseo-shadow-hover);transform:translate(3px)}.pseo-card-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.3rem;display:flex}.pseo-card h3{color:var(--pseo-text-heading);flex:1;margin:0;font-size:.95rem;font-weight:600}.pseo-card p{color:var(--pseo-text-dim);margin:0;font-size:.85rem;line-height:1.6}.badge-difficulty{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:20px;padding:.2rem .65rem;font-size:.68rem;font-weight:600}.badge-difficulty.beginner{color:#388e3c;background:#e8f5e9;border:1px solid #c8e6c9}.badge-difficulty.intermediate{color:#f57f17;background:#fff8e1;border:1px solid #ffecb3}.badge-difficulty.advanced{color:#d32f2f;background:#ffebee;border:1px solid #ffcdd2}.badge-priority{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:20px;padding:.2rem .65rem;font-size:.68rem;font-weight:600}.badge-priority.essential{color:#d32f2f;background:#ffebee;border:1px solid #ffcdd2}.badge-priority.recommended{color:#f57f17;background:#fff8e1;border:1px solid #ffecb3}.badge-priority.optional{color:#388e3c;background:#e8f5e9;border:1px solid #c8e6c9}.badge-potential{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:20px;padding:.2rem .65rem;font-size:.68rem;font-weight:600}.badge-potential.high{color:#388e3c;background:#e8f5e9;border:1px solid #c8e6c9}.badge-potential.medium{color:#1565c0;background:#e3f2fd;border:1px solid #bbdefb}.badge-potential.standard{color:#757575;background:#f5f5f5;border:1px solid #e0e0e0}[data-theme=dark] .badge-difficulty.beginner{color:#81c784;background:#4caf5026;border-color:#4caf504d}[data-theme=dark] .badge-difficulty.intermediate{color:#ffd54f;background:#ffc10726;border-color:#ffc1074d}[data-theme=dark] .badge-difficulty.advanced,[data-theme=dark] .badge-priority.essential{color:#ef5350;background:#f4433626;border-color:#f443364d}[data-theme=dark] .badge-priority.recommended{color:#ffd54f;background:#ffc10726;border-color:#ffc1074d}[data-theme=dark] .badge-priority.optional,[data-theme=dark] .badge-potential.high{color:#81c784;background:#4caf5026;border-color:#4caf504d}[data-theme=dark] .badge-potential.medium{color:#64b5f6;background:#64b5f626;border-color:#64b5f64d}[data-theme=dark] .badge-potential.standard{color:#9e9e9e;background:#9e9e9e26;border-color:#9e9e9e4d}.pseo-checkbox-wrapper{align-items:flex-start;gap:.75rem;display:flex}.pseo-checkbox{appearance:none;border:2px solid var(--pseo-border);background:var(--pseo-bg);cursor:pointer;border-radius:6px;width:22px;min-width:22px;height:22px;margin-top:.15rem;transition:all .2s}.pseo-checkbox:checked{background:var(--pseo-primary);border-color:var(--pseo-primary)}.pseo-checkbox:checked:after{content:"✓";text-align:center;color:#fff;font-size:.75rem;font-weight:700;line-height:18px;display:block}.pseo-card.checked{opacity:.5}.pseo-card.checked h3{text-decoration:line-through}.pseo-progress{background:var(--pseo-bg-card);border:1px solid var(--pseo-border);box-shadow:var(--pseo-shadow);border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.2rem}.pseo-progress-label{color:var(--pseo-text-dim);justify-content:space-between;margin-bottom:.5rem;font-size:.85rem;display:flex}.pseo-progress-bar{background:var(--pseo-bg-dim);border-radius:4px;height:8px;overflow:hidden}.pseo-progress-fill{background:linear-gradient(90deg, var(--pseo-primary-light), var(--pseo-primary));border-radius:4px;height:100%;transition:width .3s}.pseo-tips-box{background:var(--pseo-primary-bg);border:1px solid var(--pseo-primary-light);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.pseo-tips-box h2{margin-bottom:1rem}.pseo-tips-box ul{margin:0;padding:0;list-style:none}.pseo-tips-box li{color:var(--pseo-text);border-bottom:1px solid #4caf5026;align-items:flex-start;gap:.5rem;padding:.5rem 0;font-size:.9rem;line-height:1.6;display:flex}.pseo-tips-box li:last-child{border-bottom:none}.pseo-tips-box li:before{content:"💡";flex-shrink:0}.pseo-mistakes-box{background:#fff8e1;border-color:#ffecb3}.pseo-mistakes-box li:before{content:"⚠️"}.pseo-mistakes-box li{border-bottom-color:#ffc10726}[data-theme=dark] .pseo-mistakes-box{background:#ffc10714;border-color:#ffc10733}.pseo-faq{margin-bottom:2rem}.pseo-faq-item{background:var(--pseo-bg-card);border:1px solid var(--pseo-border);box-shadow:var(--pseo-shadow);border-radius:10px;margin-bottom:.5rem;overflow:hidden}.pseo-faq-item summary{cursor:pointer;color:var(--pseo-text-heading);align-items:center;gap:.5rem;padding:1rem 1.2rem;font-weight:600;list-style:none;display:flex}.pseo-faq-item summary:before{content:"▸";color:var(--pseo-primary);transition:transform .2s}.pseo-faq-item[open] summary:before{transform:rotate(90deg)}.pseo-faq-item .faq-answer{color:var(--pseo-text-dim);padding:0 1.2rem 1rem;font-size:.9rem;line-height:1.7}.pseo-index-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.pseo-index-card{background:var(--pseo-bg-card);border:1px solid var(--pseo-border);color:inherit;box-shadow:var(--pseo-shadow);border-radius:14px;flex-direction:column;gap:.5rem;padding:1.5rem;text-decoration:none;transition:all .25s;display:flex}.pseo-index-card:hover{border-color:var(--pseo-primary-light);box-shadow:var(--pseo-shadow-hover);transform:translateY(-3px)}.pseo-index-card h3{color:var(--pseo-text-heading);margin:0;font-size:1rem;font-weight:600}.pseo-index-card p{color:var(--pseo-text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.83rem;line-height:1.5;display:-webkit-box;overflow:hidden}.pseo-index-card .card-stats{border-top:1px solid var(--pseo-border);color:var(--pseo-text-dim);gap:1rem;margin-top:auto;padding-top:.75rem;font-size:.78rem;display:flex}.pseo-disclaimer{color:var(--pseo-text);text-align:center;background:#e3f2fd;border:1px solid #bbdefb;border-radius:10px;margin-bottom:2rem;padding:.8rem 1.2rem;font-size:.8rem;line-height:1.5}[data-theme=dark] .pseo-disclaimer{background:#4da6ff14;border-color:#4da6ff33}@media (max-width:640px){.pseo-header h1{font-size:1.5rem}.pseo-container{padding:1rem 1rem 2rem}.pseo-card{padding:.85rem 1rem}.pseo-index-grid{grid-template-columns:1fr}}.pseo-footer{background:linear-gradient(180deg, var(--pseo-bg-dim), var(--pseo-bg));border-top:1px solid var(--pseo-border);margin-top:3rem;padding:3rem 0 1.5rem}.pseo-footer__container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.pseo-footer__brand-section{border-bottom:1px solid var(--pseo-border);margin-bottom:2rem;padding-bottom:1.5rem}.pseo-footer__brand-logo{align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.pseo-footer__brand-logo img{border-radius:8px}.pseo-footer__brand-logo span{color:var(--pseo-fg);font-size:1.2rem;font-weight:700}.pseo-footer__tagline{color:var(--pseo-muted);max-width:380px;font-size:.9rem;line-height:1.5}.pseo-footer__grid{grid-template-columns:repeat(5,1fr);gap:2rem;margin-bottom:2.5rem;display:grid}@media (max-width:992px){.pseo-footer__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.pseo-footer__grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.pseo-footer__column h4{text-transform:uppercase;letter-spacing:.5px;color:var(--pseo-text-heading);margin-bottom:.75rem;font-size:.85rem;font-weight:700}.pseo-footer__column ul{margin:0;padding:0;list-style:none}.pseo-footer__column li{margin-bottom:.35rem}.pseo-footer__column a{color:var(--pseo-text-dim);font-size:.85rem;text-decoration:none;transition:color .2s}.pseo-footer__column a:hover{color:var(--pseo-primary)}.pseo-footer__more{margin-top:.25rem;font-weight:600;display:inline-block;color:var(--pseo-primary)!important;font-size:.8rem!important}.pseo-footer__bottom{border-top:1px solid var(--pseo-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;display:flex}.pseo-footer__brand{color:var(--pseo-text-heading);font-size:1rem;font-weight:700;text-decoration:none}.pseo-footer__links{gap:1.25rem;display:flex}.pseo-footer__links a{color:var(--pseo-text-dim);font-size:.8rem;text-decoration:none;transition:color .2s}.pseo-footer__links a:hover{color:var(--pseo-primary)}.pseo-footer__copyright{color:var(--pseo-text-dim);margin:0;font-size:.75rem}.pseo-footer__badge{opacity:.9;line-height:0;transition:opacity .2s;display:inline-flex}.pseo-footer__badge:hover{opacity:1}.pseo-footer__badge img{width:auto;height:40px}[data-theme=dark] .pseo-footer{background:linear-gradient(#ffffff08,#0003);border-top-color:#ffffff14}[data-theme=dark] .pseo-footer__column h4{color:#e0e0e0}[data-theme=dark] .pseo-footer__column a{color:#999}[data-theme=dark] .pseo-footer__column a:hover{color:#4caf50}[data-theme=dark] .pseo-footer__bottom{border-top-color:#ffffff14}[data-theme=dark] .pseo-footer__brand{color:#e0e0e0}[data-theme=dark] .pseo-footer__links a{color:#999}
