.personality-page{--green:#2f5cff;--lime:#ffda18;--mint:#eef3ff;--line:#dfe6f4;background:radial-gradient(circle at 85% 12%,#2f5cff1f,#0000 23rem),linear-gradient(#f7f9ff 0,#fff 38%);min-height:100vh}.personality-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1}.personality-shell{background:#fff;border:1px solid #d9e8e0;border-radius:32px;width:min(1040px,100% - 36px);margin:54px auto 80px;box-shadow:0 28px 90px #14271f1a}.personality-loading{min-height:430px;color:var(--muted);place-items:center;display:grid}.personality-intro{text-align:center;padding:58px;position:relative;overflow:hidden}.personality-intro:before{content:"";background:var(--lime);filter:blur(90px);opacity:.2;border-radius:50%;width:260px;height:260px;position:absolute;top:-90px;left:-80px}.personality-mark{color:var(--green);background:var(--mint);border-radius:99px;align-items:center;gap:9px;padding:9px 14px;font-size:13px;font-weight:800;display:inline-flex}.personality-mark svg{width:18px}.personality-intro h1{letter-spacing:-1.8px;max-width:730px;margin:24px auto 14px;font-size:clamp(36px,5vw,58px);line-height:1.35}.personality-intro h1 em{color:var(--green);text-decoration:underline;-webkit-text-decoration-color:var(--lime);text-decoration-color:var(--lime);text-underline-offset:4px;font-style:normal;text-decoration-thickness:7px}.personality-intro>p{max-width:700px;color:var(--muted);margin:auto;font-size:16px;line-height:2}.personality-facts{border:1px solid var(--line);border-radius:18px;grid-template-columns:repeat(3,1fr);max-width:750px;margin:36px auto;display:grid;overflow:hidden}.personality-facts span{color:var(--muted);flex-direction:column;gap:4px;padding:17px;font-size:11px;display:flex}.personality-facts span+span{border-right:1px solid var(--line)}.personality-facts b{color:var(--ink);font-size:14px}.personality-groups{border:0;grid-template-columns:repeat(5,1fr);gap:9px;max-width:830px;margin:34px auto 24px;padding:0;display:grid}.personality-groups legend{width:100%;margin-bottom:16px;font-size:17px;font-weight:800}.personality-groups button{cursor:pointer;background:#f9fcfa;border:1px solid #d6e7de;border-radius:14px;justify-content:center;align-items:center;gap:5px;min-height:62px;padding:12px 15px;font-weight:800;transition:all .18s;display:flex}.personality-groups button:hover{border-color:var(--green);background:var(--mint);transform:translateY(-2px)}.personality-groups svg{width:16px}.personality-intro>small{color:#557067;align-items:center;gap:7px;line-height:1.8;display:inline-flex}.personality-intro>small svg{width:17px;color:var(--green);flex:none}.personality-quiz{min-height:590px;padding:38px 48px 48px}.personality-quiz>header{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.personality-quiz>header button{color:var(--green);cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:7px;font-weight:700;display:flex}.personality-quiz>header button svg{width:17px}.personality-quiz>header div{text-align:center;color:var(--muted);flex-direction:column;gap:3px;font-size:12px;display:flex}.personality-quiz>header div b{color:var(--green);font-size:13px}.personality-quiz>header>strong{color:var(--green);justify-self:end;font-size:14px}.personality-progress{background:#e9f1ed;border-radius:99px;height:7px;margin:24px 0 66px;overflow:hidden}.personality-progress i{border-radius:inherit;background:linear-gradient(90deg,var(--green),#3fae7b);height:100%;transition:width .3s;display:block}.personality-question{text-align:center;max-width:780px;margin:auto}.personality-question>span{color:var(--muted);font-size:12px}.personality-question h1{letter-spacing:-.8px;margin:17px 0 38px;font-size:clamp(27px,4vw,41px);line-height:1.65}.personality-options{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.personality-options button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:108px;padding:14px 9px;transition:all .15s;display:flex;position:relative}.personality-options button:hover,.personality-options button.selected{background:#f0faf5;border-color:#68b08e;transform:translateY(-2px)}.personality-options button>i{width:30px;height:30px;color:var(--green);background:#eef5f1;border-radius:50%;place-items:center;font-style:normal;font-weight:900;display:grid}.personality-options button span{font-size:12px;font-weight:650;line-height:1.55}.personality-options button>svg{width:15px;color:var(--green);position:absolute;top:8px;left:8px}.personality-quiz>small{text-align:center;color:var(--muted);margin-top:25px;display:block}.personality-result{padding:42px}.personality-result>header{background:var(--ink);color:#fff;border-radius:23px;justify-content:space-between;align-items:center;gap:30px;padding:29px 31px;display:flex}.personality-result>header span{color:var(--lime);align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.personality-result>header span svg{width:17px}.personality-result>header h1{margin:9px 0;font-size:32px}.personality-result>header h1 b{color:var(--lime);letter-spacing:4px}.personality-result>header p{color:#c6d7cf;margin:0;font-size:13px;line-height:1.8}.personality-result>header button{color:#fff;white-space:nowrap;cursor:pointer;background:#ffffff13;border:1px solid #ffffff3d;border-radius:12px;align-items:center;gap:8px;padding:12px 15px;display:flex}.personality-result>header button svg{width:17px}.personality-code-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 55px;display:grid}.personality-code-grid article{border:1px solid var(--line);border-radius:18px;grid-template-columns:43px 1fr auto;align-items:start;gap:13px;padding:20px;display:grid}.personality-code-grid article.primary{background:#f4fbf7;border-color:#93caae}.personality-code-grid i{background:var(--mint);width:43px;height:43px;color:var(--green);border-radius:13px;place-items:center;font-size:20px;font-style:normal;font-weight:900;display:grid}.personality-code-grid small{color:var(--muted);font-size:10px}.personality-code-grid h2{margin:3px 0;font-size:18px}.personality-code-grid div>b{color:var(--green);font-size:11px}.personality-code-grid p{color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.75}.personality-code-grid>article>strong{color:var(--green);font-size:15px}.result-heading{text-align:center;max-width:680px;margin:0 auto 25px}.result-heading>span,.personality-secondary>div>span,.personality-secondary>aside>span{color:var(--green);font-size:11px;font-weight:900}.result-heading h2,.personality-secondary h2{margin:7px 0 9px;font-size:28px}.result-heading p{color:var(--muted);font-size:13px;line-height:1.9}.personality-major-list{gap:10px;display:grid}.personality-major-list>a{border:1px solid var(--line);border-radius:17px;grid-template-columns:35px 48px 1fr auto 22px;align-items:center;gap:13px;padding:16px 18px;transition:all .18s;display:grid}.personality-major-list>a:hover{border-color:#7fbea0;transform:translate(-3px)}.personality-major-list.high>a:first-child{background:linear-gradient(90deg,#fff,#f2faf6);border-color:#8ac3a5}.major-rank{color:#809088;font-weight:900}.major-icon{font-size:26px}.personality-major-list h3{margin:0 0 3px;font-size:17px}.personality-major-list p{color:var(--muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.7;display:-webkit-box;overflow:hidden}.personality-major-list div small{color:#718178;font-size:9px}.personality-major-list>a>strong{color:var(--green);text-align:center;font-size:18px}.personality-major-list>a>strong small{color:var(--muted);font-size:8px;display:block}.personality-major-list>a>svg{width:18px;color:var(--green)}.personality-secondary{grid-template-columns:1.55fr .85fr;gap:25px;margin-top:60px;display:grid}.personality-secondary>aside{background:#f5f8f6;border-radius:20px;padding:24px}.personality-secondary>aside h2{font-size:20px}.personality-secondary>aside p{color:var(--muted);font-size:11px;line-height:1.8}.personality-secondary>aside>a{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:28px 1fr 18px;align-items:center;gap:7px;margin-top:8px;padding:11px;font-size:12px;display:grid}.personality-secondary>aside>a svg{width:16px;color:var(--green)}.personality-disclaimer{background:#fbfdeb;border:1px solid #dce9af;border-radius:18px;grid-template-columns:27px 1fr auto;align-items:center;gap:13px;margin-top:48px;padding:20px;display:grid}.personality-disclaimer>svg{color:var(--green)}.personality-disclaimer p{flex-direction:column;gap:4px;margin:0;display:flex}.personality-disclaimer p b{font-size:13px}.personality-disclaimer p span{color:var(--muted);font-size:11px;line-height:1.7}.personality-disclaimer>a{color:var(--green);white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.personality-disclaimer>a svg{width:16px}@media (max-width:820px){.personality-shell{margin-top:28px}.personality-intro{padding:40px 26px}.personality-facts{grid-template-columns:1fr}.personality-facts span+span{border-right:0;border-top:1px solid var(--line)}.personality-groups{grid-template-columns:repeat(2,1fr)}.personality-groups button:last-child{grid-column:1/-1}.personality-quiz{padding:28px 22px 35px}.personality-options{grid-template-columns:1fr}.personality-options button{text-align:right;grid-template-columns:34px 1fr 20px;min-height:56px;display:grid}.personality-options button span{font-size:13px}.personality-progress{margin-bottom:42px}.personality-result{padding:20px}.personality-result>header{flex-direction:column;align-items:flex-start}.personality-code-grid,.personality-secondary{grid-template-columns:1fr}.personality-disclaimer{grid-template-columns:26px 1fr}.personality-disclaimer>a{grid-column:1/-1;justify-self:center}.personality-major-list>a{grid-template-columns:30px 38px 1fr 18px}.personality-major-list>a>strong{display:none}.personality-header>.button{width:44px;padding:0;font-size:0}}@media (max-width:520px){.personality-shell{border-radius:23px;width:calc(100% - 24px);margin-bottom:58px}.personality-intro{padding:34px 18px}.personality-intro h1{letter-spacing:-.8px;font-size:34px}.personality-intro>p{font-size:14px}.personality-groups{grid-template-columns:1fr}.personality-groups button:last-child{grid-column:auto}.personality-quiz{min-height:620px}.personality-quiz>header{grid-template-columns:1fr auto}.personality-quiz>header div{display:none}.personality-question h1{font-size:25px;line-height:1.75}.personality-result{padding:12px}.personality-result>header{padding:24px 20px}.personality-result>header h1{font-size:26px}.personality-code-grid article{grid-template-columns:40px 1fr auto;padding:16px 13px}.result-heading h2,.personality-secondary h2{font-size:23px}.personality-major-list>a{gap:8px;padding:13px 10px}.major-rank,.personality-major-list p{display:none}.personality-major-list h3{font-size:14px}.personality-disclaimer{margin-top:35px}}.personality-subtitle{color:var(--green);letter-spacing:-.4px;margin:0 auto 12px;font-size:clamp(18px,2.3vw,24px)}.personality-next-step{color:#fff;background:radial-gradient(circle at 2% 110%,#d9ee7340,#0000 30%),linear-gradient(125deg,#102b23,#146944);border-radius:22px;grid-template-columns:1fr auto;align-items:center;gap:28px;margin-top:54px;padding:32px 34px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 45px #104b342e}.personality-next-step:after{content:"";background:#d9ee7321;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-80px;left:-45px}.personality-next-step>div,.personality-next-step>a{z-index:1;position:relative}.personality-next-step span{color:var(--lime);align-items:center;gap:7px;font-size:11px;font-weight:900;display:flex}.personality-next-step span svg{width:18px}.personality-next-step h2{margin:8px 0 7px;font-size:29px;line-height:1.5}.personality-next-step p{color:#dcebe5;max-width:650px;margin:0;font-size:12px;line-height:2}.personality-next-step p b,.personality-next-step p bdi{color:#fff}.personality-next-step>a{color:#173b2e;background:var(--lime);white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:54px;padding:0 20px;font-size:12px;font-weight:900;transition:all .18s;display:inline-flex;box-shadow:0 12px 28px #0000002b}.personality-next-step>a:hover{background:#e4f58d;transform:translateY(-2px)}.personality-next-step>a svg{width:18px}@media (max-width:820px){.personality-next-step{grid-template-columns:1fr;padding:27px 24px}.personality-next-step>a{width:100%}}@media (max-width:520px){.personality-next-step{text-align:center;margin-top:38px;padding:24px 18px}.personality-next-step span{justify-content:center}.personality-next-step h2{font-size:24px}.personality-next-step p{font-size:11px}}.personality-site-header{justify-content:space-between;align-items:center;gap:28px;width:min(1240px,100% - 40px);min-height:96px;margin:auto;display:flex}.personality-brand{align-items:center;gap:10px;display:flex}.personality-brand img{object-fit:contain;width:138px;height:76px}.personality-brand span{flex-direction:column;gap:3px;display:flex}.personality-brand b{font-size:13px}.personality-brand small{color:var(--muted);font-size:9px}.personality-site-header nav{color:#40506c;align-items:center;gap:25px;font-size:11px;font-weight:750;display:flex}.personality-header-cta{color:#fff;background:var(--blue);border-radius:13px;justify-content:center;align-items:center;gap:7px;min-height:46px;padding:0 16px;font-size:11px;font-weight:850;display:inline-flex;box-shadow:0 10px 24px #2f5cff33}.personality-header-cta svg{width:17px}.personality-footer{color:#52627c;background:#f1f5ff;border-radius:17px;justify-content:space-between;align-items:center;gap:20px;width:min(1040px,100% - 36px);min-height:auto;margin:0 auto 34px;padding:20px 24px;font-size:10px;font-weight:750;display:flex}.personality-footer a{color:var(--blue)}@media (max-width:820px){.personality-site-header{width:calc(100% - 28px);min-height:82px}.personality-site-header nav{display:none}.personality-brand img{width:105px;height:64px}.personality-header-cta{padding:0 11px;font-size:9px}.personality-footer{text-align:center;flex-direction:column;padding:24px}}