/*--------------------------------------------------MyPersonality.css-----------------------------------------------------------*/

.innovator-main-container { box-sizing: border-box; background: #0f0a2a; color: #F0EEFF; margin: 0; padding: 0; border-radius: 0; width: 100%; min-height: 100vh; position: relative; overflow: hidden; }
.innovator-main-container * { box-sizing: border-box; }
.body-sub-text { color: #b4b0db; }
.highlighted-possibilities-text { color: #E8A838 !important; }
.innovator-content-wrapper { padding: 80px 40px; position: relative; z-index: 5; width: 100%; max-width: 1200px; margin: 0 auto; }

.starfield-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; z-index: 1; }
.glow-orb { position: absolute; border-radius: 50%; }
.orb-purple { width: 600px; height: 600px; top: -5%; left: -100px; background: radial-gradient(50% 50% at 50% 50%, rgba(124, 92, 252, 0.22) 0%, rgba(0, 0, 0, 0) 100%); filter: blur(80px); }
.orb-blue { width: 500px; height: 500px; top: 25%; right: -5%; background: radial-gradient(50% 50% at 50% 50%, rgba(56, 182, 255, 0.15) 0%, rgba(0, 0, 0, 0) 100%); filter: blur(70px); }
.orb-orange { width: 550px; height: 550px; top: 50%; left: 10%; background: radial-gradient(50% 50% at 50% 50%, rgba(240, 180, 41, 0.1) 0%, rgba(0, 0, 0, 0) 100%); filter: blur(80px); }

.sparkle-star { position: absolute; display: flex; align-items: center; justify-content: center; filter: drop-shadow(0 0 6px currentColor); opacity: 0.6; }
.space-star-svg { width: 100%; height: 100%; }
.star-tl { top: 6%; left: 8%; width: 22px; height: 22px; color: #E8A838; } 
.star-tr { top: 14%; right: 10%; width: 16px; height: 16px; color: #C8BAFF; } 
.star-ml { top: 40%; left: 5%; width: 14px; height: 14px; color: #E8A838; } 
.star-mr { top: 35%; right: 8%; width: 16px; height: 16px; color: #E8A838; } 

.tiny-star { position: absolute; border-radius: 50%; opacity: 0.5; }
.s-1 { width: 3px; height: 3px; top: 3%; left: 15%; background: #4A326A; }
.s-2 { width: 5px; height: 5px; top: 8%; left: 85%; background: #467292; }
.s-3 { width: 2px; height: 2px; top: 12%; left: 25%; background: #25374F; }
.s-4 { width: 4px; height: 4px; top: 18%; left: 75%; background: #2F4765; }
.s-5 { width: 3px; height: 3px; top: 22%; left: 10%; background: #543879; }
.s-6 { width: 3px; height: 3px; top: 30%; left: 90%; background: #543879; }
.s-7 { width: 3px; height: 3px; top: 35%; left: 30%; background: #487398; }
.s-8 { width: 4px; height: 4px; top: 40%; left: 60%; background: #412A67; }
.s-9 { width: 5px; height: 5px; top: 45%; left: 15%; background: #2D4163; }
.s-10 { width: 5px; height: 5px; top: 50%; left: 85%; background: #253157; }

.inline-icon { width: 14px; height: 14px; vertical-align: middle; margin-right: 5px; margin-bottom: 2px; }
.card-icon { width: 16px; height: 16px; vertical-align: middle; margin-right: 8px; margin-bottom: 3px; }
.list-icon { width: 18px; height: 18px; margin-right: 14px; flex-shrink: 0; margin-top: 3px; }
.list-tick { stroke: #6c5ce7; }
.list-alert { fill: #f39c12; }

.innovator-header-section { text-align: center; margin-bottom: 40px; }
.innovator-reveal { display: inline-block; background: rgba(255,255,255,0.04); padding: 6px 18px; border-radius: 20px; color: #a29bfe; margin-bottom: 25px; border: 1px solid rgba(255,255,255,0.08); }
.innovator-you-are { color: #7763FD; letter-spacing: 3px; text-transform: uppercase; margin-top: 15px; }
.innovator-title { color: #E8A838; letter-spacing: 3.5px; text-transform: uppercase; }

.innovator-visual-badge-section { position: relative; display: flex; justify-content: center; align-items: center; margin: 40px 0; height: 220px; }
.center-badge-wrapper { box-sizing: border-box; width: 190px; height: 190px; background: #16123f; border: 2px solid #4a3b8c; border-radius: 9999px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 40px rgba(111, 66, 251, 0.2); overflow: hidden; }
.center-badge-img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }

.innovator-main-description { text-align: center; max-width: 750px; margin: 0 auto 40px auto; }
.innovator-key-traits { text-align: center; margin-bottom: 60px; }
.innovator-traits-label { color: #7f7ba5; margin-bottom: 15px; letter-spacing: 1.54px; text-transform: uppercase; }
.traits-flex { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; }
.innovator-trait-tag { box-sizing: border-box; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(111, 66, 251, 0.3); border-radius: 40px; color: #c8baff; padding: 12px 28px; }

.innovator-superpowers-section { text-align: center; margin-bottom: 50px; padding-bottom: 40px; }
.section-subtitle { display: flex; align-items: center; justify-content: center; color: #5B4FE5; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 2px; }
.section-subtitle::before, .section-subtitle::after { content: ""; flex-grow: 1; max-width: 250px; height: 1px; background: rgba(111, 66, 251, 0.4); margin: 0 20px; }
.innovator-superpower-title { color: #E8A838; margin-bottom: 15px; letter-spacing: 2px; }
.innovator-superpowers-section p { max-width: 750px; margin: 0 auto; letter-spacing: 0.5px; }

.innovator-cards-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-bottom: 32px; }
.info-card { box-sizing: border-box; background: rgba(22, 16, 59, 0.6); border: 1px solid rgba(111, 66, 251, 0.25); border-radius: 28px; padding: 45px 35px; position: relative; }
.card-sparkle-top { position: absolute; top: 35px; left: 25px; width: 14px; height: 14px; color: rgba(255,255,255,0.2); }
.card-sparkle-top-right { position: absolute; top: 25px; right: 25px; width: 14px; height: 14px; color: #E8A838; opacity: 0.8; }

.decision-full-width-card { margin-bottom: 60px; }
.card-heading { color: #a29bfe; margin-bottom: 30px; text-transform: uppercase; letter-spacing: 1.5px; }
.sub-label { color: #7f7ba5; margin-bottom: 24px; }
.info-card ul { list-style: none; padding: 0; margin: 0; }

.info-card li { display: flex; align-items: flex-start; margin-bottom: 24px; color: #F0EEFF; }
.bullet-text-node { flex-grow: 1; }
.challenge-footer { margin-top: 30px; color: #7f7ba5; text-align: center; }

.innovator-famous-section { text-align: center; margin-bottom: 60px; }
.innovator-kalam-card { box-sizing: border-box; background: rgba(22, 16, 59, 0.6); border: 1px solid rgba(111, 66, 251, 0.25); border-radius: 28px; padding: 45px; max-width: 700px; margin: 0 auto 35px auto; }
.innovator-kalam-portrait { width: 200px; border-radius: 50% !important; object-fit: cover; margin-bottom: 18px; }
.innovator-kalam-name { color: #fff; margin-bottom: 5px; }
.innovator-kalam-titles { color: #9585C8; margin-bottom: 18px; }

.innovator-action-buttons { display: flex; flex-direction: row; justify-content: center; gap: 20px; width: 100%; max-width: 700px; margin: 0 auto 40px auto; }
.innovator-share-btn { background: #7759F2; color: #fff; border: none; padding: 16px 32px; border-radius: 8px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; flex: 1; max-width: 340px; transition: 0.3s; }
.innovator-share-btn:hover { background: #644CA1; }
.share-svg-icon { width: 18px; height: 18px; margin-right: 10px; fill: currentColor; }

.innovator-retake-btn { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(111, 66, 251, 0.4); color: #C8BAFF; padding: 16px 32px; border-radius: 8px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; flex: 1; max-width: 340px; text-decoration: none; transition: 0.3s; }
.innovator-retake-btn:hover { background: rgba(255, 255, 255, 0.08); color: #FFF; border-color: rgba(111, 66, 251, 0.8); }

.innovator-cta-box { background: rgba(22, 16, 59, 0.6); border: 1px solid rgba(111, 66, 251, 0.25); border-radius: 28px; padding: 45px; text-align: left; position: relative; max-width: 700px; margin: 0 auto; }
.cta-label { color: #9585C8; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1.8px; }
.cta-main-text { color: #F0EEFF; margin-bottom: 8px; }
.sub-text { color: #C8BAFF; margin-bottom: 8px; }
.takes-time { color: #999999; margin-bottom: 25px; }
.innovator-progress-bar-wrapper { display: flex; align-items: center; margin-bottom: 30px; }
.innovator-progress-bar { flex-grow: 1; max-width: 200px; height: 6px; background: rgba(255,255,255,0.1); border-radius: 3px; margin-right: 15px; position: relative; }
.innovator-progress-fill { position: absolute; left: 0; top: 0; height: 100%; width: 20%; background: #7759F2; border-radius: 3px; }
.progress-target { color: #999999; }

.innovator-find-out-btn { width: 100%; background: #16123f; color: #F0EEFF; border: 1px solid #4a3b8c; padding: 18px; border-radius: 12px; cursor: pointer; display: block; text-decoration: none; text-align: center; transition: 0.3s; box-shadow: 0 4px 15px rgba(0,0,0,0.2); }
.innovator-find-out-btn:hover { background: #231c5c; color: #FFF; }

/* --- Breakpoint Media Queries --- */
@media screen and (min-width: 1441px) { .innovator-content-wrapper { max-width: 1250px; padding: 100px 40px; } .innovator-cards-grid { gap: 36px; } }
@media screen and (min-width: 1025px) and (max-width: 1440px) { .innovator-content-wrapper { padding: 80px 40px; max-width: 1140px; } .innovator-cards-grid { gap: 32px; } }
@media screen and (min-width: 481px) and (max-width: 1024px) { .innovator-content-wrapper { padding: 60px 32px; } .innovator-cards-grid { grid-template-columns: 1fr; gap: 28px; } .section-subtitle::before, .section-subtitle::after { max-width: 120px; } .innovator-action-buttons { max-width: 100%; padding: 0 20px; } }
@media screen and (min-width: 320px) and (max-width: 480px) { .innovator-content-wrapper { padding: 50px 20px; } .innovator-title { letter-spacing: 2px; } .card-heading { margin-bottom: 24px; } .innovator-visual-badge-section { height: 180px; margin: 20px auto; } .center-badge-wrapper { width: 150px; height: 150px; } .innovator-cards-grid { grid-template-columns: 1fr; gap: 20px; } .info-card { padding: 35px 24px; } .innovator-action-buttons { flex-direction: column; align-items: center; width: 100%; gap: 15px; } .innovator-share-btn, .innovator-retake-btn { max-width: 100%; width: 100%; } .section-subtitle::before, .section-subtitle::after { display: none; } .orb-purple, .orb-blue, .orb-orange { filter: blur(40px); width: 220px; height: 220px; } .innovator-kalam-card, .innovator-cta-box { padding: 35px 20px; } .innovator-kalam-portrait {width: 100px;} }