@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";.howto-grid{flex-direction:column;gap:.75rem;display:flex}.howto-card{cursor:pointer;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:all .3s;display:flex}.howto-card:hover{transform:translate(6px);box-shadow:0 6px 25px #00000014}.howto-card-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.howto-card-content{flex:1;min-width:0}.howto-card-content h4{margin-bottom:.2rem;font-size:1.05rem;font-weight:700}.howto-card-content p{color:var(--text-gray);font-size:.88rem;line-height:1.5}.howto-card-arrow{color:var(--text-gray);opacity:.4;flex-shrink:0;transition:all .3s}.howto-card:hover .howto-card-arrow{opacity:1;color:var(--primary);transform:translate(3px)}.archetype-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.archetype-card{cursor:pointer;padding:0;transition:all .35s;position:relative;overflow:hidden}.archetype-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0000001f}.archetype-card-gradient{width:100%;height:6px}.archetype-card-content{text-align:center;padding:1.5rem}.archetype-card-emoji{filter:drop-shadow(0 4px 8px #0000001a);margin-bottom:.75rem;font-size:2.5rem;display:block}.archetype-card-name{color:var(--text-dark);margin-bottom:.25rem;font-size:1.3rem;font-weight:800}.archetype-card-subtitle{color:var(--text-gray);margin-bottom:.75rem;font-size:.82rem;font-weight:600;display:block}.archetype-card-desc{color:var(--text-gray);margin-bottom:1rem;font-size:.88rem;line-height:1.55}.archetype-card-traits{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.archetype-mini-trait{border-radius:var(--radius-full);padding:.25rem .7rem;font-size:.72rem;font-weight:600}.detail-modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.detail-modal{border-radius:var(--radius-lg);background:#fff;width:100%;max-width:520px;max-height:85vh;position:relative;overflow-y:auto;box-shadow:0 25px 70px #00000040}.detail-modal-close{z-index:10;cursor:pointer;width:36px;height:36px;color:var(--text-dark);background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem;box-shadow:0 2px 8px #0000001a}.detail-modal-close:hover{background:#fff;transform:scale(1.1)}.modal-archetype-header{text-align:center;border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:#fff;padding:2.5rem 2rem}.modal-archetype-emoji{filter:drop-shadow(0 4px 12px #0003);margin-bottom:.75rem;font-size:4rem;display:block}.modal-archetype-name{color:#fff;margin-bottom:.25rem;font-size:2rem;font-weight:800}.modal-archetype-subtitle{color:#fffc;font-size:.95rem;font-weight:500}.modal-howto-header{text-align:center;border-bottom:1px solid #0000000f;padding:2rem}.modal-howto-icon{border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 1rem;display:flex}.modal-howto-title{color:var(--text-dark);font-size:1.5rem;font-weight:800}.modal-body{padding:2rem}.modal-description{color:var(--text-dark);margin-bottom:1.5rem;font-size:1rem;line-height:1.85}.modal-section{margin-bottom:1.5rem}.modal-section h4{color:var(--text-dark);margin-bottom:.75rem;font-size:1rem;font-weight:700}.modal-traits{flex-wrap:wrap;gap:.5rem;display:flex}.modal-trait-pill{border-radius:var(--radius-full);background:0 0;border:2px solid;padding:.4rem 1rem;font-size:.82rem;font-weight:600}.modal-shadow{color:var(--text-dark);border-radius:var(--radius-md);background:#ef44440d;border-left:3px solid #ef4444;padding:1rem;font-size:.95rem;line-height:1.7}.modal-examples{color:var(--text-gray);font-size:.95rem;font-style:italic;line-height:1.6}.modal-tip{border-radius:var(--radius-md);background:#10b9810f;border:1px solid #10b98126;align-items:flex-start;gap:.75rem;margin-top:1rem;padding:1.25rem;display:flex}.modal-tip-icon{flex-shrink:0;font-size:1.3rem}.modal-tip strong{color:#10b981;margin-bottom:.3rem;font-size:.9rem;display:block}.modal-tip p{color:var(--text-dark);margin:0;font-size:.9rem;line-height:1.6}@media (width<=640px){.archetype-grid{grid-template-columns:1fr}.detail-modal{max-height:90vh;margin:.5rem}.modal-archetype-header{padding:2rem 1.5rem}.modal-archetype-emoji{font-size:3rem}.modal-archetype-name{font-size:1.6rem}.modal-body{padding:1.5rem}}.share-modal{background:var(--bg-color);border-radius:var(--radius-lg);border:1px solid var(--card-border);flex-direction:column;gap:1.25rem;width:100%;max-width:500px;max-height:90vh;padding:1.5rem;display:flex;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.share-modal-header{justify-content:space-between;align-items:center;display:flex}.share-modal-header h3{color:var(--text-dark);margin:0;font-size:1.25rem;font-weight:700}.share-modal-close{color:var(--text-gray);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;padding:.5rem;transition:all .2s}[data-theme=dark] .share-modal-close:hover{background:#ffffff1a}.share-canvas-wrap{border-radius:var(--radius-md);background:repeating-conic-gradient(#0000000d 0% 25%,#0000 0% 50%) 50%/20px 20px;justify-content:center;align-items:center;width:100%;min-height:200px;padding:1rem;display:flex;position:relative;overflow:hidden}[data-theme=dark] .share-canvas-wrap{background:repeating-conic-gradient(#ffffff0d 0% 25%,#0000 0% 50%) 50%/20px 20px}.share-preview-img{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:55vh;box-shadow:0 4px 20px #00000026}.share-generating{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-weight:600;display:flex;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.share-action-btn{flex:1;padding:.875rem!important}.share-dom-target{box-sizing:border-box;background-color:#0a0825;flex-direction:column;width:1080px;height:1920px;font-family:Inter,Outfit,sans-serif;display:flex;position:absolute;top:-9999px;left:-9999px;overflow:hidden;color:#fff!important}.share-neon-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.share-neon-bg:before{content:"";background:radial-gradient(circle at 50% 30%,#4f46e526 0%,#0000 60%);position:absolute;inset:0}.share-neon-bg:after{content:"";opacity:.8;background:linear-gradient(#0a082500 0%,#0a0825 100%);position:absolute;inset:0}.confetti{opacity:.6;border-radius:2px;width:8px;height:8px;position:absolute}.c-1{background:#0ea5e9;top:10%;left:15%;transform:rotate(15deg)}.c-2{background:#f43f5e;width:6px;height:12px;top:25%;left:85%;transform:rotate(45deg)}.c-3{background:#10b981;top:50%;left:10%;transform:rotate(-20deg)}.c-4{background:#fbbf24;width:10px;height:6px;top:60%;left:90%;transform:rotate(70deg)}.c-5{background:#d946ef;top:80%;left:20%;transform:rotate(30deg)}.c-6{background:#06b6d4;top:90%;left:80%;transform:rotate(-10deg)}.c-7{background:#8b5cf6;width:5px;height:15px;top:5%;left:60%;transform:rotate(85deg)}.neon-shape{opacity:.4;filter:drop-shadow(0 0 10px);position:absolute}.s-circle{color:#8b5cf6;border:3px solid #8b5cf6;border-radius:50%;width:40px;height:40px;top:20%;right:5%}.s-triangle{color:#22d3ee;background:0 0;border-bottom:35px solid #22d3ee;border-left:20px solid #0000;border-right:20px solid #0000;width:0;height:0;top:15%;left:5%;transform:rotate(-15deg)}.s-polygon{color:#ec4899;border:3px solid #ec4899;border-radius:10px;width:50px;height:50px;bottom:30%;left:-5%;transform:rotate(45deg)}.share-dom-content{z-index:10;flex-direction:column;align-items:center;height:100%;padding:80px 60px;display:flex;position:relative}.share-brain-emoji{filter:drop-shadow(0 20px 30px #00000080)drop-shadow(0 0 20px #fff3);margin-top:40px;font-size:160px;line-height:1}.share-arch-title{text-shadow:0 4px 20px #ffffff4d;margin:30px 0 10px;font-size:84px;font-weight:800;color:#fff!important}.share-arch-subtitle{letter-spacing:1px;margin:0 0 50px;font-size:36px;font-weight:500;color:#ffffffe6!important}.share-top-scores{gap:80px;margin-bottom:60px;display:flex}.neon-score-ring{flex-direction:column;align-items:center;display:flex;position:relative}.neon-score-ring svg{width:180px;height:180px;transform:rotate(-90deg)}.n-score-num{text-shadow:0 0 15px #ffffff80;font-size:56px;font-weight:800;position:absolute;top:70px;transform:translateY(-50%)}.n-score-label{color:#fffc;margin-top:20px;font-size:24px;font-weight:500}.share-neon-bars{flex-direction:column;gap:24px;width:80%;margin-bottom:60px;display:flex}.neon-bar-row{align-items:center;gap:20px;display:flex}.n-bar-label{text-align:right;color:#ffffffe6;width:250px;font-size:24px;font-weight:500}.n-bar-track{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex:1;height:32px;padding:4px}.n-bar-fill{border-radius:12px;height:100%}.n-bar-score{width:80px;font-size:24px;font-weight:700}.share-radar-box{flex:1;justify-content:center;align-items:center;width:100%;margin-bottom:60px;display:flex}.share-custom-radar{overflow:visible}.share-bottom-cards{gap:40px;width:100%;margin-top:auto;display:flex}.neon-info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:2px solid;border-radius:24px;flex:1;padding:30px}.border-cyan{border-color:#22d3ee99;box-shadow:0 0 20px #22d3ee1a,inset 0 0 10px #22d3ee0d}.border-pink{border-color:#d946ef99;box-shadow:0 0 20px #d946ef1a,inset 0 0 10px #d946ef0d}.neon-info-card h4{color:#fff;margin:0 0 20px;font-size:28px;font-weight:700}.border-cyan h4{text-shadow:0 0 10px #22d3eecc}.border-pink h4{text-shadow:0 0 10px #d946efcc}.neon-info-card ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.neon-info-card li{color:#ffffffd9;align-items:flex-start;gap:10px;font-size:22px;display:flex}.neon-info-card li:before{content:"•";color:#fff;font-size:24px;line-height:1}.adgate-container{justify-content:center;align-items:center;min-height:70vh;padding:1rem;display:flex}.adgate-card{text-align:center;width:100%;max-width:650px;padding:2.5rem;position:relative;overflow:hidden}.adgate-header{margin-bottom:2rem}.adgate-pulse-loader{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1.5rem;animation:2s ease-in-out infinite adgatePulse;display:flex;box-shadow:0 4px 15px #4f46e566}.adgate-icon-wrap{margin-bottom:1.5rem}.adgate-icon-done{color:var(--success);filter:drop-shadow(0 4px 12px #10b9814d)}.adgate-title{color:var(--text-dark);margin-bottom:.5rem;font-size:1.6rem;font-weight:800}.adgate-subtitle{color:var(--text-gray);max-width:450px;margin:0 auto;font-size:.95rem;line-height:1.6}.adgate-trivia-box{border-radius:var(--radius-md);text-align:left;background:#4f46e50a;border:1px solid #4f46e51a;flex-direction:column;min-height:160px;margin-bottom:2rem;padding:1.5rem;display:flex}.trivia-header{color:var(--primary);letter-spacing:.05em;align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.8rem;font-weight:800;display:flex}.trivia-content{flex:1;align-items:flex-start;gap:1rem;display:flex}.trivia-emoji{flex-shrink:0;font-size:2rem}.trivia-title{color:var(--text-dark);margin-bottom:.4rem;font-size:1.1rem;font-weight:700}.trivia-text{color:var(--text-dark);margin:0;font-size:.95rem;line-height:1.6}.trivia-dots{justify-content:center;gap:.4rem;margin-top:1rem;display:flex}.trivia-dot{background:#0000001a;border-radius:50%;width:8px;height:8px;transition:all .3s}.trivia-dot.active{background:var(--primary);border-radius:4px;width:16px}.adgate-progress-section{margin-bottom:1.5rem}.adgate-progress-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.adgate-timer{color:var(--primary);font-weight:700;font-family:var(--font-heading);align-items:center;gap:.4rem;display:flex}.adgate-timer-value{font-variant-numeric:tabular-nums;font-size:1.3rem}.adgate-ad-counter{color:var(--text-gray);border-radius:var(--radius-full);background:#0000000a;padding:.2rem .75rem;font-size:.8rem;font-weight:600}.adgate-progress-bar{border-radius:var(--radius-full);background:#0000000f;width:100%;height:8px;overflow:hidden}.adgate-progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--primary), var(--secondary));height:100%;transition:width .5s}.adgate-ad-area{border-radius:var(--radius-md);background:#00000005;border:1px dashed #00000014;min-height:90px;margin-bottom:1rem;position:relative;overflow:hidden}.adgate-ad-fallback{z-index:-1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.adgate-ad-placeholder{color:var(--text-gray);opacity:.5;flex-direction:column;align-items:center;gap:.3rem;display:flex}.adgate-ad-placeholder span{text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.adgate-ad-placeholder p{font-size:.75rem}.adgate-info{color:var(--text-gray);opacity:.7;justify-content:center;align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.8rem;display:flex}.adgate-action{margin-top:1.5rem}.adgate-btn{width:100%;max-width:300px;border-radius:var(--radius-full)!important;padding:1rem 3rem!important;font-size:1.1rem!important;box-shadow:0 8px 30px #4f46e566!important}.adgate-btn:hover{transform:translateY(-3px)!important;box-shadow:0 12px 40px #4f46e580!important}@keyframes adgatePulse{0%,to{transform:scale(1);box-shadow:0 0 #4f46e54d}50%{transform:scale(1.05);box-shadow:0 0 0 15px #4f46e500}}@media (width<=640px){.adgate-card{padding:1.5rem}.adgate-title{font-size:1.35rem}.adgate-trivia-box{min-height:180px;padding:1.25rem}.trivia-title{font-size:1rem}.trivia-text{font-size:.88rem}.adgate-btn{max-width:100%}}.result-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:70vh;display:flex}.result-loading .pulse-ring{border:3px solid #0000;border-top-color:var(--primary);border-right-color:var(--secondary);border-radius:50%;width:120px;height:120px;animation:1.2s linear infinite resultSpin;position:relative}.result-loading .pulse-ring:before{content:"";border:3px solid #0000;border-bottom-color:var(--primary);border-left-color:var(--secondary);border-radius:50%;animation:.8s linear infinite reverse resultSpin;position:absolute;inset:6px}.result-loading .pulse-ring:after{content:"🧠";justify-content:center;align-items:center;font-size:2.5rem;animation:1.5s ease-in-out infinite resultPulse;display:flex;position:absolute;inset:0}.result-loading h2{color:var(--text-dark);font-size:1.6rem}.result-loading .loading-dots span{background:var(--primary);border-radius:50%;width:8px;height:8px;margin:0 4px;animation:1.4s ease-in-out infinite dotBounce;display:inline-block}.result-loading .loading-dots span:nth-child(2){animation-delay:.2s}.result-loading .loading-dots span:nth-child(3){animation-delay:.4s}@keyframes resultSpin{to{transform:rotate(360deg)}}@keyframes resultPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes dotBounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-10px)}}.result-page{width:100%;max-width:800px;margin:0 auto;padding-bottom:3rem}.result-hero{text-align:center;margin-bottom:2rem;padding:2.5rem 2rem;position:relative;overflow:hidden}.result-hero:before{content:"";pointer-events:none;background:radial-gradient(#4f46e50f 0%,#0000 70%);width:150%;height:200%;position:absolute;top:-50%;left:-25%}.result-hero .archetype-emoji{filter:drop-shadow(0 8px 24px #4f46e526);margin-bottom:1rem;font-size:4.5rem;display:block}.result-hero .archetype-name{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.8rem;font-weight:800}.result-hero .archetype-title{color:var(--text-gray);margin-bottom:.75rem;font-size:1.15rem;font-weight:500}.result-hero .level-badge{border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary);font-size:.85rem;font-weight:700;font-family:var(--font-heading);align-items:center;gap:.4rem;padding:.4rem 1.2rem;display:inline-flex}.test-type-badge{border-radius:var(--radius-full);color:var(--secondary);font-size:.8rem;font-weight:600;font-family:var(--font-heading);background:#0ea5e914;padding:.3rem 1rem;display:inline-block}.circular-score-wrap{flex-wrap:wrap;justify-content:center;gap:2rem;margin:2rem 0;display:flex}.circular-score{flex-direction:column;align-items:center;gap:.5rem;display:flex}.circular-score svg circle{transition:stroke-dashoffset 1.8s cubic-bezier(.4,0,.2,1)}.circular-score .cs-label{font-family:var(--font-heading);color:var(--text-gray);font-size:.85rem;font-weight:600}.report-section-title{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.report-section-title .section-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.2rem;display:flex}.report-section-title h3{color:var(--text-dark);font-size:1.35rem;font-weight:700}.report-section-title .section-subtitle{color:var(--text-gray);margin-top:2px;font-size:.9rem;font-weight:400;display:block}.report-card{margin-bottom:1.5rem;padding:2rem}.story-text{color:var(--text-dark);border-left:3px solid var(--primary);padding-left:1.25rem;font-size:1.08rem;line-height:1.85;position:relative}.axes-list{flex-direction:column;gap:1.5rem;display:flex}.axis-item{flex-direction:column;gap:.4rem;display:flex}.axis-header{justify-content:space-between;align-items:center;display:flex}.axis-header .axis-name{color:var(--text-dark);align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.axis-header .axis-score{font-size:1.1rem;font-weight:800;font-family:var(--font-heading)}.axis-bar-bg{border-radius:var(--radius-full);background:#0000000d;width:100%;height:14px;position:relative;overflow:hidden}.axis-bar-fill{border-radius:var(--radius-full);height:100%;transition:width 1.5s cubic-bezier(.4,0,.2,1);position:relative}.axis-bar-fill:after{content:"";border-radius:var(--radius-full);background:#ffffff80;width:6px;height:100%;position:absolute;top:0;right:0}.radar-container{width:100%;height:350px}.trait-grid{grid-template-columns:1fr;gap:1rem;display:grid}.trait-item{border-radius:var(--radius-md);background:#ffffff80;border:1px solid #0000000a;align-items:flex-start;gap:1rem;padding:1.25rem;transition:all .3s;display:flex}.trait-item:hover{transform:translate(4px);box-shadow:0 4px 15px #0000000f}.trait-item .trait-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.trait-item .trait-text{color:var(--text-dark);font-size:.98rem;line-height:1.6}.trait-item .trait-title{color:var(--text-dark);margin-bottom:.3rem;font-size:1.05rem;font-weight:700}.career-pills{flex-wrap:wrap;gap:.75rem;display:flex}.career-pill{border-radius:var(--radius-full);color:var(--text-dark);background:#fff9;border:1px solid #0000000f;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-flex}.career-pill:hover{background:var(--primary-light);color:var(--primary);transform:translateY(-2px)}.recommendation-list{flex-direction:column;gap:1rem;display:flex}.recommendation-item{border-radius:var(--radius-md);background:#ffffff80;border:1px solid #0000000a;align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.recommendation-number{background:var(--primary);color:#fff;width:32px;height:32px;font-size:.85rem;font-weight:800;font-family:var(--font-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.recommendation-text{color:var(--text-dark);font-size:.98rem;line-height:1.6}.insight-block{border-radius:var(--radius-md);border-left:4px solid var(--primary);cursor:pointer;background:#ffffff80;margin-bottom:1rem;padding:1.5rem;transition:all .3s}.insight-block:hover{box-shadow:0 4px 15px #0000000f}.insight-block .insight-title{color:var(--text-dark);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:1.1rem;font-weight:700;display:flex}.insight-block .insight-short{color:var(--text-gray);font-size:.95rem;line-height:1.7}.insight-block .insight-full{color:var(--text-dark);white-space:pre-line;border-top:1px solid #0000000f;margin-top:1rem;padding-top:1rem;font-size:.95rem;line-height:1.85}.insight-block .insight-cta{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-full);align-items:center;gap:.4rem;margin-top:1rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.insight-tags{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.insight-tag{border-radius:var(--radius-full);color:var(--primary);background:#4f46e514;padding:.2rem .7rem;font-size:.75rem;font-weight:600}.secondary-card{background:linear-gradient(135deg,#4f46e50d 0%,#0ea5e90d 100%);border:1px solid #4f46e51f}.confidence-note{border-radius:var(--radius-md);background:#10b9810f;border:1px solid #10b98126;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:flex}.confidence-note .conf-icon{flex-shrink:0;font-size:1.3rem}.confidence-note .conf-title{color:var(--text-dark);margin-bottom:.3rem;font-size:.95rem;font-weight:700}.confidence-note .conf-text{color:var(--text-gray);font-size:.9rem;line-height:1.6}.metrics-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.metric-card{text-align:center;padding:1.5rem 1rem}.metric-card .metric-value{font-size:2.8rem;font-weight:800;font-family:var(--font-heading);margin-bottom:.4rem;line-height:1}.metric-card .metric-label{color:var(--text-gray);font-size:.85rem;font-weight:600}.jung-category-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;display:grid}.jung-category-item{border-radius:var(--radius-md);background:#ffffff80;border:1px solid #0000000a;padding:1.25rem;transition:all .3s}.jung-category-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.jung-cat-header{align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.jung-cat-emoji{font-size:1.3rem}.jung-cat-label{color:var(--text-dark);flex:1;font-size:1rem;font-weight:700}.jung-cat-band{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.jung-cat-band[data-band=high]{color:#10b981;background:#10b9811f}.jung-cat-band[data-band=medium]{color:#f59e0b;background:#f59e0b1f}.jung-cat-band[data-band=low]{color:#64748b;background:#64748b1f}.jung-cat-desc{color:var(--text-gray);margin-bottom:.75rem;font-size:.82rem;line-height:1.4}.jung-cat-bar-bg{border-radius:var(--radius-full);background:#0000000d;width:100%;height:8px;margin-bottom:.4rem;overflow:hidden}.jung-cat-bar-fill{border-radius:var(--radius-full);height:100%;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.jung-cat-score{font-size:1.4rem;font-weight:800;font-family:var(--font-heading);text-align:right}.deep-section-card{border-left:4px solid var(--primary)}.awareness-card{text-align:center;background:linear-gradient(135deg,#4f46e50a 0%,#8b5cf60f 50%,#0ea5e90a 100%);border:1px solid #4f46e51a}.awareness-content{max-width:600px;margin:0 auto}.awareness-emoji{margin-bottom:1rem;font-size:3rem;display:block}.awareness-title{color:var(--text-dark);margin-bottom:1rem;font-size:1.6rem;font-weight:800}.awareness-text{color:var(--text-dark);margin-bottom:1.5rem;font-size:1.05rem;line-height:1.8}.awareness-quote{color:var(--primary);background:var(--primary-light);border-radius:var(--radius-md);padding:1rem 1.5rem;font-size:.95rem;font-style:italic;font-weight:500;line-height:1.6}.result-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:3rem;display:flex}.section-divider{background:linear-gradient(90deg,#0000,#4f46e526,#0000);height:1px;margin:2.5rem 0}.share-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.share-modal{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 20px 60px #0003}.share-modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.share-modal-header h3{color:var(--text-dark);font-size:1.3rem;font-weight:700}.share-modal-close{cursor:pointer;color:var(--text-gray);background:0 0;border:none;border-radius:50%;padding:.5rem;transition:all .2s}.share-modal-close:hover{color:var(--text-dark);background:#0000000d}.share-format-tabs{gap:.5rem;margin-bottom:1.5rem;display:flex}.share-format-tab{border-radius:var(--radius-md);cursor:pointer;color:var(--text-gray);font-size:.85rem;font-weight:600;font-family:var(--font-heading);background:0 0;border:2px solid #00000014;flex:1;padding:.6rem 1rem;transition:all .2s}.share-format-tab.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.share-format-tab:hover:not(.active){border-color:#00000026}.share-canvas-wrap{border-radius:var(--radius-md);background:#0f0a2e;justify-content:center;margin-bottom:1.5rem;display:flex;position:relative;overflow:hidden}.share-canvas-preview{object-fit:contain;max-width:100%;height:auto;max-height:400px}.share-generating{background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.share-spinner{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite resultSpin}.share-actions{gap:.75rem;display:flex}.share-action-btn{flex:1;border-radius:var(--radius-md)!important;padding:.85rem!important;font-size:.95rem!important}.share-tip{text-align:center;color:var(--text-gray);margin-top:1rem;font-size:.82rem;line-height:1.5}@media (width<=640px){.result-hero .archetype-name{font-size:2rem}.result-hero .archetype-emoji{font-size:3.5rem}.report-card{padding:1.5rem}.circular-score-wrap{gap:1rem}.metrics-row{grid-template-columns:repeat(2,1fr)}.metric-card .metric-value{font-size:2.2rem}.result-actions{flex-direction:column;align-items:stretch}.jung-category-grid{grid-template-columns:1fr}.share-modal{max-height:85vh;padding:1.25rem}.awareness-title{font-size:1.3rem}.awareness-text{font-size:.95rem}}.msg-analysis-container{width:100%;max-width:900px;margin:0 auto}.msg-hero{text-align:center;margin-bottom:2.5rem}.msg-hero-badge{color:var(--primary);background:linear-gradient(135deg,#6366f126,#0ea5e926);border:1px solid #6366f133;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;display:inline-flex}.msg-hero h1{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.75rem;font-size:2.5rem;line-height:1.2}.msg-hero p{color:var(--text-gray);max-width:600px;margin:0 auto;font-size:1.1rem}.msg-input-section{margin-bottom:2rem}.msg-textarea-wrap{position:relative}.msg-textarea{border-radius:var(--radius-lg);border:2px solid var(--card-border);background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;min-height:200px;color:var(--text-dark);font-family:var(--font-body);resize:vertical;outline:none;padding:1.25rem;font-size:.95rem;line-height:1.7;transition:all .3s}.msg-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #6366f11f}.msg-textarea::placeholder{color:var(--text-gray);opacity:.7}.msg-char-count{color:var(--text-gray);background:var(--card-bg);border-radius:6px;padding:2px 8px;font-size:.8rem;position:absolute;bottom:12px;right:16px}.msg-controls{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1rem;display:flex}.msg-select{border-radius:var(--radius-md);border:2px solid var(--card-border);background:var(--card-bg);color:var(--text-dark);font-family:var(--font-body);cursor:pointer;outline:none;min-width:180px;padding:.65rem 1.25rem;font-size:.9rem;transition:all .3s}.msg-select:focus{border-color:var(--primary)}.msg-analyze-btn{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;font-family:var(--font-heading);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 20px #6366f14d}.msg-analyze-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f166}.msg-analyze-btn:active{transform:translateY(1px)}.msg-analyze-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.msg-format-hint{color:var(--text-gray);align-items:center;gap:.4rem;margin-top:.75rem;font-size:.82rem;display:flex}.msg-parse-toggle-inline{justify-content:flex-start;margin-top:.75rem;display:flex}.msg-parse-panel{border-radius:var(--radius-md);border:1px solid var(--card-border);background:#00000005;margin-top:.9rem;padding:1rem}[data-theme=dark] .msg-parse-panel{background:#ffffff08}.msg-parse-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.msg-parse-toggle{color:var(--text-dark);-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;font-size:.9rem;display:inline-flex}.msg-parse-toggle input{width:16px;height:16px}.msg-parse-meta{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.msg-parse-chip{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-gray);border-radius:999px;padding:.25rem .6rem;font-size:.78rem}.msg-chip-warn{color:#b45309;background:#f59e0b1a;border-color:#f59e0b8c}.msg-parse-field{flex-direction:column;flex:1;gap:.35rem;min-width:220px;display:flex}.msg-parse-label{color:var(--text-gray);font-size:.78rem;font-weight:600}.msg-parse-select{min-width:220px}.msg-parse-suggest-btn{color:var(--text-dark);cursor:pointer;background:#6366f114;border:1px solid #6366f159;border-radius:999px;align-self:flex-start;margin-top:.5rem;padding:.45rem .75rem;font-size:.78rem;font-weight:700;transition:all .2s}.msg-parse-suggest-btn:hover{border-color:var(--primary);transform:translateY(-1px)}.msg-parse-preview-btn{border-radius:var(--radius-md);border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-dark);cursor:pointer;padding:.7rem 1rem;font-weight:600;transition:all .2s}.msg-parse-preview-btn:hover{border-color:var(--primary);transform:translateY(-1px)}.msg-parse-preview-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.msg-parse-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.msg-parse-apply-btn{border-radius:var(--radius-md);color:var(--text-dark);cursor:pointer;background:linear-gradient(135deg,#6366f11f,#0ea5e91a);border:1px solid #6366f159;padding:.7rem 1rem;font-weight:700;transition:all .2s}.msg-parse-apply-btn:hover{border-color:var(--primary);transform:translateY(-1px)}.msg-parse-apply-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.msg-parse-preview{margin-top:.85rem}.msg-parse-preview-pre{border-radius:var(--radius-md);border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-dark);white-space:pre-wrap;max-height:240px;margin:0;padding:.85rem;font-size:.82rem;line-height:1.55;overflow:auto}.msg-converted-editor{border-top:1px solid var(--card-border);margin-top:1rem;padding-top:1rem}.msg-converted-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem;margin-bottom:.5rem;display:flex}.msg-converted-title{color:var(--text-dark);font-size:.92rem;font-weight:800}.msg-converted-meta{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.msg-converted-textarea{border-radius:var(--radius-md);border:1px solid var(--card-border);background:var(--card-bg);width:100%;min-height:160px;color:var(--text-dark);font-family:var(--font-body);resize:vertical;outline:none;padding:.9rem;font-size:.9rem;line-height:1.6}.msg-converted-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.msg-converted-hint{color:var(--text-gray);margin-top:.5rem;font-size:.8rem}.msg-converted-warn{border-radius:var(--radius-md);color:#92400e;background:#f59e0b14;border:1px solid #f59e0b59;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.75rem;font-size:.85rem;font-weight:600;display:flex}.msg-converted-fix-btn{border-radius:var(--radius-md);color:#92400e;cursor:pointer;background:#f59e0b1f;border:1px solid #f59e0b8c;padding:.55rem .9rem;font-weight:800;transition:all .2s}.msg-converted-fix-btn:hover{border-color:#f59e0bd9;transform:translateY(-1px)}.msg-loading{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem;display:flex}.msg-loading-spinner{border:4px solid #6366f126;border-top:4px solid var(--primary);border-radius:50%;width:60px;height:60px;animation:.8s linear infinite msgSpin}@keyframes msgSpin{to{transform:rotate(360deg)}}.msg-loading-text{color:var(--text-dark);font-size:1.1rem;font-weight:600}.msg-loading-sub{color:var(--text-gray);font-size:.9rem}.msg-results{flex-direction:column;gap:1.5rem;animation:.5s msgFadeIn;display:flex}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.msg-scores-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=640px){.msg-scores-grid{grid-template-columns:1fr}}.msg-score-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:var(--radius-lg);text-align:center;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.msg-score-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.msg-score-card:before{content:"";border-radius:4px 4px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.msg-score-card.score-green:before{background:linear-gradient(90deg,#10b981,#34d399)}.msg-score-card.score-yellow:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.msg-score-card.score-red:before{background:linear-gradient(90deg,#ef4444,#f87171)}.msg-score-value{font-family:var(--font-heading);margin-bottom:.25rem;font-size:3rem;font-weight:800;line-height:1}.score-green .msg-score-value{color:#10b981}.score-yellow .msg-score-value{color:#f59e0b}.score-red .msg-score-value{color:#ef4444}.msg-score-label{color:var(--text-gray);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.msg-score-band{text-transform:uppercase;border-radius:999px;padding:.2rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.band-yüksek{color:#10b981;background:#10b98126}.band-orta{color:#f59e0b;background:#f59e0b26}.band-düşük{color:#ef4444;background:#ef444426}.msg-block-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);padding:1.75rem;transition:all .3s}.msg-block-card:hover{box-shadow:0 12px 40px #00000014}.msg-block-title{font-family:var(--font-heading);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.25rem;font-weight:700;display:flex}.msg-block-desc{color:var(--text-gray);font-size:.95rem;line-height:1.7}.msg-behavior-list{flex-direction:column;gap:.75rem;display:flex}.msg-behavior-item{border-radius:var(--radius-md);background:#00000005;border-left:4px solid #0000;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;display:flex}[data-theme=dark] .msg-behavior-item{background:#ffffff08}.msg-behavior-item.status-positive{border-left-color:#10b981}.msg-behavior-item.status-warning{border-left-color:#f59e0b}.msg-behavior-item.status-danger{border-left-color:#ef4444}.msg-behavior-item.status-info{border-left-color:var(--secondary)}.msg-behavior-label{min-width:140px;font-size:.9rem;font-weight:700}.msg-behavior-detail{color:var(--text-gray);font-size:.88rem}.msg-warning-item{border-radius:var(--radius-md);align-items:flex-start;gap:.75rem;margin-bottom:.5rem;padding:1rem;display:flex}.msg-warning-item.level-high{background:#ef444414;border:1px solid #ef444433}.msg-warning-item.level-medium{background:#f59e0b14;border:1px solid #f59e0b33}.msg-warning-item.level-low{background:#6366f114;border:1px solid #6366f133}.msg-warning-item.level-none{background:#10b98114;border:1px solid #10b98133}.msg-warning-icon{flex-shrink:0;margin-top:2px;font-size:1.25rem}.msg-warning-text{font-size:.92rem;line-height:1.6}.msg-strategy-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.msg-strategy-item{border-radius:var(--radius-md);border:1px solid var(--card-border);background:#00000005;flex-direction:column;gap:.5rem;padding:1.25rem;transition:all .3s;display:flex}[data-theme=dark] .msg-strategy-item{background:#ffffff08}.msg-strategy-item:hover{border-color:var(--primary);transform:translateY(-2px)}.msg-strategy-icon{font-size:1.75rem}.msg-strategy-title{font-size:1rem;font-weight:700}.msg-strategy-desc{color:var(--text-gray);font-size:.88rem;line-height:1.6}.msg-suggestion-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=640px){.msg-suggestion-grid{grid-template-columns:1fr}}.msg-suggestion-card{border-radius:var(--radius-md);border:2px solid var(--card-border);background:var(--card-bg);cursor:pointer;padding:1.25rem;transition:all .3s;position:relative}.msg-suggestion-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.msg-suggestion-tone{margin-bottom:.75rem;font-size:.95rem;font-weight:700}.msg-suggestion-text{color:var(--text-gray);background:#00000008;border-radius:8px;padding:.75rem;font-size:.9rem;font-style:italic;line-height:1.6}[data-theme=dark] .msg-suggestion-text{background:#ffffff0d}.msg-copy-btn{background:var(--primary);color:#fff;cursor:pointer;opacity:0;border:none;border-radius:6px;padding:.3rem .6rem;font-size:.75rem;transition:all .2s;position:absolute;top:8px;right:8px}.msg-suggestion-card:hover .msg-copy-btn{opacity:1}.msg-detail-list{flex-direction:column;gap:.5rem;display:flex}.msg-detail-item{color:var(--text-gray);background:#00000005;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem .85rem;font-size:.88rem;display:flex}[data-theme=dark] .msg-detail-item{background:#ffffff08}.msg-detail-category{background:var(--primary-light);color:var(--primary);text-transform:uppercase;border-radius:6px;flex-shrink:0;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.msg-meta-grid{border-top:1px solid var(--card-border);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-top:1rem;padding-top:1rem;display:grid}.msg-meta-item{text-align:center;background:#00000005;border-radius:8px;padding:.75rem}[data-theme=dark] .msg-meta-item{background:#ffffff08}.msg-meta-value{font-family:var(--font-heading);color:var(--primary);font-size:1.5rem;font-weight:800}.msg-meta-label{color:var(--text-gray);font-size:.78rem;font-weight:600}.msg-premium-banner{border-radius:var(--radius-lg);color:#fff;text-align:center;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);padding:2rem;position:relative;overflow:hidden}.msg-premium-banner:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 60%);width:200%;height:200%;animation:3s ease-in-out infinite premiumShine;position:absolute;top:-50%;left:-50%}@keyframes premiumShine{0%,to{transform:translate(-10%,-10%)}50%{transform:translate(10%,10%)}}.msg-premium-banner h3{color:#fff;margin-bottom:.5rem;font-size:1.5rem;position:relative}.msg-premium-banner p{opacity:.9;margin-bottom:1.25rem;position:relative}.msg-premium-features{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex;position:relative}.msg-premium-feature{background:#fff3;border-radius:999px;padding:.35rem .85rem;font-size:.82rem;font-weight:600}.msg-premium-btn{color:#6366f1;border-radius:var(--radius-md);font-family:var(--font-heading);cursor:pointer;background:#fff;border:none;padding:.85rem 2.5rem;font-size:1.05rem;font-weight:700;transition:all .3s;position:relative}.msg-premium-btn:hover{transform:scale(1.05);box-shadow:0 8px 30px #0003}.msg-premium-price{margin-bottom:.5rem;font-size:2rem;font-weight:800;position:relative}.msg-premium-price small{opacity:.8;font-size:.9rem}.msg-locked-overlay{position:relative}.msg-locked-overlay:after{content:"🔒 Premium";-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);color:#fff;cursor:pointer;background:#0009;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex;position:absolute;inset:0}.msg-new-analysis-btn{border-radius:var(--radius-md);border:2px dashed var(--card-border);width:100%;color:var(--text-gray);font-family:var(--font-heading);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.msg-new-analysis-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.msg-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.msg-modal{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:500px;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0003}.msg-modal-close{color:var(--text-gray);cursor:pointer;z-index:10;background:0 0;border:none;border-radius:50%;padding:.5rem;transition:all .2s;position:absolute;top:1rem;right:1rem}.msg-modal-close:hover{color:var(--text-dark);background:#0000000d}[data-theme=dark] .msg-modal-close:hover{background:#ffffff1a}.msg-modal-body{max-height:100%;padding:2rem;overflow-y:auto}.msg-modal-icon{text-align:center;margin-bottom:1rem;font-size:3rem}.msg-modal-title{text-align:center;font-family:var(--font-heading);background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.msg-modal-subtitle{text-align:center;color:var(--text-gray);margin-bottom:2rem;font-size:.95rem}.msg-modal-features{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.premium-plan-grid{grid-template-columns:1fr;gap:.75rem;margin:1rem 0 1.25rem;display:grid}@media (width>=520px){.premium-plan-grid{grid-template-columns:1fr 1fr}}.premium-plan-card{text-align:left;border:1px solid var(--card-border);cursor:pointer;background:#ffffffa6;border-radius:16px;width:100%;padding:1rem;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative}[data-theme=dark] .premium-plan-card{background:#ffffff0a}.premium-plan-card:hover{border-color:#6366f159;transform:translateY(-2px);box-shadow:0 10px 30px #00000014}.premium-plan-card.is-selected{border-color:var(--primary);box-shadow:0 12px 34px #6366f12e}.premium-plan-card.is-recommended{background:linear-gradient(135deg,#6366f11a,#a855f714)}.premium-plan-top{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.premium-plan-title{color:var(--text-dark);font-size:1rem;font-weight:900}.premium-plan-badge{color:#fff;background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:900}.premium-plan-sub{color:var(--text-gray);margin-bottom:.6rem;font-size:.84rem;line-height:1.35}.premium-plan-price{color:var(--primary);margin-bottom:.6rem;font-size:1.6rem;font-weight:900}.premium-plan-price span{color:var(--text-gray);font-size:.85rem;font-weight:700}.premium-plan-bullets{flex-direction:column;gap:.35rem;display:flex}.premium-bullet{color:var(--text-dark);font-size:.82rem;font-weight:650}.msg-modal-feature-item{align-items:flex-start;gap:1rem;display:flex}.msg-modal-feature-icon{background:var(--primary-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;display:flex}.msg-modal-feature-title{color:var(--text-dark);font-size:.95rem;font-weight:700}.msg-modal-feature-desc{color:var(--text-gray);font-size:.85rem;line-height:1.4}.msg-modal-price-box{text-align:center;border-radius:var(--radius-md);border:1px dashed var(--primary);background:linear-gradient(135deg,#6366f10d,#0ea5e90d);margin-bottom:2rem;padding:1.5rem}.msg-modal-price{color:var(--primary);font-size:2.5rem;font-weight:800;line-height:1}.msg-modal-price-period{color:var(--text-gray);margin-left:.25rem;font-size:1rem;font-weight:600}.msg-modal-cta{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;width:100%;font-family:var(--font-heading);cursor:pointer;border:none;justify-content:center;align-items:center;padding:1rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 15px #6366f14d}.msg-modal-cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.msg-modal-form{flex-direction:column;gap:1rem;display:flex}.msg-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.msg-form-input{border-radius:var(--radius-md);border:1px solid var(--card-border);background:var(--bg-body);width:100%;color:var(--text-dark);font-family:var(--font-body);padding:.85rem 1rem;font-size:.95rem;transition:all .3s}.msg-form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.msg-form-error{color:#ef4444;border-radius:var(--radius-sm);background:#ef44441a;border:1px solid #ef444433;padding:.75rem;font-size:.85rem}.msg-modal-form-actions{gap:1rem;margin-top:1rem;display:flex}.msg-form-back{border-radius:var(--radius-md);border:1px solid var(--card-border);color:var(--text-gray);cursor:pointer;background:0 0;width:30%;padding:1rem;font-weight:600;transition:all .2s}.msg-form-back:hover{background:#0000000d}[data-theme=dark] .msg-form-back:hover{background:#ffffff0d}.msg-modal-form-actions .msg-modal-cta{width:70%}:root{--bg-color:#f7f9fc;--bg-gradient:linear-gradient(135deg, #f7f9fc 0%, #e0eaf5 100%);--text-dark:#1e293b;--text-gray:#64748b;--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#4f46e51a;--secondary:#0ea5e9;--accent:#f43f5e;--success:#10b981;--card-bg:#ffffffd9;--card-border:#ffffff80;--card-shadow:0 8px 32px 0 #1f26870d;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-full:9999px;--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif}[data-theme=dark]{--bg-color:#0f172a;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--text-dark:#f1f5f9;--text-gray:#94a3b8;--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#6366f133;--secondary:#38bdf8;--accent:#fb7185;--card-bg:#1e293bd9;--card-border:#ffffff1a;--card-shadow:0 8px 32px 0 #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-gradient);color:var(--text-dark);background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-dark);font-weight:700;line-height:1.2}a{color:var(--primary);text-decoration:none;transition:all .3s}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow)}.glass-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);color:var(--primary);background:#fff9;border:1px solid #fff6;padding:.5rem 1rem;font-weight:600;box-shadow:0 4px 12px #00000008}.app-container{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem;display:flex}.main-content{flex-direction:column;flex:1;display:flex}.bg-shape{filter:blur(80px);z-index:-1;opacity:.5;border-radius:50%;animation:20s infinite alternate float;position:absolute}.bg-shape.shape-1{background:#4f46e54d;width:400px;height:400px;top:-100px;left:-100px}.bg-shape.shape-2{background:#0ea5e94d;width:300px;height:300px;animation-delay:-5s;bottom:0;right:-50px}.bg-shape.shape-3{background:#f43f5e33;width:250px;height:250px;animation-duration:25s;top:40%;left:30%}@keyframes float{0%{transform:translateY(0)scale(1)}50%{transform:translateY(50px)scale(1.05)}to{transform:translateY(-30px)scale(.95)}}.btn{border-radius:var(--radius-md);font-family:var(--font-heading);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 15px #4f46e54d}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 25px #4f46e566}.btn-primary:active{transform:translateY(1px)}.btn-outline{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary-light);transform:translateY(-2px)}.btn-block{width:100%}.progress-container{border-radius:var(--radius-full);background:#0000000d;width:100%;height:8px;margin-bottom:2rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));height:100%;transition:width .5s ease-out}.option-card{background:var(--card-bg);border-radius:var(--radius-md);cursor:pointer;border:2px solid #0000;align-items:center;margin-bottom:1rem;padding:1.25rem;transition:all .2s;display:flex;box-shadow:0 2px 10px #00000005}.option-card:hover{border-color:var(--primary-light);transform:translate(5px);box-shadow:0 5px 15px #4f46e51a}.option-card.selected{border-color:var(--primary);background:var(--primary-light)}.navbar{justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 0;display:flex}.logo{font-family:var(--font-heading);color:var(--primary);letter-spacing:-.5px;align-items:center;gap:.5rem;font-size:1.75rem;font-weight:800;display:flex}.logo span{color:var(--secondary)}@media (width<=768px){.app-container{padding:1rem}}