@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Inter:wght@400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{background:#f3edf9;min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;overflow-x:hidden}.dotted-bg{background-color:#f3edf9;background-image:radial-gradient(circle,#d5c5e8 1.2px,#0000 1.2px);background-size:20px 20px;min-height:100vh}.app-container{max-width:420px;margin:0 auto;padding:0 16px;position:relative}.brand{align-items:center;gap:6px;padding:20px 0 8px;display:flex}.brand-icon{width:36px;height:36px}.brand-name{color:#7c5cbf;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:800}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:68vh;padding:60px 0 40px;display:flex}.hero-title{color:#2d2640;margin-bottom:28px;font-family:Nunito,sans-serif;font-size:2.2rem;font-weight:900;line-height:1.25}.hero-title em{color:#7c5cbf;font-style:normal;display:inline-block;position:relative}.hero-title em:after{content:"";background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'><path d='M5,9 Q50,1 95,7' stroke='%237C5CBF' stroke-width='4' stroke-linecap='round' fill='none'/></svg>");background-repeat:no-repeat;background-size:100% 100%;width:104%;height:10px;position:absolute;bottom:-10px;left:-2%}.hero-subtitle{color:#7a7090;max-width:340px;margin:0 auto 36px;font-size:.88rem;line-height:1.6}.btn-primary{color:#fff;cursor:pointer;background:#7c5cbf;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #7c5cbf59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #7c5cbf73}.btn-primary:active{transform:translateY(0)}.hero-meta{color:#a89bc0;margin-top:20px;font-size:.78rem}.info-card{background:#fff;border-radius:24px;margin:24px 0;padding:28px 24px;box-shadow:0 2px 12px #7c5cbf14}.info-card h2{color:#2d2640;text-align:center;margin-bottom:16px;font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:900}.info-card h2 span{color:#7c5cbf}.info-card p{color:#5a5070;font-size:.82rem;line-height:1.7}.info-card p span{color:#7c5cbf;font-weight:600}.domain-cards{flex-direction:column;gap:12px;margin:20px 0;display:flex}.domain-card{border:none;border-radius:20px;align-items:center;gap:16px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}.domain-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7c5cbf14}.domain-card-icon-wrapper{background:#ffffff73;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:flex}.domain-card-right{flex-direction:column;flex:1;gap:2px;display:flex}.domain-card-label{font-family:Nunito,sans-serif;font-size:.95rem;font-weight:800;line-height:1.2}.domain-card-count{opacity:.85;font-size:.75rem;font-weight:600}.domain-card-desc{opacity:.75;margin-top:2px;font-size:.78rem;line-height:1.4}.disclaimer-content{background:#fff8e1;border:1px solid #f0d89a;border-radius:16px;align-items:center;gap:14px;margin:20px 0 24px;padding:16px 20px;display:flex}.disclaimer-content svg{flex-shrink:0;width:28px;height:28px}.disclaimer-content p{color:#92730a;font-size:.78rem;line-height:1.6}.disclaimer-content strong{font-weight:700}.scroll-top-btn{color:#fff;cursor:pointer;z-index:100;background:#7c5cbf;border:none;border-radius:25%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;transition:all .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 16px #7c5cbf66}.scroll-top-btn:hover{transform:translateY(-3px);box-shadow:0 6px 24px #7c5cbf80}.quiz-header{padding:20px 0 12px}.quiz-top-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.back-btn{color:#fff;cursor:pointer;background:#7c5cbf;border:none;border-radius:24px;align-items:center;gap:6px;padding:8px 16px;font-family:Nunito,sans-serif;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex}.back-btn:hover{background:#6a4baf}.back-btn-icon{font-size:.9rem}.quiz-counter{color:#7c5cbf;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:800}.quiz-counter span{color:#c4b8d8}.progress-bar-wrapper{background:#e4d9f5;border-radius:100px;height:8px;margin-bottom:14px;display:flex;overflow:hidden}.progress-bar-fill{border-radius:100px;height:100%;transition:width .5s}.domain-chips{flex-wrap:wrap;gap:6px;display:flex}.domain-chip{border:1.5px solid #0000;border-radius:24px;align-items:center;gap:4px;padding:4px 10px;font-family:Nunito,sans-serif;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex}.domain-chip.active{border-color:currentColor}.domain-chip-icon{font-size:.85rem}.question-card{background:#fff;border-radius:20px;flex-direction:column;gap:1rem;margin:16px 0;padding:20px 24px;display:flex;box-shadow:0 2px 12px #7c5cbf0f}.question-header{align-items:center;gap:10px;display:flex}@media (width>=768px){.question-card{flex-direction:row;align-items:flex-start}.question-header{flex-shrink:0}}.question-number{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-family:Nunito,sans-serif;font-size:.8rem;font-weight:900;display:flex}.question-text{color:#2d2640;font-family:Nunito,sans-serif;font-size:.92rem;font-weight:600;line-height:1.6}.answer-options{flex-direction:column;gap:8px;margin:12px 0 16px;display:flex}.answer-option{text-align:left;color:#2d2640;cursor:pointer;background:#fff;border:2px solid #e4d9f5;border-radius:16px;width:100%;padding:14px 20px;font-family:Nunito,sans-serif;font-size:.88rem;font-weight:600;transition:all .15s}.answer-option:hover{border-color:#c9b8e8}.answer-option.selected{color:#fff;border-color:#0000;font-weight:700}.quiz-nav{gap:12px;margin-top:8px;padding-bottom:32px;display:flex}.quiz-nav-back{color:#7c5cbf;cursor:pointer;background:#fff;border:2px solid #e4d9f5;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;transition:all .15s;display:flex}.quiz-nav-back:disabled{opacity:.3;cursor:not-allowed}.quiz-nav-next{color:#fff;cursor:pointer;background:#7c5cbf;border:none;border-radius:14px;flex:1;height:48px;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:800;transition:all .2s}.quiz-nav-next:disabled{opacity:.4;cursor:not-allowed}.quiz-nav-next:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 16px #7c5cbf59}.quiz-content{transition:opacity .25s,transform .25s}.quiz-content.animating{opacity:0;transform:translateY(12px)}.result-header{text-align:center;padding:20px 0 12px}.result-brand{justify-content:flex-start;align-items:center;gap:6px;margin-bottom:16px;display:flex}.result-title{color:#2d2640;margin-bottom:4px;font-family:Nunito,sans-serif;font-size:1.7rem;font-weight:900}.result-subtitle{color:#a89bc0;font-size:.82rem}.conclusion-card{text-align:center;background:#fff;border-radius:24px;margin:16px 0;padding:28px 24px;box-shadow:0 2px 16px #7c5cbf1a}.conclusion-badge{border-radius:24px;margin-bottom:8px;padding:6px 16px;font-family:Nunito,sans-serif;font-size:.78rem;font-weight:700;display:inline-block}.conclusion-label{color:#2d2640;margin-bottom:4px;font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:900}.conclusion-score{margin:8px 0 16px;font-family:Nunito,sans-serif;font-size:4.5rem;font-weight:900;line-height:1}.conclusion-desc{color:#5a5070;max-width:320px;margin:0 auto;font-size:.82rem;line-height:1.6}.conclusion-what-to-do{color:#7a7090;background:#f8f5fc;border:1px solid #e4d9f5;border-radius:12px;max-width:320px;margin:12px auto 0;padding:12px;font-size:.78rem;line-height:1.5}.domain-results{grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0;display:grid}.domain-result-card{border:none;border-radius:20px;flex-direction:column;align-items:flex-start;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}.domain-result-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7c5cbf14}.domain-result-icon{background:#ffffff73;border-radius:12px;justify-content:center;align-items:center;margin-bottom:12px;padding:8px;display:flex}.domain-result-right{text-align:left;flex-direction:column;gap:2px;width:100%;display:flex}.domain-result-label{font-family:Nunito,sans-serif;font-size:.88rem;font-weight:800;line-height:1.25}.domain-result-score{font-family:Nunito,sans-serif;font-size:2rem;font-weight:900;line-height:1.1}.fc-section{background:#fff;border-radius:20px;margin:16px 0;padding:20px 24px;box-shadow:0 2px 12px #7c5cbf0f}.fc-title{color:#3d2a6e;margin-bottom:6px;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:800}.fc-subtitle{color:#a89bc0;margin-bottom:14px;font-size:.78rem}.fc-rule{border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:8px;padding:12px 16px;display:flex}.fc-rule-badge{color:#fff;border-radius:6px;flex-shrink:0;margin-top:2px;padding:3px 8px;font-size:.7rem;font-weight:900}.fc-rule-label{color:#2d2640;margin-bottom:2px;font-family:Nunito,sans-serif;font-size:.82rem;font-weight:700}.fc-rule-desc{color:#6b5f7a;font-size:.78rem;line-height:1.5}.no-rules{background:#e8f5f4;border:1px solid #a8d8d4;border-radius:16px;align-items:center;gap:12px;margin:16px 0;padding:16px 20px;display:flex}.no-rules-icon{font-size:1.5rem}.no-rules-title{color:#2d6b65;margin-bottom:2px;font-family:Nunito,sans-serif;font-size:.88rem;font-weight:800}.no-rules-desc{color:#4a9a92;font-size:.78rem}.result-actions{gap:12px;margin:24px 0 40px;display:flex}.btn-restart{color:#7c5cbf;cursor:pointer;background:#fff;border:2px solid #e4d9f5;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:6px;padding:14px;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:700;transition:all .15s;display:flex}.btn-restart:hover{background:#f0ebf8}.btn-share{color:#fff;cursor:pointer;background:#7c5cbf;border:none;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:6px;padding:14px;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:700;transition:all .15s;display:flex;position:relative;box-shadow:0 4px 16px #7c5cbf4d}.btn-share:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7c5cbf66}.share-dropdown{z-index:10;background:#fff;border:1px solid #e4d9f5;border-radius:16px;min-width:180px;position:absolute;bottom:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 4px 20px #7c5cbf26}.share-dropdown button{color:#2d2640;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:12px 16px;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:600;transition:background .1s;display:flex}.share-dropdown button:hover{background:#f5f0fc}.share-dropdown button+button{border-top:1px solid #e4d9f5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s forwards fadeInUp}.fade-in-delay-1{opacity:0;animation-delay:.1s}.fade-in-delay-2{opacity:0;animation-delay:.2s}.fade-in-delay-3{opacity:0;animation-delay:.3s}.fade-in-delay-4{opacity:0;animation-delay:.4s}.scroll-animate{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)}.scroll-animate-visible{opacity:1;transform:translateY(0)}.scroll-stagger{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;transform:translateY(20px)}.scroll-stagger-visible{opacity:1;transform:translateY(0)}.scroll-scale{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;transform:scale(.95)}.scroll-scale-visible{opacity:1;transform:scale(1)}.scroll-slide-left{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translate(-30px)}.scroll-slide-left-visible{opacity:1;transform:translate(0)}.scroll-slide-right{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translate(30px)}.scroll-slide-right-visible{opacity:1;transform:translate(0)}@keyframes scoreReveal{0%{opacity:0;transform:scale(.5)rotateY(90deg)}50%{transform:scale(1.1)rotateY(0)}to{opacity:1;transform:scale(1)rotateY(0)}}.score-animate{animation:.8s cubic-bezier(.34,1.56,.64,1) forwards scoreReveal}@media (width>=480px){.app-container{padding:0 24px}}@media (width>=768px){.app-container{max-width:768px;padding:0 32px}.hero{min-height:70vh;padding:80px 0 60px}.hero-title{margin-bottom:36px;font-size:3.2rem;line-height:1.25}.hero-subtitle{max-width:580px;margin:0 auto 44px;font-size:1.05rem}.hero-meta{margin-top:28px}.domain-cards{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.conclusion-desc{max-width:480px;font-size:.95rem}.conclusion-what-to-do{max-width:480px;font-size:.9rem}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#e8e0f0 0%,#f0eaf8 25%,#e8e0f0 50%,#f0eaf8 75%,#e8e0f0 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer}.quiz-skeleton{flex-direction:column;gap:16px;padding:20px 0;display:flex}.quiz-skeleton-header{justify-content:space-between;align-items:center;padding:0 0 12px;display:flex}.quiz-skeleton-back{align-items:center;display:flex}.quiz-skeleton-progress{margin-bottom:14px}.quiz-skeleton-card{background:#fff;border-radius:20px;flex-direction:column;gap:12px;margin:16px 0;padding:20px 24px;display:flex;box-shadow:0 2px 12px #7c5cbf0f}.quiz-skeleton-card-header{align-items:center;gap:10px;display:flex}.quiz-skeleton-options{flex-direction:column;gap:8px;margin:12px 0 16px;display:flex}.quiz-skeleton-nav{gap:12px;margin-top:8px;padding-bottom:32px;display:flex}.result-skeleton{flex-direction:column;gap:16px;display:flex}.result-skeleton-header{flex-direction:column;align-items:flex-start;gap:8px;padding:20px 0 12px;display:flex}.result-skeleton-brand{align-items:center;gap:6px;margin-bottom:16px;display:flex}.result-skeleton-conclusion{background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:12px;margin:16px 0;padding:28px 24px;display:flex;box-shadow:0 2px 16px #7c5cbf1a}.result-skeleton-domains{grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0;display:grid}.result-skeleton-domain-item{background:#f8f5fc;border-radius:20px;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;display:flex}.result-skeleton-domain-text{flex-direction:column;gap:4px;width:100%;display:flex}.result-skeleton-rules{background:#fff;border-radius:20px;flex-direction:column;gap:12px;margin:16px 0;padding:20px 24px;display:flex;box-shadow:0 2px 12px #7c5cbf0f}.result-skeleton-rule-item{background:#f5f0fc;border-radius:14px;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.result-skeleton-rule-text{flex-direction:column;flex:1;gap:4px;display:flex}.result-skeleton-disclaimer{margin:8px 0 16px}.result-skeleton-actions{gap:12px;margin:24px 0 40px;display:flex}