:root{line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#e63946;text-decoration:inherit}a:hover{color:#c1121f}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif!important}body{margin:0;padding:0;min-width:320px;width:100%;font-family:Roboto,sans-serif!important}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#e63946}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.contact-form{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#f6f7fb}.contact-form form{width:100%;max-width:420px;background:#fff;padding:2.5rem 2rem;border-radius:14px;box-shadow:0 10px 30px #00000014;display:flex;flex-direction:column;gap:1.4rem}.contact-form h2{margin-bottom:.5rem;font-size:1.6rem;font-weight:600;text-align:center;color:#1f2937}.contact-form div{display:flex;flex-direction:column;gap:.4rem}.contact-form label{font-size:.85rem;font-weight:500;color:#374151}.contact-form input{padding:.7rem .8rem;border-radius:8px;border:1px solid #d1d5db;font-size:.95rem;transition:all .2s ease;background-color:#d1d5db}.contact-form input:focus{outline:none;border-color:#c97d66;box-shadow:0 0 0 3px #6366f126}.contact-form button{margin-top:1rem;padding:.85rem;border-radius:10px;border:none;cursor:pointer;font-size:1rem;font-weight:600;background:#c97d66;color:#fff;transition:transform .15s ease,box-shadow .15s ease}.contact-form button:hover{transform:translateY(-1px);box-shadow:0 6px 14px #6366f159}.contact-form button:active{transform:translateY(0);box-shadow:0 3px 8px #6366f14d}.contact-form button:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none}@media(max-width:480px){.contact-form form{padding:2rem 1.5rem}}.personality-step{max-width:1000px;margin:0 auto;padding:3rem 1.5rem 4rem;text-align:center}.personality-step h2{font-size:2.2rem;font-weight:700;margin-bottom:.5rem;color:#1f2937;letter-spacing:.02em}.word-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-bottom:2.5rem}.word-btn{position:relative;padding:.85rem .8rem;border-radius:14px;border:1px solid #e5e7eb;background:#fff;font-size:.95rem;font-weight:500;color:#374151;cursor:pointer;transition:all .18s ease;box-shadow:0 1px 3px #0000000d}.word-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px #00000014;border-color:#c7d2fe}.word-btn.active{background-color:#c97d66;color:#fff;border-color:transparent;box-shadow:0 10px 22px #6366f159}.word-btn.active:after{content:"✓";position:absolute;top:8px;right:10px;font-size:.85rem;opacity:.9}.actions{display:flex;justify-content:center;margin-top:2rem}.continue-btn{padding:.9rem 2.8rem;border-radius:999px;border:none;background:#c97d66;color:#fff;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.02em}.continue-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #6366f159}.continue-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}@media(max-width:600px){.personality-step h2{font-size:1.8rem}.word-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.results-page{max-width:1100px;margin:0 auto;padding:3rem 1.5rem 4rem;text-align:center}.results-note{margin-bottom:3rem}.results-note h3{font-size:1.45rem;font-weight:600;margin-bottom:1rem;letter-spacing:.02em;position:relative;padding-left:1.2rem}.results-note h3:before{content:"";position:absolute;left:0;top:.2em;height:1.1em;width:4px;background:#c97d66;border-radius:2px}.results-note p{margin:0;margin-bottom:.5rem;color:#3f4a3f;line-height:1.75;font-size:1.05rem}.results-note ul{display:flex;flex-direction:column;list-style:none;flex-wrap:wrap;gap:.75rem;padding:0;margin:0}.results-note li{padding:.45rem .95rem;border-radius:999px;background:#c97d661a;color:#c97d66;font-size:.95rem;box-shadow:inset 0 0 0 1px #5c7f5a2e,0 2px 6px #0000000d;transition:all .25s ease}.results-note li::marker{color:#7fa67c}.results-title{font-size:2.4rem;font-weight:700;margin-bottom:1rem;color:#1f2937;display:flex;align-items:center;justify-content:center}.element-icon{height:70px;margin-right:12px}.results-title span{text-transform:uppercase}.results-description{max-width:720px;margin:0 auto 2.5rem;font-size:1.05rem;line-height:1.6;color:#4b5563}.chart-wrapper{max-width:500px;margin:0 auto 3rem}.element-details{margin-top:4rem;margin-bottom:6rem;max-width:820px;margin-left:auto;background:#f9fafb;margin-right:auto;padding:2.5rem 2.8rem;border-radius:18px;box-shadow:0 12px 40px #0000000f}.cta-box{padding:2.5rem 2rem;border-radius:20px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}.cta-box h3{font-size:1.5rem;margin-bottom:.5rem}.cta-box p{color:#6b7280;margin-bottom:1.5rem}.contact-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:.85rem 1.6rem;border-radius:999px;font-weight:600;font-size:1.3rem;background:#c97d66;border:none;color:#fff;cursor:pointer;transition:all .2s ease;min-width:500px;margin-bottom:1.5rem}.contact-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #6366f159;border:none;color:#fff}.contact-btn-description{font-size:1rem;color:#fff}.telegram-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.85rem 1.6rem;border-radius:999px;font-weight:600;font-size:1rem;color:#fff;background:linear-gradient(135deg,#229ed9,#08c);text-decoration:none;transition:all .2s ease}.telegram-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0088cc73;color:#fff}.telegram-icon svg{margin-top:5px;width:20px;height:20px;fill:#fff}.element-fire{color:#ef4444}.element-earth{color:#a16207}.element-metal{color:#6b7280}.element-water{color:#2563eb}.element-wood{color:#16a34a}.accordion{display:flex;flex-direction:column;gap:1rem}.accordion-item{border-radius:14px;background:#f8f6f4;box-shadow:0 6px 18px #0000000f;overflow:hidden;transition:box-shadow .3s ease}.accordion-item[open]{box-shadow:0 10px 26px #0000001a}.accordion-header{list-style:none;cursor:pointer;display:flex;align-items:center;gap:1rem;padding:1.3rem 1.5rem;font-weight:600;font-size:1rem;background:linear-gradient(135deg,#fff,#f1ede9)}.accordion-header::-webkit-details-marker{display:none}.accordion-index{font-size:.9rem;color:#b08a6f;font-weight:700}.accordion-title{flex:1}.accordion-content{padding:1.4rem 1.6rem 1.6rem;font-size:.95rem;line-height:1.6;text-align:justify;color:#3a3a3a}.accordion-content p{margin-bottom:.8rem}.accordion-content ul{display:flex;flex-direction:column;list-style:none;flex-wrap:wrap;gap:.75rem;padding:0;margin:0}.accordion-content li{padding:.45rem .95rem;border-radius:999px;background:#c97d661a;color:#c97d66;font-size:.95rem;box-shadow:inset 0 0 0 1px #5c7f5a2e,0 2px 6px #0000000d;transition:all .25s ease}.accordion-cta{margin-top:1rem;font-weight:600;color:#6b4f3f}.options-section{margin-top:4rem;margin-bottom:6rem;max-width:820px;margin-left:auto;background:#f9fafb;margin-right:auto;padding:2.5rem 2.8rem;border-radius:18px;box-shadow:0 12px 40px #0000000f;text-align:center}.result-section{margin-bottom:3rem}.result-section h3{font-size:1.45rem;font-weight:600;margin-bottom:1rem;letter-spacing:.02em;position:relative;padding-left:1.2rem}.result-section h3:before{content:"";position:absolute;left:0;top:.2em;height:1.1em;width:4px;background:#c97d66;border-radius:2px}.result-section p{margin:0;color:#3f4a3f;line-height:1.75;font-size:1.05rem}.result-section ul{list-style:none;padding-left:0;margin:0}.result-section li{margin-bottom:.55rem;color:#3f4a3f;line-height:1.65;position:relative}.result-section li::marker{color:#7fa67c}.highlight-question{margin:3rem 0;padding:1.6rem 2rem;background:linear-gradient(135deg,#eef4ec,#f8fbf7);border-radius:14px;box-shadow:inset 0 0 0 1px #5c7f5a2e;font-style:italic;color:#355f3b;font-size:1.08rem;line-height:1.7}.long-text{margin-top:2.5rem;font-size:1.06rem;line-height:1.8;color:#3a453a}.result-section:not(:last-child){border-bottom:1px solid rgba(0,0,0,.06);padding-bottom:2.5rem}#organs ul{display:flex;flex-wrap:wrap;gap:.75rem;padding:0;margin:0;justify-content:center}#organs li{padding:.45rem .95rem;border-radius:999px;background:#c97d661a;color:#c97d66;font-size:.95rem;width:fit-content;font-weight:700;box-shadow:inset 0 0 0 1px #5c7f5a2e,0 2px 6px #0000000d;transition:all .25s ease}#organs li:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #5c7f5a2e,0 8px 20px #0000001a}@media(max-width:720px){.element-details{padding:2rem 1.6rem}.result-section h3{font-size:1.3rem}.result-section p,.long-text{font-size:1rem}}.footer{background-color:#c97d66;color:#fff;padding:0;font-size:.95rem}.footer-content{display:flex;flex-direction:column}.footer-top{background-color:#c97d66;padding:.75rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid #ffffff}.footer-top div{display:flex;align-items:center;gap:1rem}.footer-top a{color:#fff;text-decoration:none;transition:color .3s ease;display:flex;align-items:center;gap:.5rem}.footer-top a:hover{color:#fff}.footer-top i{font-size:1rem}.footer-bottom{text-align:center;padding:2rem;background-color:#c97d66}.footer-bottom p{margin:.5rem 0}.footer-credit{font-size:.85rem;color:#fff;margin-top:.5rem!important}.footer-credit a{color:#04f;text-decoration:none;transition:color .3s ease}.footer-credit a:hover{color:#04f;text-decoration:underline}@media(max-width:768px){.footer-top{flex-direction:column;text-align:center;padding:1rem}.footer-top div{width:100%;justify-content:center}.footer-bottom{padding:1.5rem 1rem}}@media(max-width:480px){.footer-top{padding:.75rem;font-size:.85rem}.footer-top div{flex-direction:column;gap:.5rem}.footer-top a{font-size:.8rem}.footer-bottom{padding:1rem}.footer-bottom p{font-size:.85rem}.footer-credit{font-size:.75rem}}.navbar{background-color:#c97d66;padding:1rem 2rem;display:flex;justify-content:space-around;align-items:center;gap:2rem;flex-wrap:wrap}.navbar .logo{font-size:1.5rem;font-weight:700;height:auto;width:220px;object-fit:contain;flex-shrink:0}.navbar .links{display:flex;align-items:center;gap:2rem;flex:1;margin-left:2rem}@media(max-width:1024px){.navbar .links{gap:1.5rem;margin-left:1rem}.navbar a{font-size:.95rem}}@media(max-width:768px){.navbar{padding:1rem;gap:1rem;flex-wrap:wrap}.navbar .logo{height:50px}.navbar .links{flex-basis:100%;gap:1rem;margin-left:0;order:3;justify-content:center}.navbar .links a{font-size:.9rem}.navbar .btn{flex-basis:100%;order:4;width:100%}}@media(max-width:480px){.navbar{padding:.75rem;gap:.5rem}.navbar .logo{height:40px}.navbar .links{gap:.75rem;font-size:.85rem}.navbar .links a{font-size:.8rem}.navbar .btn{padding:.5rem 1rem;font-size:.85rem}}.navbar a{color:#000;text-decoration:none;font-weight:700;transition:color .3s ease;cursor:pointer;position:relative}.navbar a:hover{color:#e63946;transform:translateY(-2px)}.navbar a.active{color:#e63946}.navbar .dropdown{position:relative}.navbar .dropdown ul{position:absolute;top:100%;left:0;background-color:#242424;list-style:none;padding:.5rem 0;margin-top:.5rem;border:1px solid #333;border-radius:4px;display:none;min-width:200px}.navbar .dropdown:hover ul{display:block}.navbar .dropdown li{padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease}.navbar .dropdown li:hover{background-color:#333;color:#e63946}.navbar .btn{background-color:#e63946;color:#fff;border:none;padding:.6rem 1.5rem;border-radius:4px;cursor:pointer;transition:all .3s ease;font-weight:600}.navbar .btn:hover{background-color:#01004b;transform:translateY(-2px);box-shadow:0 8px 16px #0003}.navbar-right{display:flex;align-items:center;gap:1rem}@media(max-width:768px){.navbar-right{order:2;gap:.5rem}}.language-selector{display:flex;align-items:center;scale:1.5}.language-selector .flag-select{background:transparent;border:none;cursor:pointer}.language-selector .flag-select button{background:transparent;border:none;padding:5px;cursor:pointer;border-radius:4px;transition:background-color .3s ease}.language-selector .flag-select button:hover{background-color:#ffffff1a}.language-selector .flag-select__options{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:1000;max-height:200px;overflow-y:auto}.language-selector .flag-select__option{padding:8px 12px;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:8px}.language-selector .flag-select__option:hover{background-color:#0000000d}.language-selector .flag-select__option--selected{background-color:#e639461a}
