*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;min-height:100vh;background-color:#0f1117}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e8e2d9;background-color:#0f1117;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100vw;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:#e8e2d9;margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#0f1117;overflow-x:hidden}.app{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:#0f1117}.app-header{width:100%;background-color:#13141f;padding:1rem 2rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;position:relative;top:0;z-index:100}.logo-container{display:flex;align-items:center;gap:1rem}.logo{font-size:1.8rem;font-weight:700;color:#d4a574;text-decoration:none;letter-spacing:.5px}.logo-icon{font-size:2rem;color:#d4a574;filter:grayscale(.3) brightness(1.2)}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{color:#e8e2d9;text-decoration:none;font-weight:500;font-size:1rem;transition:color .2s;padding:.5rem 0}.nav-link:hover{color:#d4a574}.about-button{color:#e8e2d9;text-decoration:none;font-weight:500;font-size:1rem;transition:color .2s;padding:.5rem 0;background:none;border:none;cursor:pointer}.about-button:hover{color:#d4a574;background:none}.app-main{width:100vw;flex:1;display:flex;padding:2rem;gap:2rem;min-height:0}.sidebar{width:300px;flex-shrink:0;background:#13141f;border-radius:12px;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 24px #0000004d;display:flex;flex-direction:column;max-height:calc(100vh - 120px)}.chat-container{flex:1;min-width:0;background:#0f1117;border-radius:12px;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 24px #0000004d;display:flex;flex-direction:column;max-height:calc(100vh - 120px)}.character-card{padding:2rem;background:#ffffff08;border-radius:20px;box-shadow:0 10px 30px #0003,0 0 40px #d4a57408;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.06)}.character-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d,0 0 60px #d4a5740d;border-color:#ffffff1f}.character-card.selected{border-color:#d4a574;background:#d4a5740d}.character-card h3{color:#e8e2d9;margin-bottom:.75rem;font-size:1.5rem;font-weight:600;letter-spacing:.3px}.character-card p{color:#9b95a8;line-height:1.4;font-size:1rem;margin:0}.character-type{display:inline-block;padding:.25rem .75rem;background:#ffffff0d;border-radius:9999px;font-size:.875rem}.chat-interface{display:flex;flex-direction:column;height:100%}.messages-container{flex:1;overflow-y:auto;padding:1rem;background:#0f1117}.message{margin-bottom:1rem;max-width:80%}.user-message{margin-left:auto}.assistant-message{margin-right:auto}.message-content{padding:.75rem 1rem;border-radius:12px;background:#1e1f33;border:1px solid rgba(255,255,255,.06);color:#e8e2d9}.user-message .message-content{background:linear-gradient(135deg,#d4a574,#c9956b);color:#1a1b2e;border:none}.input-form{padding:1rem;border-top:1px solid rgba(255,255,255,.06);background:#13141f;display:flex;gap:1rem;border-radius:0 0 12px 12px}.input-form input{flex:1;padding:.75rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:1rem;background:#1a1b2e;color:#e8e2d9;transition:border-color .2s,box-shadow .2s}.input-form input:focus{outline:none;border-color:#d4a574;box-shadow:0 0 0 2px #d4a57433}.input-form input::placeholder{color:#8b8598}.input-form button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4a574,#c9956b);color:#1a1b2e;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.input-form button:hover{box-shadow:0 4px 15px #d4a5744d;transform:translateY(-1px)}.close-button:hover,.close-modal:hover{background:none!important;color:#e8e2d9}.input-form button:disabled{background:#252640;color:#8b8598;cursor:not-allowed;box-shadow:none;transform:none}.chat-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#8b8598;font-size:1.1rem;text-align:center;padding:2rem}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.subtitle{color:#8b8598;margin:0;font-size:1.1rem}.select-character-button{padding:1rem 2.5rem;background:linear-gradient(135deg,#d4a574,#c9956b);color:#1a1b2e;border:none;border-radius:50px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #d4a57440}.select-character-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4a57459}.character-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#13141f;border-bottom:1px solid rgba(255,255,255,.06);border-radius:12px 12px 0 0}.character-select-button{padding:.5rem 1rem;background:#1a1b2e;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e8e2d9;cursor:pointer;font-size:.9rem;transition:all .2s}.character-select-button:hover{background:#252640;border-color:#ffffff26}.character-name{font-weight:600;color:#e8e2d9;font-size:1.1rem}.character-header-tags{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.landing-page{width:100vw;margin:0;padding:0;color:#e8e2d9;background:#0f1117;min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;position:relative}.hero-section{text-align:center;padding:8rem 4rem;background:linear-gradient(135deg,#0f1117,#1a1b2e);color:#e8e2d9;position:relative;width:100%;box-sizing:border-box;margin:0}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.08' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.5;z-index:1}.hero-section h1,.hero-section .tagline,.hero-section .cta-button{position:relative;z-index:2}.hero-section h1{font-size:4.5rem;margin-bottom:1.5rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#d4a574,#f5e6d3,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.tagline{font-size:1.8rem;margin-bottom:3rem;opacity:.85;font-weight:300;letter-spacing:.5px;color:#c4bdb4}.cta-button{display:inline-block;padding:1.2rem 3rem;background:linear-gradient(135deg,#d4a574,#c9956b);color:#1a1b2e;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.2rem;transition:all .3s ease;box-shadow:0 4px 15px #d4a5744d;border:none;position:relative;overflow:hidden}.cta-button:hover{transform:translateY(-3px);box-shadow:0 6px 25px #d4a57473}.cta-button:after{content:"";top:0;left:0;color:#1a1b2e;width:100%;height:100%;background:linear-gradient(135deg,#c9956b,#d4a574);opacity:0;transition:opacity .3s ease;z-index:1}.cta-button:hover:after{opacity:1}.cta-button span{position:relative;z-index:2;color:#1a1b2e}.features-section{padding:6rem 4rem;background:#13141f;width:100%}.features-section h2{text-align:center;font-size:3rem;margin-bottom:3rem;color:#e8e2d9;font-weight:700;letter-spacing:.5px}.features-section p{text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;max-width:1400px;margin:0 auto}.feature-card{padding:3rem;background:#ffffff08;border-radius:20px;box-shadow:0 10px 30px #0003;transition:all .3s ease;border:1px solid rgba(255,255,255,.06)}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d;border-color:#ffffff1f}.feature-card h3{color:#f0ebe4;margin-bottom:1.5rem;font-size:1.8rem;font-weight:600;letter-spacing:.3px}.feature-card p{color:#9b95a8;line-height:1.8;font-size:1.1rem}.characters-section{padding:6rem 4rem;background:#0f1117;width:100%}.characters-section h2{text-align:center;font-size:3rem;margin-bottom:3rem;color:#e8e2d9;font-weight:700;letter-spacing:.5px}.character-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;max-width:1400px;margin:0 auto}.character-card{padding:1.5rem;background:#ffffff08;border-radius:16px;box-shadow:0 10px 30px #0003,0 0 40px #d4a57408;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.06)}.character-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000004d,0 0 60px #d4a5740d;border-color:#ffffff1f}.character-card h3{color:#e8e2d9;margin-bottom:.5rem;font-size:1.3rem;font-weight:600;letter-spacing:.3px}.character-card p{color:#9b95a8;line-height:1.5;font-size:.95rem}.character-card.more-characters{background:linear-gradient(135deg,#d4a574,#c9956b);color:#1a1b2e;border:none}.character-card.more-characters h3{color:#1a1b2e}.character-card.more-characters p{color:#1a1b2ecc}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#1a1b2e;border-radius:12px;position:relative;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.08)}.close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#8b8598;padding:.5rem;line-height:1;transition:color .2s ease}.close-button:hover{color:#e8e2d9}.about-modal{max-width:600px;width:90%;max-height:80vh;overflow-y:auto;padding:2rem}.about-content{margin-top:1.5rem;line-height:1.6}.about-content h2{color:#e8e2d9;margin-bottom:1rem}.about-content p{margin-bottom:1rem;color:#9b95a8}.email-link{display:inline-block;color:#d4a574;text-decoration:none;font-weight:500;margin-top:.5rem;padding:.5rem 1rem;border:1px solid #d4a574;border-radius:4px;transition:all .2s ease}.email-link:hover{background-color:#d4a57426;color:#e8c9a8}.disclaimer-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.disclaimer-modal{background:#1a1b2e;border-radius:12px;padding:2rem;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.08)}.disclaimer-modal h2{color:#e8e2d9;margin-bottom:1.5rem;font-size:1.8rem;text-align:center}.disclaimer-content{margin-bottom:2rem}.disclaimer-content>p{color:#9b95a8;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.6}.disclaimer-section{margin-bottom:1.5rem;padding:1rem;background:#13141f;border-radius:8px;border-left:4px solid #d4a574}.disclaimer-section h3{color:#e8e2d9;margin-bottom:.75rem;font-size:1.2rem}.disclaimer-section p{color:#9b95a8;line-height:1.6;margin:0 0 .75rem}.disclaimer-section p:last-child{margin-bottom:0}.important-note{margin-top:.75rem!important;padding:.75rem;background:#d4a5741a;border-left:4px solid #d4a574;border-radius:4px;color:#d4a574!important;font-weight:500}.disclaimer-footer{display:flex;flex-direction:column;gap:1rem;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06);bottom:0;background:#1a1b2e}.checkbox-container{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;color:#8b8598}.checkbox-container input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#d4a574}.checkbox-container input[type=checkbox]:checked+span,.checkbox-container:has(input:checked){color:#e8e2d9}.agree-button{padding:.75rem 2rem;background:linear-gradient(135deg,#d4a574,#c9956b);color:#1a1b2e;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.agree-button:hover:not(:disabled){box-shadow:0 4px 15px #d4a5744d;transform:translateY(-1px)}.agree-button:disabled{background:#252640;color:#8b8598;cursor:not-allowed}.character-select{display:flex;flex-direction:column;height:100%}.character-select h2{padding:1rem;margin:0;border-bottom:1px solid rgba(255,255,255,.06);color:#e8e2d9;font-size:1.25rem;flex-shrink:0;letter-spacing:.3px}.search-container{padding:1rem;border-bottom:1px solid rgba(255,255,255,.06);background:#13141f}.search-input{width:100%;padding:.75rem;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:.9rem;background:#1a1b2e;transition:border-color .2s,box-shadow .2s;color:#e8e2d9}.search-input:focus{outline:none;border-color:#d4a574;box-shadow:0 0 0 2px #d4a57433}.search-input::placeholder{color:#8b8598}.filter-container{padding:.75rem 1rem;display:flex;gap:.5rem;background:#13141f;border-bottom:1px solid rgba(255,255,255,.06)}.filter-select{flex:1;padding:.5rem 1.5rem .5rem .5rem;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:.9rem;background:#1a1b2e;color:#e8e2d9;cursor:pointer;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238b8598' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.filter-select:focus{outline:none;border-color:#d4a574}.filter-select option{background:#1a1b2e;color:#e8e2d9}.character-list{flex:1;overflow-y:auto;padding:1rem}.character-button{display:block;width:100%;padding:1rem;margin-bottom:.75rem;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:transparent;cursor:pointer;transition:all .2s;text-align:left;color:#e8e2d9}.character-button:hover{background:#ffffff08;border-color:#ffffff1f;transform:translateY(-1px)}.character-button.selected{background:#d4a57414;border-color:transparent;border-left:3px solid #d4a574;color:#e8e2d9}.character-info{display:flex;flex-direction:column;gap:.5rem}.character-info h3{margin:0;font-size:1rem;font-weight:600;color:#e8e2d9}.character-tags{display:flex;gap:.5rem;flex-wrap:wrap}.character-type{font-size:.875rem;padding:.25rem .5rem;border-radius:4px;display:inline-block}.character-era{font-size:.875rem;padding:.25rem .5rem;border-radius:4px;background:#d4a5741a;color:#d4a574;display:inline-block}.character-type.historical{background:#5eead41a;color:#5eead4}.character-type.fictional{background:#a882ff1a;color:#a882ff}.character-year-range{font-size:.875rem;padding:.25rem .5rem;border-radius:4px;background:#f472b61a;color:#f472b6;display:inline-block}.no-results{text-align:center;padding:2rem;color:#8b8598;font-style:italic}.loading-dots{display:flex;gap:4px}.loading-dots span{width:8px;height:8px;background:#d4a574;border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (max-width: 1200px){.app-main{padding:1rem}}@media (max-width: 768px){.app-main{flex-direction:column;margin-bottom:60px}.sidebar{width:100%;max-height:300px}.chat-container{height:93vh;width:93vw;align-items:center;justify-content:center;flex:none}.chat-placeholder{width:100vw}.nav-links{display:flex;gap:1rem}.nav-link,.about-button{font-size:.9rem;padding:.25rem 0}.hero-section,.features-section,.characters-section,.how-it-works,.cta-section{padding:4rem 2rem}.hero-section h1{font-size:3rem}.tagline{font-size:1.4rem}.features-grid,.character-showcase,.steps{grid-template-columns:1fr}.feature-card,.character-card,.step{padding:1.25rem}.cta-section h2{font-size:2.5rem}.cta-section p{font-size:1.2rem}.disclaimer-modal{width:95%;padding:1.5rem}.disclaimer-modal h2{font-size:1.5rem}.disclaimer-section{padding:.75rem}.important-note{padding:.5rem}.character-modal{width:100%;max-width:none;height:100%;max-height:none;border-radius:0}.character-modal-content{padding:1rem;gap:1rem}.character-option{padding:1.5rem;margin-bottom:.5rem}.character-info h3{font-size:1.3rem}.character-info p{font-size:1rem}.character-tags{gap:.5rem}}.desktop-only{display:none}@media (min-width: 768px){.desktop-only{display:block}}.how-it-works{padding:6rem 4rem;background:#13141f;width:100%}.how-it-works h2{text-align:center;font-size:3rem;margin-bottom:3rem;color:#e8e2d9;font-weight:700;letter-spacing:.5px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;max-width:1400px;margin:0 auto}.step{text-align:center;padding:3rem;background:#ffffff08;border-radius:20px;box-shadow:0 10px 30px #0003;transition:all .3s ease;border:1px solid rgba(255,255,255,.06)}.step:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d;border-color:#ffffff1f}.step-number{width:60px;height:60px;background:linear-gradient(135deg,#d4a574,#c9956b);color:#1a1b2e;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-weight:700;font-size:1.5rem;box-shadow:0 4px 15px #d4a5744d}.step h3{color:#f0ebe4;margin-bottom:1rem;font-size:1.8rem;font-weight:600;letter-spacing:.3px}.step p{color:#9b95a8;line-height:1.8;font-size:1.1rem}.cta-section{text-align:center;padding:8rem 4rem;background:linear-gradient(135deg,#0f1117,#1a1b2e);color:#e8e2d9;position:relative;overflow:hidden;width:100%}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.08' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.5}.cta-section h2{font-size:3.5rem;margin-bottom:1.5rem;font-weight:700;letter-spacing:.5px;background:linear-gradient(135deg,#d4a574,#f5e6d3,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;z-index:2}.cta-section p{margin-bottom:3rem;font-size:1.4rem;opacity:.85;font-weight:300;max-width:600px;margin-left:auto;margin-right:auto;color:#c4bdb4;position:relative;z-index:2}.cta-section .cta-button{position:relative;z-index:2}.hero-stats{display:flex;justify-content:center;gap:3rem;margin:2.5rem 0 3rem;position:relative;z-index:2}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.hero-stat-number{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#d4a574,#c9956b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-stat-label{font-size:.95rem;opacity:.7;font-weight:400;letter-spacing:.5px;text-transform:uppercase;color:#8b8598}.step-icon{font-size:2.5rem;color:#d4a574;margin-bottom:1rem}.character-card .character-era{display:inline-block;margin-top:.75rem;font-size:.8rem;padding:.3rem .75rem;border-radius:20px;background:#d4a5741a;color:#d4a574;font-weight:500}.character-era--fictional{background:#a882ff1a!important;color:#a882ff!important}.welcome-message{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 2rem;max-width:600px;margin:0 auto}.welcome-message h3{font-size:1.5rem;color:#e8e2d9;margin-bottom:1rem;font-weight:700;letter-spacing:.3px}.welcome-message .character-description{margin-bottom:1.5rem}.welcome-message .character-description p{color:#8b8598;line-height:1.7;font-size:.95rem}.welcome-message>p{color:#8b8598;font-size:.9rem;margin-bottom:1rem}.conversation-starters{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:400px}.starter-button{padding:.75rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;color:#8b8598;font-size:.9rem;cursor:pointer;transition:all .2s;text-align:left;font-weight:400}.starter-button:hover{background:#d4a5740d;border-color:#d4a5744d;color:#e8e2d9;transform:translate(4px);box-shadow:0 0 15px #d4a57414}.message-content p{margin:0 0 .5rem}.message-content p:last-child{margin-bottom:0}.user-message .message-content p{margin:0}.card-name{color:#e8e2d9}.character-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.character-modal{background:#1a1b2e;border-radius:12px;width:90%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0006}.character-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.character-modal-header h2{color:#e8e2d9;margin:0;font-size:1.25rem}.close-modal{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#8b8598;padding:.5rem;line-height:1;transition:color .2s ease}.close-modal:hover{color:#e8e2d9}.character-modal-search{padding:1rem 1.5rem;background:#13141f;border-bottom:1px solid rgba(255,255,255,.06)}.character-modal-filters{padding:.75rem 1.5rem;display:flex;gap:.5rem;background:#13141f;border-bottom:1px solid rgba(255,255,255,.06)}.character-modal-content{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.character-option{padding:1.5rem;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#ffffff05;cursor:pointer;transition:all .2s}.character-option:hover{border-color:#ffffff26;background:#ffffff0a}.character-option.selected{border-color:#d4a574;background:#d4a5740f}.character-option .character-info h3{color:#e8e2d9}.character-option .character-info p{color:#9b95a8}@media (max-width: 768px){.hero-stats{gap:1.5rem}.hero-stat-number{font-size:1.8rem}.hero-stat-label{font-size:.8rem}.conversation-starters{max-width:100%}}button{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0f1117}::-webkit-scrollbar-thumb{background:#252640;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#353650}.landing-nav{position:absolute;top:0;left:0;right:0;z-index:100;padding:1.25rem 4rem}.landing-nav-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.landing-nav-logo{font-size:1.5rem;font-weight:700;color:#d4a574;text-decoration:none}.landing-nav-links{display:flex;gap:2rem;align-items:center}.landing-nav-links a{color:#9b95a8;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s}.landing-nav-links a:hover{color:#e8e2d9}.landing-nav-cta{background:linear-gradient(135deg,#d4a574,#c9956b)!important;color:#1a1b2e!important;padding:.5rem 1.25rem;border-radius:8px;font-weight:600!important;transition:transform .2s,box-shadow .2s!important}.landing-nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px #d4a5744d}.more-characters-link{display:inline-block;margin-top:.75rem;color:#1a1b2e;font-weight:600;font-size:.9rem;text-decoration:none;padding:.4rem 1rem;border:1px solid rgba(0,0,0,.2);border-radius:6px;transition:all .2s}.more-characters-link:hover{background:#0000001a}.how-it-works-link{text-align:center;margin-top:2.5rem}.how-it-works-link a{color:#d4a574;text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s;border-bottom:1px solid transparent}.how-it-works-link a:hover{border-bottom-color:#d4a574}.about-cta-button{display:inline-flex;align-items:center;padding:1rem 2.5rem;background:linear-gradient(135deg,#d4a574,#c9956b);color:#1a1b2e;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px #d4a5744d}.about-cta-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #d4a57466}@media (max-width: 768px){.landing-nav{padding:1rem 1.5rem}.landing-nav-links{gap:1rem}.landing-nav-links a{font-size:.85rem}.landing-nav-cta{padding:.4rem 1rem}}.chars-page{width:100%;min-height:100vh;background:#0f1117;display:flex;flex-direction:column;position:relative}.chars-hero{text-align:center;padding:8rem 4rem 4rem;background:linear-gradient(180deg,#0f1117,#1a1b2e);width:100%}.chars-hero h1{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#d4a574,#e8e2d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.chars-hero p{color:#9b95a8;font-size:1.2rem;max-width:600px;margin:0 auto}.chars-filters{display:flex;gap:1rem;max-width:900px;margin:0 auto;padding:2rem 4rem 0;flex-wrap:wrap}.chars-filters input,.chars-filters select{padding:.75rem 1rem;background:#1a1b2e;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#e8e2d9;font-size:.95rem;font-family:inherit;transition:border-color .2s}.chars-filters input{flex:2;min-width:200px}.chars-filters select{flex:1;min-width:140px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239b95a8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1em;padding-right:2.5rem}.chars-filters input:focus,.chars-filters select:focus{outline:none;border-color:#d4a574;box-shadow:0 0 0 2px #d4a57426}.chars-filters input::placeholder{color:#5a5468}.chars-count{text-align:center;color:#5a5468;font-size:.9rem;padding:1.5rem 4rem 0}.chars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;padding:2rem 4rem}.chars-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:1.5rem;transition:all .3s;display:flex;flex-direction:column}.chars-card:hover{border-color:#d4a57433;transform:translateY(-3px)}.chars-card h3{color:#e8e2d9;font-size:1.15rem;font-weight:600;margin-bottom:.5rem}.chars-card-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.75rem}.chars-card-tags .tag-type{font-size:.75rem;padding:.2rem .6rem;border-radius:4px;font-weight:500}.chars-card-tags .tag-historical{background:#5eead41a;color:#5eead4}.chars-card-tags .tag-fictional{background:#a882ff1a;color:#a882ff}.chars-card-tags .tag-era{font-size:.75rem;padding:.2rem .6rem;border-radius:4px;background:#d4a5741a;color:#d4a574}.chars-card-tags .tag-year{font-size:.75rem;padding:.2rem .6rem;border-radius:4px;background:#f472b61a;color:#f472b6}.chars-card p{color:#8b8598;font-size:.88rem;line-height:1.55;flex:1;margin-bottom:1rem}.chars-card-cta{display:inline-block;text-align:center;padding:.5rem 1rem;background:linear-gradient(135deg,#d4a574,#c9956b);color:#1a1b2e;text-decoration:none;border-radius:8px;font-size:.85rem;font-weight:600;transition:all .2s}.chars-card-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px #d4a5744d}.chars-cta{text-align:center;padding:5rem 4rem;background:linear-gradient(180deg,#13141f,#0f1117);width:100%}.chars-cta h2{font-size:2.5rem;color:#e8e2d9;margin-bottom:1rem;font-weight:700}.chars-cta p{color:#9b95a8;margin-bottom:2rem;font-size:1.1rem}@media (max-width: 1024px){.chars-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.chars-hero{padding:5rem 2rem 3rem}.chars-hero h1{font-size:2.5rem}.chars-filters{padding:1.5rem 1.5rem 0;flex-direction:column}.chars-grid{grid-template-columns:1fr;padding:1.5rem}.chars-count{padding:1rem 1.5rem 0}.chars-cta{padding:3rem 2rem}}.site-footer{background:#0a0b10;border-top:1px solid rgba(255,255,255,.06);padding:4rem 4rem 2rem;width:100%}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;gap:4rem;margin-bottom:3rem}.footer-brand h3{color:#d4a574;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.footer-brand p{color:#8b8598;font-size:.95rem}.footer-links{display:flex;gap:4rem}.footer-col{display:flex;flex-direction:column;gap:.5rem}.footer-col h4{color:#e8e2d9;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.footer-col a{color:#8b8598;text-decoration:none;font-size:.9rem;transition:color .2s}.footer-col a:hover{color:#d4a574}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:2rem;text-align:center}.footer-bottom p{color:#5a5468;font-size:.85rem}.hiw-hero{text-align:center;padding:8rem 4rem 4rem;background:linear-gradient(180deg,#0f1117,#1a1b2e);width:100%}.hiw-hero h1{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#d4a574,#e8e2d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;letter-spacing:-.5px}.hiw-hero p,.hiw-hero-subtitle{color:#9b95a8;font-size:1.2rem;max-width:600px;margin:0 auto}.hiw-section{padding:5rem 4rem;width:100%}.hiw-section:nth-child(odd){background:#0f1117}.hiw-section:nth-child(2n){background:#13141f}.hiw-section h2{text-align:center;font-size:2.2rem;color:#e8e2d9;margin-bottom:3rem;font-weight:700}.hiw-section-intro{color:#9b95a8;font-size:1.05rem;line-height:1.7;max-width:700px;margin:-1rem auto 2.5rem;text-align:center}.hiw-tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1100px;margin:0 auto}.hiw-tech-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.hiw-tech-card:hover{border-color:#d4a57433;transform:translateY(-4px)}.hiw-tech-icon{font-size:2.5rem;color:#d4a574;margin-bottom:1rem}.hiw-tech-card h3{color:#e8e2d9;font-size:1.2rem;margin-bottom:.75rem;font-weight:600}.hiw-tech-card p{color:#9b95a8;font-size:.95rem;line-height:1.6}.hiw-timeline{max-width:700px;margin:0 auto;position:relative}.hiw-timeline-step{display:flex;gap:1.5rem;margin-bottom:2.5rem;position:relative}.hiw-timeline-step:not(:last-child) .hiw-timeline-marker:after{content:"";position:absolute;top:40px;left:50%;transform:translate(-50%);width:2px;height:calc(100% + 2.5rem - 40px);background:linear-gradient(180deg,#d4a574,#d4a57433)}.hiw-timeline-marker{width:40px;height:40px;min-width:40px;background:#d4a574;color:#0f1117;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;box-shadow:0 0 12px #d4a57466;position:relative;z-index:1}.hiw-timeline-content{flex:1;padding-top:.4rem}.hiw-timeline-content h3{color:#d4a574;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.hiw-timeline-content p{color:#9b95a8;font-size:.95rem;line-height:1.6}.hiw-authenticity-columns{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1000px;margin:0 auto;align-items:center}.hiw-auth-text h3{color:#e8e2d9;font-size:1.3rem;margin-bottom:1rem}.hiw-auth-text p{color:#9b95a8;line-height:1.7;margin-bottom:1rem;font-size:.95rem}.hiw-auth-example{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden}.hiw-auth-example-header{background:#d4a5741a;color:#d4a574;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:.75rem 2rem;border-bottom:1px solid rgba(255,255,255,.06)}.hiw-auth-example-body{padding:2rem}.hiw-auth-example h4{color:#d4a574;font-size:1.1rem;margin-bottom:.5rem}.hiw-auth-meta{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.hiw-auth-meta span{font-size:.8rem;padding:.25rem .6rem;border-radius:6px;background:#5eead41a;color:#5eead4}.hiw-auth-snippet,.hiw-auth-example p{color:#8b8598;font-size:.9rem;line-height:1.6;font-style:italic}.hiw-stack{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;max-width:800px;margin:0 auto}.hiw-stack-badge{padding:.6rem 1.2rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#e8e2d9;font-size:.9rem;font-weight:500}.hiw-faq{max-width:800px;margin:0 auto}.hiw-faq-item{border-bottom:1px solid rgba(255,255,255,.06);padding:1.5rem 0}.hiw-faq-item h3{color:#e8e2d9;font-size:1.05rem;font-weight:600;margin-bottom:.5rem}.hiw-faq-item p{color:#9b95a8;font-size:.95rem;line-height:1.6}.hiw-faq-item h4{color:#e8e2d9;font-size:1.05rem;font-weight:600;margin:0}.hiw-faq-question{display:flex;justify-content:space-between;align-items:center;color:#9b95a8}.hiw-faq-answer{color:#9b95a8;font-size:.95rem;line-height:1.6;margin-top:.75rem}.hiw-faq-item--open{border-bottom-color:#d4a57433}.how-it-works-page,.about-page{width:100%;min-height:100vh;background:#0f1117;display:flex;flex-direction:column;position:relative}.hiw-cta{text-align:center;padding:6rem 4rem;background:linear-gradient(180deg,#13141f,#0f1117);width:100%}.hiw-cta h2{font-size:2.5rem;color:#e8e2d9;margin-bottom:1rem;font-weight:700}.hiw-cta p{color:#9b95a8;margin-bottom:2rem;font-size:1.1rem}.about-hero{text-align:center;padding:8rem 4rem 4rem;background:linear-gradient(180deg,#0f1117,#1a1b2e);width:100%}.about-hero h1{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#d4a574,#e8e2d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;letter-spacing:-.5px}.about-hero p,.about-hero-subtitle{color:#9b95a8;font-size:1.2rem}.about-vision,.about-creator,.about-stats,.about-characters,.about-values,.about-community{padding:5rem 4rem;width:100%}.about-vision{background:#0f1117}.about-creator{background:#13141f}.about-stats{background:#0f1117}.about-characters{background:#13141f}.about-values{background:#0f1117}.about-community{background:#13141f}.about-vision h2,.about-creator h2,.about-stats h2,.about-characters h2,.about-values h2,.about-community h2{text-align:center;font-size:2.2rem;color:#e8e2d9;margin-bottom:2rem;font-weight:700}.about-vision-text{max-width:800px;margin:0 auto}.about-vision-text p{color:#9b95a8;font-size:1.05rem;line-height:1.8;margin:0 auto 1.5rem;text-align:center}.about-vision p{color:#9b95a8;font-size:1.05rem;line-height:1.8;max-width:800px;margin:0 auto 1.5rem;text-align:center}.about-creator-content{max-width:700px;margin:0 auto;text-align:center}.about-creator-content p,.about-creator p{color:#9b95a8;font-size:1rem;line-height:1.7;margin-bottom:1rem}.about-creator-link{display:inline-block;color:#d4a574;text-decoration:none;font-weight:600;padding:.6rem 1.5rem;border:1px solid #d4a574;border-radius:8px;transition:all .2s;margin-top:.5rem}.about-creator-link:hover{background:#d4a5741a}.about-stats{display:flex;justify-content:center;gap:4rem;flex-wrap:wrap;max-width:800px;margin:0 auto}.about-stat{text-align:center}.about-stat-value{display:block;font-size:2.5rem;font-weight:800;color:#d4a574}.about-stat-label{color:#8b8598;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.about-characters-intro{color:#9b95a8;font-size:1.05rem;line-height:1.7;text-align:center;max-width:700px;margin:-.5rem auto 2rem}.about-characters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:900px;margin:0 auto}.about-char-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:2rem;text-align:center;transition:all .3s}.about-char-card:hover{border-color:#d4a57433}.about-char-icon{font-size:2.5rem;color:#d4a574;margin-bottom:1rem}.about-char-card h3{color:#e8e2d9;font-size:1.2rem;margin-bottom:.75rem}.about-char-card p{color:#9b95a8;font-size:.95rem;line-height:1.6}.about-values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1100px;margin:0 auto}.about-value-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:2rem;text-align:center;transition:all .3s}.about-value-card:hover{border-color:#d4a57433;transform:translateY(-4px)}.about-value-icon{font-size:2.5rem;color:#d4a574;margin-bottom:1rem}.about-value-card h3{color:#e8e2d9;font-size:1.2rem;margin-bottom:.75rem}.about-value-card p{color:#9b95a8;font-size:.95rem;line-height:1.6}.about-community{text-align:center}.about-community p{color:#9b95a8;font-size:1rem;line-height:1.7;margin-bottom:1rem;max-width:700px;margin-left:auto;margin-right:auto}.about-cta{text-align:center;padding:6rem 4rem;background:linear-gradient(180deg,#13141f,#0f1117);width:100%}.about-cta h2{font-size:2.5rem;color:#e8e2d9;margin-bottom:1rem;font-weight:700}.about-cta p{color:#9b95a8;margin-bottom:2rem;font-size:1.1rem}@media (max-width: 768px){.hiw-hero,.about-hero{padding:4rem 2rem 3rem}.hiw-hero h1,.about-hero h1{font-size:2.5rem}.hiw-section,.about-vision,.about-creator,.about-stats,.about-characters,.about-values,.about-community{padding:3rem 1.5rem}.hiw-authenticity-columns{grid-template-columns:1fr}.about-stats{gap:2rem}.footer-content{flex-direction:column;gap:2rem}.footer-links{gap:2rem}.site-footer{padding:3rem 2rem 1.5rem}}