:root{--color-deep-night: #0a0e27;--color-black: #000000;--color-psychedelic-pink: #ff2d9b;--color-neon-orange: #ff6b35;--color-sage-green: #8fbc8f;--color-white: #ffffff;--color-white-soft: rgba(255, 255, 255, .87);--color-white-muted: rgba(255, 255, 255, .5);--gradient-brand: linear-gradient(135deg, var(--color-psychedelic-pink), var(--color-neon-orange));--gradient-bg: linear-gradient(180deg, var(--color-deep-night) 0%, var(--color-black) 100%);--gradient-card: linear-gradient( 145deg, rgba(255, 45, 155, .08) 0%, rgba(10, 14, 39, .6) 50%, rgba(255, 107, 53, .08) 100% );--font-primary: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-size-xs: clamp(.75rem, 1.5vw, .875rem);--font-size-sm: clamp(.875rem, 2vw, 1rem);--font-size-base: clamp(1rem, 2.5vw, 1.125rem);--font-size-lg: clamp(1.25rem, 3vw, 1.5rem);--font-size-xl: clamp(1.5rem, 4vw, 2rem);--font-size-2xl: clamp(2rem, 5vw, 3rem);--font-size-hero: clamp(2.5rem, 7vw, 4.5rem);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 5rem;--space-section: clamp(4rem, 10vw, 8rem);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .6s ease;--z-particles: 0;--z-content: 1;--z-navbar: 100}@keyframes gradientDrift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #ff2d9b4d,0 0 40px #ff6b3526}50%{box-shadow:0 0 30px #ff2d9b80,0 0 60px #ff6b3540}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:1}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.6;color:var(--color-white-soft);background:var(--gradient-bg);background-attachment:fixed;min-height:100vh;overflow-x:hidden;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;position:relative}a{color:var(--color-psychedelic-pink);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-neon-orange)}::selection{background:#ff2d9b4d;color:var(--color-white)}.particle-field{position:fixed;inset:0;z-index:var(--z-particles);overflow:hidden;pointer-events:none}.particle-field__gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(255,45,155,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(255,107,53,.05) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(143,188,143,.04) 0%,transparent 50%);animation:gradientDrift 20s ease infinite;background-size:200% 200%}.particle-field__star{position:absolute;background:var(--color-white);border-radius:50%;animation:twinkle ease-in-out infinite}.language-selector{background:transparent;color:var(--color-sage-green);border:1px solid var(--color-sage-green);border-radius:var(--radius-sm);padding:.4rem 2rem .4rem .8rem;font-family:var(--font-primary);font-size:var(--font-size-xs);cursor:pointer;outline:none;transition:all var(--transition-fast);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238fbc8f' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.language-selector:hover,.language-selector:focus{border-color:var(--color-psychedelic-pink);color:var(--color-white);box-shadow:0 0 10px #ff2d9b33}.language-selector option{background:var(--color-deep-night);color:var(--color-white-soft)}.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-navbar);padding:var(--space-sm) var(--space-lg);background:#0a0e27cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,45,155,.1)}.navbar__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.navbar__logo{font-size:var(--font-size-lg);font-weight:700;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-lg);position:relative;z-index:var(--z-content)}.hero__content{text-align:center;max-width:800px}.hero__tagline{font-size:var(--font-size-hero);font-weight:700;line-height:1.1;margin-bottom:var(--space-lg);background:var(--gradient-brand);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientDrift 8s ease infinite}.hero__subtitle{font-size:var(--font-size-lg);color:var(--color-white-muted);max-width:600px;margin:0 auto var(--space-xl);line-height:1.7;font-weight:300}.hero__cta{display:inline-block;padding:1rem 2.5rem;background:var(--gradient-brand);background-size:200% 200%;color:var(--color-white);border:none;border-radius:var(--radius-full);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:600;cursor:pointer;animation:gradientDrift 6s ease infinite,glowPulse 3s ease-in-out infinite;transition:transform var(--transition-fast);letter-spacing:.02em}.philosophy{position:relative;z-index:var(--z-content);padding:var(--space-section) var(--space-lg)}.philosophy__inner{max-width:1200px;margin:0 auto}.philosophy__title{text-align:center;font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--space-2xl);color:var(--color-white-soft)}.philosophy__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.philosophy__card{background:var(--gradient-card);border:1px solid rgba(255,45,155,.12);border-radius:var(--radius-md);padding:var(--space-xl);text-align:center;transition:all var(--transition-base)}.philosophy__card:hover{border-color:#ff2d9b4d;transform:translateY(-4px);box-shadow:0 8px 30px #ff2d9b1a}.philosophy__card-emoji{font-size:3rem;display:block;margin-bottom:var(--space-md)}.philosophy__card-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-sm);background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.philosophy__card-desc{font-size:var(--font-size-sm);color:var(--color-white-muted);line-height:1.7}@media(max-width:1024px){.philosophy__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.philosophy__grid{grid-template-columns:1fr}}.footer{position:relative;z-index:var(--z-content);text-align:center;padding:var(--space-2xl) var(--space-lg);border-top:1px solid rgba(255,45,155,.1)}.footer__tagline{font-size:var(--font-size-lg);font-weight:600;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-sm)}.footer__copyright{font-size:var(--font-size-xs);color:var(--color-white-muted)}.assessment{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-lg);position:relative;z-index:var(--z-content)}.assessment__intro{text-align:center;max-width:600px}.assessment__intro-title{font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--space-md);background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.assessment__intro-subtitle{font-size:var(--font-size-base);color:var(--color-white-muted);line-height:1.7;margin-bottom:var(--space-xl)}.assessment__intro-actions{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.assessment__start-btn{padding:.9rem 2.2rem;background:var(--gradient-brand);background-size:200% 200%;color:var(--color-white);border:none;border-radius:var(--radius-full);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:600;cursor:pointer;animation:gradientDrift 6s ease infinite;transition:transform var(--transition-fast)}.assessment__start-btn:hover{transform:scale(1.05)}.assessment__back-btn{padding:.9rem 2.2rem;background:transparent;color:var(--color-white-muted);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);font-family:var(--font-primary);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast)}.assessment__back-btn:hover{border-color:var(--color-sage-green);color:var(--color-sage-green)}.assessment__progress-wrap{width:100%;max-width:500px;margin-bottom:var(--space-2xl);text-align:center}.assessment__progress-track{width:100%;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;margin-bottom:var(--space-xs)}.assessment__progress-bar{height:100%;background:var(--gradient-brand);border-radius:2px}.assessment__progress-text{font-size:var(--font-size-xs);color:var(--color-white-muted)}.assessment__question{text-align:center;max-width:600px;width:100%}.assessment__question-text{font-size:var(--font-size-xl);font-weight:400;line-height:1.5;color:var(--color-white-soft);margin-bottom:var(--space-xl)}.assessment__likert{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.assessment__likert-btn{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem 1.2rem;min-width:80px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-white-muted);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast)}.assessment__likert-btn:hover{border-color:var(--color-psychedelic-pink);background:#ff2d9b14;color:var(--color-white);transform:translateY(-2px)}.assessment__likert-btn.active{border-color:var(--color-psychedelic-pink);background:#ff2d9b26;color:var(--color-white);box-shadow:0 0 15px #ff2d9b33}.assessment__likert-value{font-size:var(--font-size-lg);font-weight:600}.assessment__likert-label{font-size:var(--font-size-xs);opacity:.7}@media(max-width:768px){.assessment__likert{gap:.5rem}.assessment__likert-btn{min-width:60px;padding:.8rem}}.state-result{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-lg);position:relative;z-index:var(--z-content)}.state-result__content{max-width:700px;width:100%;text-align:center}.state-result__prefix{font-size:var(--font-size-sm);color:var(--color-white-muted);margin-bottom:var(--space-sm)}.state-result__name{font-size:var(--font-size-hero);font-weight:700;background:var(--gradient-brand);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientDrift 8s ease infinite;margin-bottom:var(--space-lg);line-height:1.2}.state-result__description{font-size:var(--font-size-base);color:var(--color-white-muted);line-height:1.7;margin-bottom:var(--space-xl)}.state-result__axes{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.state-result__axis{display:grid;grid-template-columns:100px 1fr 50px;align-items:center;gap:var(--space-sm);text-align:left}.state-result__axis-label{font-size:var(--font-size-xs);color:var(--color-sage-green);text-transform:uppercase;letter-spacing:.08em}.state-result__axis-track{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.state-result__axis-fill{height:100%;background:var(--gradient-brand);border-radius:3px}.state-result__axis-value{font-size:var(--font-size-xs);color:var(--color-white-muted);text-align:right}.state-result__direction{background:var(--gradient-card);border:1px solid rgba(143,188,143,.2);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.state-result__direction p{font-size:var(--font-size-base);color:var(--color-sage-green);line-height:1.7;font-style:italic}.state-result__changeable{font-size:var(--font-size-xs);color:var(--color-white-muted);margin-bottom:var(--space-xl);opacity:.7}.state-result__actions{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-2xl)}.state-result__retake-btn{padding:.8rem 2rem;background:var(--gradient-brand);background-size:200% 200%;color:var(--color-white);border:none;border-radius:var(--radius-full);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;animation:gradientDrift 6s ease infinite;transition:transform var(--transition-fast)}.state-result__retake-btn:hover{transform:scale(1.05)}.state-result__export-btn,.state-result__back-btn{padding:.8rem 2rem;background:transparent;color:var(--color-white-muted);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);font-family:var(--font-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.state-result__export-btn:hover,.state-result__back-btn:hover{border-color:var(--color-sage-green);color:var(--color-sage-green)}.state-result__matching{border-top:1px solid rgba(255,45,155,.1);padding-top:var(--space-xl);text-align:left}.state-result__matching-title{font-size:var(--font-size-xl);font-weight:600;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-xs);text-align:center}.state-result__matching-desc{font-size:var(--font-size-sm);color:var(--color-white-muted);text-align:center;margin-bottom:var(--space-lg)}.state-result__api-input{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.state-result__api-key{flex:1;padding:.7rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);color:var(--color-white-soft);font-family:var(--font-primary);font-size:var(--font-size-sm);outline:none;transition:border-color var(--transition-fast)}.state-result__api-key:focus{border-color:var(--color-psychedelic-pink)}.state-result__api-key::placeholder{color:var(--color-white-muted);opacity:.5}.state-result__generate-btn{padding:.7rem 1.5rem;background:var(--gradient-brand);color:var(--color-white);border:none;border-radius:var(--radius-sm);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity var(--transition-fast)}.state-result__generate-btn:disabled{opacity:.5;cursor:not-allowed}.state-result__error{color:var(--color-neon-orange);font-size:var(--font-size-sm);margin-top:var(--space-sm)}.state-result__report{margin-top:var(--space-lg)}.state-result__report-section{margin-bottom:var(--space-lg)}.state-result__report-section h4{font-size:var(--font-size-base);color:var(--color-white-soft);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid rgba(255,255,255,.06)}.state-result__report-item{padding:var(--space-sm);margin-bottom:var(--space-xs);background:#ffffff05;border-radius:var(--radius-sm)}.state-result__report-item strong{color:var(--color-white-soft)}.state-result__report-item p{font-size:var(--font-size-sm);color:var(--color-white-muted);margin-top:.3rem;line-height:1.6}.state-result__report-note{background:var(--gradient-card);border:1px solid rgba(143,188,143,.15);border-radius:var(--radius-md);padding:var(--space-lg)}.state-result__report-note p{color:var(--color-sage-green);font-style:italic;line-height:1.7}@media(max-width:768px){.state-result__axis{grid-template-columns:80px 1fr 40px}.state-result__api-input{flex-direction:column}.state-result__actions{flex-direction:column;align-items:center}}