:root{--brand-primary:#5f56fe;--brand-primary-light:#eeecff;--brand-primary-medium:#d4d0ff;--brand-primary-dark:#4f46db;--text-light:#717171;--green-check:#22c55e;--green-bg:#e8f9e8;--peach-bg:#ffe8e0;--yellow-bg:#fff5dc;--cyan-bg:#dcf5fa;--lavender-bg:#eeeaff;--bg-white:#fff;--bg-off-white:#fafafa;--border-light:rgba(95,86,254,.08);--easy-color:#22c55e;--easy-bg:#f0fdf4;--medium-color:#f59e0b;--medium-bg:#fffbeb;--hard-color:#ef4444;--hard-bg:#fef2f2}body{background:var(--bg-white);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.018;z-index:10000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}::selection{background:var(--brand-primary);color:#fff}::-webkit-scrollbar-track{background:var(--bg-off-white)}::-webkit-scrollbar-thumb{background:var(--brand-primary-medium);border-radius:4px}.bg-grid{top:0;left:0;width:100%;height:100%;z-index:-2;background-image:linear-gradient(rgba(95,86,254,.03) 1px,transparent 0),linear-gradient(90deg,rgba(95,86,254,.03) 1px,transparent 0);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,#000 0,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,#000 0,transparent 70%)}.bg-grid,.gradient-orb{position:fixed;pointer-events:none}.gradient-orb{border-radius:50%;filter:blur(80px);z-index:-1;opacity:.4}.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(95,86,254,.15) 0,transparent 70%);top:-200px;right:-200px;animation:orbFloat1 20s ease-in-out infinite}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(139,127,253,.12) 0,transparent 70%);bottom:20%;left:-150px;animation:orbFloat2 25s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0)}50%{transform:translate(-50px,50px)}}@keyframes orbFloat2{0%,to{transform:translate(0)}50%{transform:translate(40px,-30px)}}.reveal{opacity:0;transform:translateY(36px);transition:all .7s cubic-bezier(.4,0,.2,1)}.reveal.active{opacity:1;transform:translateY(0)}.stagger>*{opacity:0;transform:translateY(24px);transition:all .5s cubic-bezier(.4,0,.2,1)}.stagger.active>:first-child{transition-delay:.05s;opacity:1;transform:translateY(0)}.stagger.active>:nth-child(2){transition-delay:.1s;opacity:1;transform:translateY(0)}.stagger.active>:nth-child(3){transition-delay:.15s;opacity:1;transform:translateY(0)}.stagger.active>:nth-child(4){transition-delay:.2s;opacity:1;transform:translateY(0)}.stagger.active>:nth-child(5){transition-delay:.25s;opacity:1;transform:translateY(0)}.stagger.active>:nth-child(6){transition-delay:.3s;opacity:1;transform:translateY(0)}.stagger.active>:nth-child(7){transition-delay:.35s;opacity:1;transform:translateY(0)}.stagger.active>:nth-child(8){transition-delay:.4s;opacity:1;transform:translateY(0)}.breadcrumbs{padding:.5rem 0 0;margin-bottom:.75rem}.breadcrumbs ol{list-style:none;flex-wrap:wrap}.breadcrumbs li,.breadcrumbs ol{display:flex;align-items:center;gap:.4rem}.breadcrumbs li{font-size:.82rem;color:var(--text-light)}.breadcrumbs a{color:var(--bs-gray);text-decoration:none;transition:color .2s}.breadcrumbs a:hover{color:var(--brand-primary)}.breadcrumbs .current{color:var(--text-dark);font-weight:500}.breadcrumbs .sep svg{width:12px;height:12px;color:#cbd5e1}.hero-pillar{padding:7rem 2rem 3.5rem;position:relative}.hero-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:center}.hero-content{opacity:0;animation:heroFadeIn .8s ease .2s forwards}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.pattern-hero-visual-pillar{display:flex;align-items:center;justify-content:center;opacity:0;animation:heroFadeIn .8s ease .5s forwards}.pattern-hero-visual-pillar svg{width:100%;max-width:480px;height:auto}.pattern-hero-visual-pillar .node-card{fill:#fff;stroke:rgba(95,86,254,.08);stroke-width:1}.hero-back{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:500;color:var(--bs-gray);text-decoration:none;margin-bottom:1rem;padding:.3rem .7rem .3rem .4rem;border-radius:8px;transition:all .2s}.hero-back:hover{background:var(--bg-off-white);color:var(--brand-primary)}.hero-back svg{width:16px;height:16px}.hero-meta-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem}.hero-diff-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:50px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.hero-diff-badge.easy{background:var(--easy-bg);color:var(--easy-color)}.hero-diff-badge.medium{background:var(--medium-bg);color:var(--medium-color)}.hero-diff-badge.hard{background:var(--hard-bg);color:var(--hard-color)}.hero-diff-badge .hd-dot{width:7px;height:7px;border-radius:50%}.hero-diff-badge.easy .hd-dot{background:var(--easy-color)}.hero-diff-badge.medium .hd-dot{background:var(--medium-color)}.hero-diff-badge.hard .hd-dot{background:var(--hard-color)}.hero-eyebrow{width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem .35rem .45rem;background:var(--bg-white);border:1px solid var(--border-light);border-radius:50px;font-size:.78rem;font-weight:600;color:var(--bs-gray);box-shadow:0 2px 10px rgba(0,0,0,.04)}.hero-eyebrow .dot{width:7px;height:7px;background:var(--green-check);border-radius:50%;animation:dotPulse 2s infinite}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.3}}.hero-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15;color:var(--text-dark);margin-bottom:1rem;letter-spacing:-.03em;max-width:750px}.hero-title .highlight{position:relative;display:inline;color:var(--brand-primary)}.hero-title .highlight:before{width:-moz-fit-content;width:fit-content;content:"";position:absolute;bottom:.06em;left:-.02em;right:-.02em;height:.3em;background:rgba(95,86,254,.12);border-radius:4px;z-index:-1}.hero-desc{font-size:1.05rem;color:var(--bs-gray);line-height:1.7;max-width:650px;margin-bottom:2rem}.stats-ribbon{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:2rem}.stat-chip{gap:.55rem;padding:.5rem 1rem .5rem .55rem;background:var(--bg-white);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.03)}.stat-chip,.stat-chip-icon{display:flex;align-items:center}.stat-chip-icon{width:32px;height:32px;border-radius:8px;justify-content:center;font-size:.85rem;flex-shrink:0}.stat-chip-text{line-height:1.3}.stat-chip-num{font-weight:700;font-size:.92rem;color:var(--text-dark)}.stat-chip-label{font-size:.72rem;color:var(--text-light)}.exam-cloud{display:flex;gap:.4rem;flex-wrap:wrap}.exam-pill{padding:.3rem .7rem;border-radius:50px;font-size:.75rem;font-weight:600;background:var(--bg-off-white);border:1px solid var(--border-light);color:var(--bs-gray);text-decoration:none;transition:all .2s}.exam-pill:hover{background:var(--brand-primary-light);border-color:rgba(95,86,254,.2);color:var(--brand-primary)}.patterns-section{padding:2rem;display:flex;flex-direction:column;align-items:center}.pattern-inner-section{max-width:1100px;margin:0 auto;width:100%}.patterns-section-title{font-size:1.6rem;font-weight:800;color:var(--text-dark);margin-bottom:.4rem;letter-spacing:-.02em;text-align:center}.patterns-section-desc{font-size:.92rem;color:var(--bs-gray);line-height:1.65;margin-bottom:2rem;text-align:center}.pattern-card-container{max-width:1100px!important;background:var(--bg-white);border:1px solid var(--border-light);border-radius:20px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);max-width:820px;width:100%;display:flex;flex-direction:column;box-shadow:0 4px 24px rgba(0,0,0,.04)}.pattern-card-container:hover{box-shadow:0 8px 32px rgba(0,0,0,.06);border-color:rgba(95,86,254,.15)}.card-head{padding:1.75rem 1.75rem 1.25rem!important;text-align:center;border-bottom:1px solid var(--border-light);background:linear-gradient(180deg,rgba(95,86,254,.02),transparent)}.card-icon-row{gap:.75rem;margin-bottom:.85rem}.card-icon,.card-icon-row{display:flex;align-items:center;justify-content:center}.card-icon{width:48px;height:48px;border-radius:14px;font-size:1.35rem}.card-topic-count{font-size:.75rem;font-weight:600;color:var(--brand-primary);padding:.25rem .75rem;background:var(--brand-primary-light);border-radius:50px}.card-subject-name{font-size:1.25rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem;letter-spacing:-.01em}.card-syllabus-label{font-size:.7rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.06em;margin-top:.35rem}.card-subject-name a{color:inherit;text-decoration:none;transition:color .2s}.card-subject-name a:hover{color:var(--brand-primary)}.card-subject-desc{font-size:.85rem;color:var(--bs-gray);line-height:1.6;max-width:540px;margin:12px auto}.diff-strips{border-top:none}.diff-strip{border-bottom:1px solid var(--border-light)}.diff-strip:last-child{border-bottom:none}.diff-strip-header{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.75rem;cursor:pointer;transition:background .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--bg-off-white)}.diff-strip-header:hover{background:rgba(95,86,254,.03)}.diff-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.diff-dot.easy{background:var(--easy-color)}.diff-dot.medium{background:var(--medium-color)}.diff-dot.hard{background:var(--hard-color)}.diff-strip-label{font-size:.85rem;font-weight:700;flex:1 1}.diff-strip-label.easy{color:var(--easy-color)}.diff-strip-label.medium{color:var(--medium-color)}.diff-strip-label.hard{color:var(--hard-color)}.diff-strip-count{font-size:.72rem;font-weight:600;color:var(--text-light);margin-right:.3rem;background:var(--bg-white);padding:.15rem .55rem;border-radius:50px}.diff-strip-chevron{width:16px;height:16px;color:var(--text-light);transition:transform .25s;flex-shrink:0}.diff-strip.open .diff-strip-chevron{transform:rotate(180deg)}.diff-strip-topics{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.diff-strip.open .diff-strip-topics{max-height:600px}.topic-links-list{padding:.4rem 1rem .75rem;display:flex;flex-direction:column;gap:2px}.t-link{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border-radius:10px;text-decoration:none;color:var(--text-dark);font-size:.85rem;font-weight:500;transition:all .15s}.t-link:hover{background:var(--bg-off-white);color:var(--brand-primary)}.t-link:hover .t-arrow{opacity:1;transform:translateX(0)}.t-link .t-num{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;flex-shrink:0;color:var(--text-light);background:var(--bg-off-white)}.t-link .t-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.t-link .t-dot.easy{background:var(--easy-color)}.t-link .t-dot.medium{background:var(--medium-color)}.t-link .t-dot.hard{background:var(--hard-color)}.t-link .t-name{flex:1 1}.t-link .t-desc{font-size:.72rem;color:var(--text-light);max-width:200px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-link .t-arrow{width:14px;height:14px;color:var(--brand-primary);opacity:0;transform:translateX(-3px);transition:all .15s;flex-shrink:0}.card-cta{padding:1.15rem 1.75rem;background:var(--bg-off-white);border-top:1px solid var(--border-light);margin-top:auto}.card-cta-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background:var(--brand-primary);color:#fff;border-radius:12px;border:none;cursor:pointer;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s}.card-cta-btn:hover{background:var(--brand-primary-dark);transform:translateY(-1px);box-shadow:0 4px 14px rgba(95,86,254,.3)}.card-cta-btn svg{width:14px;height:14px}.main-btn-wrapper{padding:1.15rem 1.75rem;background:var(--bg-off-white);border-top:1px solid var(--border-light);margin-top:auto}.main-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:20px 30px;background:var(--brand-primary);color:#fff;border-radius:12px;border:none;cursor:pointer;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s}@media (max-width:992px){.main-btn{padding:18px 26px;font-size:15px}}@media (max-width:768px){.main-btn{padding:16px 22px;font-size:14px}}@media (max-width:576px){.main-btn{padding:14px 18px;font-size:13px}}@media (max-width:420px){.main-btn{padding:12px 15px;font-size:12px}}.main-btn:hover{background:var(--brand-primary-dark);transform:translateY(-1px);box-shadow:0 4px 14px rgba(95,86,254,.3)}.main-btn svg{width:14px;height:14px}.siblings-section{max-width:1100px;margin:0 auto;padding:3rem 2rem 2rem}.siblings-title{font-size:1.35rem;font-weight:800;color:var(--text-dark);margin-bottom:.4rem;letter-spacing:-.02em}.siblings-desc{font-size:.88rem;color:var(--bs-gray);margin-bottom:1.5rem}.siblings-grid{display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.sibling-link{display:flex;align-items:center;gap:.65rem;padding:.85rem 1rem;background:var(--bg-white);border:1px solid var(--border-light);border-radius:12px;text-decoration:none;color:var(--text-dark);font-size:.88rem;font-weight:600;transition:all .2s}.sibling-link:hover{background:var(--bg-off-white);border-color:rgba(95,86,254,.15);color:var(--brand-primary);transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.04)}.sibling-link.current{background:var(--brand-primary-light);border-color:rgba(95,86,254,.2);color:var(--brand-primary)}.sib-diff-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sib-diff-dot.easy{background:var(--easy-color)}.sib-diff-dot.medium{background:var(--medium-color)}.sib-diff-dot.hard{background:var(--hard-color)}.sib-name{flex:1 1}.sib-count{font-size:.72rem;font-weight:500;color:var(--text-light)}.faq-section{padding:4rem 2rem;background:var(--bg-off-white)}.faq-container{max-width:760px;margin:0 auto}.faq-title{font-size:1.75rem;font-weight:800;color:var(--text-dark);text-align:center;margin-bottom:.4rem;letter-spacing:-.02em}.faq-sub{font-size:.95rem;color:var(--bs-gray);text-align:center;margin-bottom:2.25rem}.faq-item{background:var(--bg-white);border:1px solid var(--border-light);border-radius:14px;margin-bottom:.65rem;overflow:hidden;transition:all .3s}.faq-item:hover{box-shadow:0 3px 12px rgba(0,0,0,.04)}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.35rem;background:none;border:none;cursor:pointer;font-size:.92rem;font-weight:600;color:var(--text-dark);text-align:left}.faq-chevron{flex-shrink:0;transition:transform .3s;width:20px;height:20px;color:var(--text-light)}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s}.faq-a-inner{padding:0 1.35rem 1.15rem;font-size:.88rem;color:var(--bs-gray);line-height:1.7}.bottom-cta{max-width:800px;margin:0 auto;padding:4rem 2rem}.cta-card{text-align:center;padding:3rem 2.5rem;background:var(--bg-white);border:1px solid var(--border-light);border-radius:24px;box-shadow:0 4px 30px rgba(0,0,0,.04)}.cta-card h2{font-size:1.65rem;font-weight:800;color:var(--text-dark);margin-bottom:.65rem;letter-spacing:-.02em}.cta-card p{font-size:.95rem;color:var(--bs-gray);margin-bottom:1.75rem;line-height:1.6}.cta-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.8rem 1.8rem;background:var(--brand-primary);color:#fff;border-radius:12px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;box-shadow:0 4px 16px rgba(95,86,254,.25)}.cta-btn:hover{background:var(--brand-primary-dark);transform:translateY(-2px);box-shadow:0 6px 24px rgba(95,86,254,.35)}.cta-btn svg{width:18px;height:18px}.divider{height:1px;max-width:500px;margin:0 auto;background:linear-gradient(90deg,transparent,rgba(95,86,254,.15),transparent)}@media (max-width:968px){.hero-inner{grid-template-columns:1fr;gap:2rem}.pattern-hero-visual-pillar{width:100%;max-width:480px;margin:0 auto}}@media (max-width:640px){.hero-pillar{padding:6rem 1.5rem 2.5rem}.hero-title{font-size:1.8rem}.stats-ribbon{gap:.75rem}.stat-chip{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 0.5rem);min-width:0}.patterns-section{padding:2rem 1.5rem}.pattern-card-container{max-width:100%;border-radius:16px}.t-link .t-desc{display:none}.siblings-section{padding:2.5rem 1.5rem 1.5rem}.siblings-grid{grid-template-columns:1fr}.faq-section{padding:3rem 1.5rem}.faq-title{font-size:1.4rem}.bottom-cta{padding:2.5rem 1.5rem}.cta-card{padding:2rem 1.5rem;border-radius:18px}.cta-card h2{font-size:1.35rem}.pattern-hero-visual-pillar{width:100%;max-width:480px;margin:0 auto}}