:root{--primary:#0f051d;--secondary:#1e0b36;--accent:#e0c097;--accent-light:#f2d8ab;--accent-dark:#7a4b94;--text-primary:#ffe3c0;--text-secondary:#d4c4e2;--danger:#ff6b6b;--danger-bg:#ff6b6b14;--success:#28a745;--success-bg:#28a7451a;--card-bg:#1e0b36a6;--border-color:#e0c09726;--glow-color:#e0c09733}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background:radial-gradient(circle,#220b38 0%,#0f051d 100%) fixed;min-height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-size:109%;line-height:1.6;overflow-x:hidden}body:before{content:"";opacity:.12;z-index:-1;pointer-events:none;background-image:radial-gradient(#fff,#fff3 2px,#0000 40px),radial-gradient(#fff,#ffffff26 1px,#0000 30px),radial-gradient(#fff,#ffffff1a 2px,#0000 40px);background-position:0 0,40px 60px,130px 270px;background-size:550px 550px,350px 350px,250px 250px;width:100%;height:100%;position:fixed;top:0;left:0}a{color:inherit;text-decoration:none}.container{flex-direction:column;width:90%;max-width:1280px;min-height:100vh;margin:0 auto;padding:24px 0;display:flex;position:relative}.app-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f051dcc;border:1px solid #e0c0971f;border-radius:50px;justify-content:space-between;align-items:center;width:100%;margin-bottom:30px;padding:16px 24px;display:flex;box-shadow:0 4px 30px #0000004d,0 0 15px #e0c0970d}.logo-container{align-items:center;gap:12px;display:flex}.logo-text{color:var(--accent);letter-spacing:2px;text-transform:none;text-shadow:0 0 10px #e0c0974d;font-family:Outfit,sans-serif;font-size:26px;font-weight:700}.logo-sub{color:#fff}.lang-toggle-btn{color:var(--accent);border:1px solid var(--accent);cursor:pointer;background:#1e0b36cc;border-radius:25px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .3s;box-shadow:0 0 8px #e0c0971a}.lang-toggle-btn:hover{background:var(--accent);color:var(--primary);box-shadow:0 0 15px #e0c09766}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:20px;margin-bottom:24px;padding:28px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006,inset 0 1px #ffffff0d}.glass-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.3;width:100%;height:3px;position:absolute;top:0;left:0}.glass-card:hover{border-color:#e0c09759;box-shadow:0 15px 40px #00000080,0 0 20px #e0c09714}.responsive-grid{grid-template-columns:1fr;gap:30px;width:100%;display:grid}@media (width>=900px){.responsive-grid{grid-template-columns:1.1fr .9fr}.responsive-grid-equal{grid-template-columns:1fr 1fr}.results-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1200px){.results-grid{grid-template-columns:repeat(3,1fr)}}.btn{background:linear-gradient(135deg, var(--accent), var(--accent-light));color:var(--primary);letter-spacing:1px;cursor:pointer;border:1px solid #e0c09766;border-radius:30px;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 15px #0003,0 0 10px #e0c09733}.btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #e0c09780,0 0 15px #e0c0974d}.btn:active:not(:disabled){transform:translateY(0)}.btn-secondary{color:var(--accent);border:1px solid var(--accent-dark);background:#1e0b3680}.btn-secondary:hover:not(:disabled){border-color:var(--accent);background:#1e0b36cc;box-shadow:0 0 15px #7a4b944d}.title{text-align:center;color:var(--accent);letter-spacing:2px;text-shadow:0 2px 10px #00000080;margin-bottom:12px;font-family:Cinzel,serif;font-size:38px;font-weight:800}.subtitle{color:var(--text-secondary);text-align:center;letter-spacing:.5px;margin-bottom:30px;font-size:16px;font-weight:400}.form-group{margin-bottom:24px}.form-label{color:var(--accent);letter-spacing:.5px;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-input-container{background:#0f051db3;border:1px solid #e0c09733;border-radius:14px;align-items:center;padding:0 20px;transition:all .3s;display:flex}.form-input-container:focus-within{border-color:var(--accent);background:#0f051de6;box-shadow:0 0 15px #e0c09740}.form-input-container.error{border-color:var(--danger);box-shadow:0 0 15px #ff6b6b33}.form-input{width:100%;color:var(--text-primary);background:0 0;border:none;padding:16px 0;font-size:16px}.form-input:focus{outline:none}.form-input-icon{color:var(--accent);margin-right:14px}.form-textarea{resize:vertical;align-self:flex-start;min-height:100px;padding-top:14px}.error-text{color:var(--danger);margin-top:6px;padding-left:4px;font-size:12px}.page-header{border-bottom:1px solid #e0c0971a;justify-content:center;align-items:center;width:100%;margin-bottom:30px;padding:10px 0;display:flex;position:relative}.sub-back-btn{color:var(--accent);cursor:pointer;background:#1e0b36cc;border:1px solid #e0c09733;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .3s;display:flex;position:absolute;left:0}.sub-back-btn:hover{background:var(--accent);color:var(--primary);border-color:var(--accent);box-shadow:0 0 10px #e0c0974d}.page-header-title{color:var(--accent);letter-spacing:1px;font-family:Cinzel,serif;font-size:26px;font-weight:700}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}to{opacity:.8;transform:scale(1)}}.animate-pulse{animation:2s ease-in-out infinite pulse}@keyframes scan-vertical{0%{top:0%}50%{top:100%}to{top:0%}}.scanner-beam{background:linear-gradient(90deg, transparent, var(--accent), transparent);height:4px;box-shadow:0 0 15px var(--accent);z-index:10;animation:4s linear infinite scan-vertical;position:absolute;left:0;right:0}.modal-overlay{z-index:1000;background:#0a0314ed;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-card{border:1.5px solid var(--accent);text-align:center;background:#1e0b36;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:30px;display:flex;box-shadow:0 10px 40px #000c,0 0 25px #e0c09733}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.home-row{grid-template-columns:1.45fr .75fr;gap:24px;width:100%;margin-bottom:24px;display:grid}.home-row-bottom{grid-template-columns:1fr 1.2fr;gap:24px;width:100%;display:grid}@media (width<=900px){.home-row,.home-row-bottom{grid-template-columns:1fr}}.home-grid{grid-template-columns:repeat(12,1fr);gap:16px;width:100%;display:grid}.hero-card{grid-column:span 7}.carousel-card,.foot-reading-card{grid-column:span 5}.consultations-card{grid-column:span 7}@media (width<=900px){.home-grid{grid-template-columns:1fr;gap:16px}.hero-card{order:1;grid-column:span 1}.foot-reading-card{order:2;grid-column:span 1}.carousel-card{order:3;grid-column:span 1}.consultations-card{order:4;grid-column:span 1}}.info-toggle-btn{color:var(--accent);cursor:pointer;background:0 0;border:1px solid #e0c09780;border-radius:25px;margin-right:12px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .3s}.info-toggle-btn:hover{border-color:var(--accent);background:#e0c0971a}.tabs-selector{background:#0f051d66;border:1px solid #e0c0971a;border-radius:30px;justify-content:center;gap:12px;width:fit-content;margin-bottom:24px;margin-left:auto;margin-right:auto;padding:6px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:20px;padding:8px 24px;font-size:13.5px;font-weight:600;transition:all .3s}.tab-btn.active{background:var(--accent-dark);color:#fff;box-shadow:0 4px 15px #7a4b944d}.foot-score-card{border:1px solid var(--border-color);background:#1e0b3673;border-radius:20px;justify-content:space-around;align-items:center;margin-bottom:20px;padding:24px;display:flex}.score-circle-container{border:2px dashed var(--accent);background:#0f051d99;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative;box-shadow:0 0 20px #e0c09726}.score-num{color:#fff;text-shadow:0 0 10px #fff6;font-family:Cinzel,serif;font-size:38px;font-weight:700;line-height:1.1}.score-label{color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:11px}.score-title{color:var(--text-secondary);font-size:10px}.element-row{margin-bottom:14px}.element-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.element-name{color:#fff;align-items:center;gap:8px;font-size:13.5px;display:flex}.element-percentage{font-size:13px;font-weight:700}.element-bar-bg{background:#ffffff0d;border-radius:3px;width:100%;height:6px;overflow:hidden}.element-bar-fill{border-radius:3px;height:100%}.highlights-container{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.highlight-chip{color:var(--text-secondary);background:#7a4b9433;border:1px solid #7a4b9466;border-radius:15px;padding:6px 14px;font-size:12.5px;font-weight:500;transition:all .3s}.highlight-chip:hover{background:var(--accent-dark);color:#fff}.menu-list-container{flex-direction:column;gap:12px;display:flex}.menu-item-row{border:1px solid var(--border-color);cursor:pointer;background:#1e0b3680;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:all .3s;display:flex}.menu-item-row:hover{background:#7a4b9426;transform:translate(4px)}.menu-item-left{color:#fff;align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.bottom-nav-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:500;background:#0f051de6;border-top:1px solid #e0c0971f;justify-content:space-around;align-items:center;width:100%;padding:10px 0;display:flex;position:sticky;bottom:0;left:0;right:0}.nav-tab-item{color:var(--text-secondary);cursor:pointer;flex-direction:column;align-items:center;font-size:11px;font-weight:500;transition:all .3s;display:flex}.nav-tab-item.active{color:var(--accent)}.nav-tab-item:hover{color:var(--accent-light)}.nav-icon{margin-bottom:4px}@keyframes goldGlow{0%{border-color:#e0c097bf;box-shadow:0 0 20px #e0c09773,inset 0 0 10px #e0c09726}50%{border-color:#f2d8ab;box-shadow:0 0 35px #e0c097d9,inset 0 0 20px #e0c09759}to{border-color:#e0c097bf;box-shadow:0 0 20px #e0c09773,inset 0 0 10px #e0c09726}}.destiny-glow-card{animation:3s ease-in-out infinite goldGlow}