:root{--primary-color: #9d50bb;--secondary-color: #6e48aa;--accent-color: #00f2fe;--text-color: #f8f9fa;--bg-color: #0f0c29;--bg-gradient: radial-gradient(circle at 50% 50%, #1a1a2e 0%, #16213e 50%, #0f0c29 100%);--card-bg: rgba(255, 255, 255, .03);--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--font-main: "Outfit", "Inter", sans-serif}body{margin:0;font-family:var(--font-main);background:var(--bg-gradient);background-attachment:fixed;color:var(--text-color);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}#app{width:100%;max-width:1100px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;min-height:100vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{box-shadow:0 0 5px #00f2fe33}50%{box-shadow:0 0 20px #00f2fe66}to{box-shadow:0 0 5px #00f2fe33}}main{animation:fadeIn .8s ease-out forwards}.header{padding:30px 0;border-bottom:var(--glass-border)}nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:800;background:linear-gradient(45deg,var(--accent-color),var(--primary-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;letter-spacing:-.5px}.nav-links a{margin-left:25px;color:#ffffffb3;text-decoration:none;font-weight:500;transition:all .3s ease;font-size:.95rem}.nav-links a:hover{color:var(--accent-color)}.lang-dropdown-container{position:relative;margin-left:20px}.lang-toggle{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:6px 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;transition:all .3s ease}.lang-toggle:hover{background:#ffffff1a;border-color:#fff3}.lang-toggle svg.chevron{width:14px;height:14px;opacity:.5;transition:transform .3s ease}.lang-dropdown-container:hover .lang-toggle svg.chevron{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:130px;background:#191923cc;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;gap:4px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.lang-dropdown-container:hover .lang-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.lang-dropdown a{margin-left:0!important;padding:8px 12px;border-radius:6px;font-size:.9rem;color:#ffffffb3;transition:all .2s ease;text-decoration:none}.lang-dropdown a:hover{background:#ffffff0d;color:var(--accent-color)}.lang-dropdown a.active{color:var(--accent-color);background:rgba(var(--accent-color-rgb),.1)}main{flex:1;padding:60px 0}h1{font-size:3.5rem;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#fff 0%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem;line-height:1.1}h2{color:var(--accent-color);font-weight:700}.btn{display:inline-block;padding:14px 28px;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;border:none;font-size:1rem}.btn-primary{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 4px 15px #9d50bb4d}.btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-left:12px}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0000004d}.btn-primary:hover{filter:brightness(1.1)}.hero{text-align:center;padding:40px 0 80px;max-width:800px;margin:0 auto}.hero p{font-size:1.25rem;color:#ffffffb3;line-height:1.6;margin-bottom:2.5rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:40px}.feature-card{background:var(--card-bg);padding:40px;border-radius:24px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);transition:all .4s ease;box-shadow:var(--glass-shadow)}.feature-card:hover{transform:translateY(-8px);background:#ffffff0f;border-color:#ffffff26}.interpreter-page{text-align:center;max-width:800px;margin:0 auto}.interpreter-container{margin-top:20px;animation:fadeIn 1s ease-out}textarea{width:100%;height:180px;background:#00000040;border:var(--glass-border);border-radius:20px;padding:24px;color:#fff;font-size:1.1rem;resize:none;margin-bottom:24px;font-family:var(--font-main);transition:all .3s ease;box-shadow:inset 0 2px 10px #0003}textarea:focus{outline:none;border-color:var(--accent-color);background:#00000059;box-shadow:0 0 0 4px #00f2fe1a}.result-container{margin-top:50px;background:var(--card-bg);padding:40px;border-radius:24px;border:var(--glass-border);text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--glass-shadow);animation:fadeIn .5s ease-out}.result-container h2{margin-top:0;font-size:1.8rem;margin-bottom:20px}.result-container ul{list-style:none;padding:0}.result-container li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.result-container li:last-child{border-bottom:none}.hidden{display:none}.dictionary-page{text-align:center}.search-container{margin:40px 0 60px}#search-input{width:100%;max-width:550px;padding:18px 30px;border-radius:50px;border:var(--glass-border);background:#ffffff0d;color:#fff;font-size:1.1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:var(--glass-shadow)}#search-input:focus{outline:none;background:#ffffff14;border-color:var(--accent-color);box-shadow:0 0 20px #00f2fe26}.dictionary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;text-align:left}.dream-card{background:var(--card-bg);padding:30px;border-radius:20px;border:var(--glass-border);transition:all .3s ease;cursor:pointer}.dream-card:hover{background:#ffffff0f;transform:scale(1.02)}.dream-card h3{color:var(--accent-color);margin-top:0;font-size:1.4rem}.category{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#00f2fe80;margin-bottom:12px;letter-spacing:1px}.footer{margin-top:auto;padding:60px 0;text-align:center;border-top:var(--glass-border);color:#fff6;font-size:.9rem}.footer-links{margin-top:24px}.footer-links a{color:#fff6;margin:0 15px;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--accent-color)}@media (max-width: 768px){h1{font-size:2.5rem}.hero p{font-size:1.1rem}.nav-links{display:none}}.related-symbols{margin-top:80px;padding-top:60px;border-top:1px solid rgba(255,255,255,.05)}.related-symbols h2{font-size:1.8rem;margin-bottom:30px;text-align:center}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.related-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px;text-decoration:none;transition:all .3s ease;display:flex;flex-direction:column;gap:10px}.related-card:hover{background:#ffffff0d;border-color:var(--accent-color);transform:translateY(-5px)}.related-card h3{margin:0;font-size:1.2rem;color:var(--accent-color)}.related-card p{margin:0;font-size:.9rem;color:#fff9;line-height:1.4}.symbol-page{max-width:900px;margin:0 auto}.symbol-details{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:50px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.symbol-meta{margin-bottom:30px}.category-tag{display:inline-block;background:#00f2fe1a;color:var(--accent-color);padding:8px 20px;border-radius:50px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.symbol-content{margin-top:40px}.meaning-text{font-size:1.1rem;line-height:1.8;color:#ffffffd9}.meaning-text p{margin-bottom:25px}.meaning-text strong{color:var(--accent-color);font-weight:700;display:block;font-size:1.3rem;margin-top:40px;margin-bottom:15px}.meaning-text p:first-child{font-size:1.2rem;color:#fffffff2;line-height:1.7}.interpretation-guide{margin-top:60px;padding:30px;background:#00f2fe08;border-left:3px solid var(--accent-color);border-radius:12px}.interpretation-guide h2{margin-top:0;font-size:1.5rem}.interpretation-guide ul{margin:20px 0;padding-left:20px}.interpretation-guide li{margin-bottom:12px;line-height:1.6;color:#fffc}.related-actions{margin-top:50px;text-align:center;padding-top:40px;border-top:1px solid rgba(255,255,255,.05)}@media (max-width: 768px){.symbol-details{padding:30px 20px}.meaning-text{font-size:1rem}.meaning-text strong{font-size:1.2rem}}.faq-section{margin-top:100px;padding:80px 0;border-top:1px solid rgba(255,255,255,.05)}.faq-container{max-width:900px;margin:0 auto}.faq-section h2{font-size:2.5rem;margin-bottom:50px;text-align:center}.faq-grid{display:grid;gap:24px}.faq-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:30px;transition:all .3s ease}.faq-item:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-3px)}.faq-item h3{margin:0 0 15px;font-size:1.3rem;color:var(--accent-color);line-height:1.3}.faq-item p{margin:0;font-size:1.05rem;color:#ffffffb3;line-height:1.6}.featured-symbols{margin:80px 0}.featured-symbols h2{text-align:center;margin-bottom:40px;font-size:2rem}.view-all{margin-top:40px;text-align:center}.browse-categories{margin:80px 0;text-align:center}.browse-categories h2{font-size:2rem;margin-bottom:30px}.category-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:900px;margin:0 auto}.category-pill{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc;padding:10px 24px;border-radius:50px;text-decoration:none;font-weight:500;font-size:.95rem;transition:all .3s ease}.category-pill:hover{background:var(--accent-color);border-color:var(--accent-color);color:var(--bg-color);transform:translateY(-3px);box-shadow:0 5px 15px #00f2fe4d}.category-header{text-align:center;margin-bottom:60px}.category-header h1{font-size:3rem;margin:15px 0}.category-intro{font-size:1.2rem;color:#fff9;max-width:700px;margin:0 auto}.category-footer{margin-top:60px;text-align:center}.static-page{max-width:800px;margin:40px auto;padding:0 20px}.static-header{text-align:center;margin-bottom:50px}.static-header h1{font-size:3rem;background:linear-gradient(to right,#fff,var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.static-content{line-height:1.8;color:#ffffffd9;font-size:1.1rem}.static-content h3{margin-top:40px;margin-bottom:20px;color:#fff;font-size:1.5rem}.static-content p{margin-bottom:25px}.static-footer{margin-top:60px;text-align:center;border-top:1px solid rgba(255,255,255,.1);padding-top:40px}.header-search{position:relative;margin-right:20px;display:flex;align-items:center}#header-search-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:8px 16px;color:#fff;font-size:.9rem;width:200px;transition:all .3s ease}#header-search-input:focus{width:250px;background:#ffffff1a;border-color:var(--accent-color);outline:none;box-shadow:0 0 10px #00f2fe33}.search-results-dropdown{position:absolute;top:calc(100% + 10px);left:0;right:0;background:#0f141ef2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:12px;max-height:300px;overflow-y:auto;z-index:1000;display:none;box-shadow:0 10px 30px #00000080}.search-results-dropdown.active{display:block}.search-result-item{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background .2s ease;display:block;text-decoration:none}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#ffffff0d}.search-result-item strong{display:block;color:var(--accent-color);font-size:.9rem}.search-result-item span{display:block;color:#ffffff80;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.header-search{display:none}}