body{margin:0;padding:0;font-family:Inter,Segoe UI,sans-serif;background:linear-gradient(#ffffffbf,#ffffffbf),url(/assets/codioful-formerly-gradienta-7brhZmwXn08-unsplash-DxeoKBcz.jpg);background-size:cover;background-attachment:fixed;background-repeat:no-repeat;color:#1f2937}*{box-sizing:border-box}html{scroll-behavior:smooth}img{max-width:100%;display:block}.app-container{min-height:100vh}.page-container{width:100%}.seo-content{max-width:1100px;margin:5rem auto;padding:2.5rem;border-radius:28px;background:#ffffff8c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 50px #00000014}.seo-content h2{font-size:2rem;margin-bottom:1rem;margin-top:2rem;color:#111827}.seo-content p{line-height:1.9;color:#4b5563}.seo-content ul{padding-left:1.5rem}.seo-content li{margin-bottom:.8rem;color:#4b5563}.ad-section{margin:4rem 0}@media (max-width: 768px){.seo-content{padding:2rem 1.3rem;margin:3rem 1rem}.seo-content h2{font-size:1.7rem}}.navbar{position:relative;z-index:1000;display:flex;justify-content:space-between;align-items:center;background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:16px 32px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.18);transition:all .3s ease}.navbar-logo a{color:#2c3e50;font-size:1.8rem;font-weight:700;text-decoration:none;transition:all .3s ease;display:flex;align-items:center;gap:8px}.navbar-logo a:hover{color:#667eea;transform:scale(1.05)}.navbar-links{list-style:none;display:flex;gap:32px;margin:0;padding:0;align-items:center}.navbar-links li a{color:#2c3e50;font-size:1rem;font-weight:500;text-decoration:none;padding:8px 16px;border-radius:25px;transition:all .3s ease;position:relative;overflow:hidden}.navbar-links li a:hover{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.navbar-links li a.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.menu-toggle{display:none;font-size:1.5rem;cursor:pointer;background:none;border:none;color:#2c3e50;padding:8px;border-radius:8px;transition:all .3s ease}.menu-toggle:hover{background:#667eea1a;color:#667eea}@media (max-width: 768px){.navbar{padding:12px 20px}.navbar-logo a{font-size:1.6rem}.navbar-links{display:none;flex-direction:column;position:absolute;top:70px;right:20px;background:#fff;padding:20px;border-radius:20px;box-shadow:0 20px 40px #00000026;min-width:200px;gap:12px;border:1px solid rgba(0,0,0,.1)}.navbar-links.active{display:flex;animation:slideDown .3s ease}.navbar-links li a{padding:12px 16px;border-radius:12px;width:100%;text-align:left;font-size:1rem}.navbar-links li a:hover{transform:translate(5px)}.menu-toggle{display:block}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.navbar{padding:10px 16px}.navbar-logo a{font-size:1.4rem}.navbar-links{right:16px;left:16px;padding:16px}}.navbar-links li a:focus,.menu-toggle:focus{outline:2px solid #667eea;outline-offset:2px}*{transition:all .3s ease}.footer{margin-top:6rem;background:linear-gradient(135deg,#111827,#1f2937);color:#fff;padding:5rem 1.5rem 2rem}.footer-top{max-width:1400px;margin:0 auto;display:flex;gap:5rem;justify-content:space-between;flex-wrap:wrap}.footer-brand{flex:1;min-width:280px}.footer-logo{display:inline-block;text-decoration:none;color:#fff;font-size:2rem;font-weight:800;margin-bottom:1.5rem}.footer-brand p{color:#ffffffb3;line-height:1.9;max-width:400px}.footer-links-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:3rem;flex:2}.footer-links-column h3{margin-bottom:1.5rem;font-size:1.2rem}.footer-links-column a{display:block;margin-bottom:1rem;text-decoration:none;color:#ffffffb8;transition:.3s ease}.footer-links-column a:hover{color:#fff;transform:translate(3px)}.footer-bottom{max-width:1400px;margin:4rem auto 0;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-bottom p{color:#ffffffa6}@media (max-width: 900px){.footer-top{flex-direction:column}}@media (max-width: 600px){.footer{padding:4rem 1.2rem 2rem}.footer-links-wrapper{grid-template-columns:repeat(2,1fr);gap:2rem}.footer-logo{font-size:1.7rem}}.wheel-container{display:flex;justify-content:center;align-items:center}.wheel-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 20px 40px #0000001a;text-align:center;transition:transform .3s ease;max-width:400px;width:100%}.wheel-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026}.wheel-title{font-size:1.5rem;font-weight:600;margin-bottom:2rem;color:#2c3e50;text-align:center}.wheel-wrapper{position:relative;margin:0 auto 2rem;width:280px;height:280px;display:flex;justify-content:center;align-items:center}.wheel{width:100%;height:100%;border-radius:50%;position:relative;border:8px solid #2c3e50;box-shadow:0 0 0 4px #ecf0f1,0 10px 30px #0000004d,inset 0 0 20px #0000001a;overflow:hidden;background:#fff}.wheel-segment{position:absolute;width:50%;height:50%;top:50%;left:50%;transform-origin:0 0;transform:rotate(var(--rotation));clip-path:polygon(0 0,100% 0,87.5% 50%);background:var(--color);border:none;outline:none}.segment-content{position:absolute;top:10%;left:20%;width:60%;height:80%;display:flex;align-items:center;justify-content:center;transform:rotate(22.5deg)}.segment-text{color:#fff;font-weight:600;font-size:.8rem;text-shadow:1px 1px 2px rgba(0,0,0,.5);text-align:center;line-height:1.2;transform:rotate(-22.5deg)}.wheel-pointer{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:30px solid #e74c3c;z-index:10;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3))}.wheel-pointer:after{content:"";position:absolute;top:-28px;left:-15px;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:25px solid #c0392b}.spin-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;min-width:180px}.spin-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.spin-button:active{transform:translateY(0)}.spin-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.spin-button.spinning{background:linear-gradient(135deg,#95a5a6,#7f8c8d);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){.wheel-card{padding:1.5rem;margin:0 1rem}.wheel-wrapper{width:240px;height:240px}.wheel-title{font-size:1.3rem}.segment-text{font-size:.7rem}.spin-button{padding:.8rem 1.5rem;font-size:1rem}}.modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;transition:opacity .3s ease}.modal-overlay.visible{opacity:1}.modal-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2rem;border-radius:20px;text-align:center;max-width:90%;width:400px;box-shadow:0 20px 60px #0000004d;transform:scale(.7) translateY(50px);transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.modal-content.visible{transform:scale(1) translateY(0)}.modal-content:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.celebration{font-size:3rem;margin-bottom:1rem;animation:bounce 1s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.modal-content h2{font-size:2rem;margin-bottom:1.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.result-highlight{background:#fff3;border-radius:15px;padding:1rem;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.result-label{font-size:1.5rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.result-description{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;opacity:.95;font-weight:300}.close-button{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.5);padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-button:hover{background:#ffffff4d;border-color:#fffc;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.close-button:active{transform:translateY(0)}.share-buttons{margin-top:1.5rem;text-align:center}.share-buttons p{margin-bottom:.5rem;font-weight:600}.share-button{display:inline-block;margin:.3rem .5rem;padding:.5rem 1rem;font-size:.9rem;border-radius:20px;text-decoration:none;color:#fff;transition:background .3s ease}.share-button.whatsapp{background-color:#25d366}.share-button.facebook{background-color:#3b5998}.share-button.twitter{background-color:#1da1f2}.share-button.instagram{background-color:#e1306c}.share-button:hover{opacity:.9}@media (max-width: 768px){.modal-content{padding:2rem 1.5rem;width:90%}.modal-content h2{font-size:1.5rem}.result-label{font-size:1.3rem}.result-description{font-size:1rem}.celebration{font-size:2.5rem}}.home-page{max-width:1400px;margin:0 auto;padding:2rem 1.5rem 6rem}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center;padding:4rem;border-radius:32px;background:#ffffff59;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 50px #0000001f;position:relative;overflow:hidden;margin-bottom:6rem}.hero:before{content:"";position:absolute;width:400px;height:400px;background:#667eea1f;border-radius:50%;top:-180px;right:-100px;filter:blur(40px)}.hero-left{position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;padding:.6rem 1.1rem;border-radius:999px;background:#ffffffa6;font-size:.9rem;font-weight:700;color:#374151;margin-bottom:1.5rem}.hero h1{font-size:4rem;line-height:1.05;font-weight:800;color:#111827;margin-bottom:1.5rem;letter-spacing:-1.5px}.hero p{font-size:1.1rem;line-height:1.9;color:#4b5563;margin-bottom:2rem;max-width:650px}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.primary-btn,.secondary-btn{padding:1rem 1.7rem;border-radius:16px;font-weight:700;text-decoration:none;transition:all .3s ease}.primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 10px 25px #667eea59}.primary-btn:hover{transform:translateY(-4px);box-shadow:0 15px 35px #667eea73}.secondary-btn{background:#ffffffb3;color:#111827;border:1px solid rgba(255,255,255,.6)}.secondary-btn:hover{transform:translateY(-4px);background:#fff}.hero-stats{display:flex;flex-wrap:wrap;gap:1rem}.stat-pill{padding:.8rem 1rem;border-radius:14px;background:#ffffffa6;font-size:.92rem;font-weight:600;color:#374151;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-right{position:relative;display:flex;justify-content:center;align-items:center}.floating-card{position:absolute;padding:1rem 1.2rem;border-radius:18px;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-weight:700;color:#374151;box-shadow:0 10px 30px #00000014;animation:floatCard 4s ease-in-out infinite}.floating-1{top:5%;left:0}.floating-2{top:18%;right:0}.floating-3{bottom:10%;left:5%}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.section-block{margin:6rem 0}.section-heading{text-align:center;max-width:800px;margin:0 auto 3rem}.section-heading span{display:inline-block;margin-bottom:1rem;padding:.55rem 1rem;border-radius:999px;background:#ffffffb3;font-size:.85rem;font-weight:700;color:#667eea}.section-heading h2{font-size:3rem;line-height:1.1;margin-bottom:1rem;color:#111827}.section-heading p{line-height:1.9;color:#4b5563}.categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.trending-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.trend-card{position:relative;overflow:hidden;padding:2rem;border-radius:28px;text-decoration:none;background:linear-gradient(135deg,#ffffff80,#fff3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:all .35s ease;box-shadow:0 15px 40px #00000014}.trend-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px #0000001f}.trend-emoji{font-size:3rem;margin-bottom:1rem}.trend-card h3{font-size:1.5rem;margin-bottom:.8rem;color:#111827}.trend-card p{color:#4b5563;line-height:1.8}.why-section{margin:6rem 0}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.why-card{padding:2rem;border-radius:28px;background:#ffffff80;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 15px 40px #00000014;transition:all .3s ease}.why-card:hover{transform:translateY(-6px)}.why-icon{font-size:2.5rem;margin-bottom:1rem}.why-card h3{margin-bottom:1rem;font-size:1.3rem;color:#111827}.why-card p{color:#4b5563;line-height:1.8}.how-section{margin:6rem 0}.how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.how-card{position:relative;padding:2.5rem 2rem;border-radius:28px;background:#fff;box-shadow:0 15px 40px #00000014;text-align:center}.how-number{width:70px;height:70px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.5rem;font-weight:800}.how-card h3{margin-bottom:1rem;color:#111827}.how-card p{color:#4b5563;line-height:1.8}.stats-section{margin:6rem 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.stats-card{padding:2.5rem;text-align:center;border-radius:28px;background:linear-gradient(135deg,#667eead9,#764ba2d9);color:#fff;box-shadow:0 15px 40px #667eea40}.stats-card h3{font-size:3rem;margin-bottom:.5rem}.stats-card p{opacity:.95;font-weight:500}.info-section{margin:6rem 0;padding:3rem;border-radius:32px;background:#ffffff80;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 50px #00000014}.info-section h2{font-size:2.7rem;margin-bottom:1.5rem;color:#111827}.info-section p{line-height:1.9;color:#4b5563;margin-bottom:1.5rem;max-width:1000px}.faq-section{margin:6rem 0}.faq-item{padding:2rem;border-radius:24px;background:#ffffff8c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 30px #0000000f}.faq-item p{color:#4b5563;line-height:1.8}.final-cta{margin-top:6rem;padding:5rem 3rem;text-align:center;border-radius:32px;background:linear-gradient(135deg,#667eeae6,#764ba2e6);color:#fff;box-shadow:0 25px 60px #667eea40}.final-cta h2{font-size:3rem;margin-bottom:1rem}.final-cta p{max-width:700px;margin:0 auto 2rem;line-height:1.9;opacity:.95}.final-cta .primary-btn{background:#fff;color:#111827}.ad-section{margin:5rem 0}@media (max-width: 1100px){.hero{grid-template-columns:1fr;gap:4rem}.hero-right{order:-1}.hero h1{font-size:3.2rem}}@media (max-width: 768px){.home-page{padding:1.5rem 1rem 5rem}.hero{padding:2rem}.hero h1{font-size:2.5rem}.section-heading h2{font-size:2.2rem}.info-section{padding:2rem}.final-cta{padding:3rem 2rem}.final-cta h2{font-size:2.2rem}}@media (max-width: 480px){.hero h1{font-size:2rem}.section-heading h2{font-size:1.8rem}.hero-buttons{flex-direction:column}.primary-btn,.secondary-btn{width:100%;text-align:center}}.category-card{display:block;text-decoration:none;background:#ffffff73;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:22px;padding:2.5rem 2rem;text-align:center;box-shadow:0 20px 45px #0003;color:#222;transition:transform .3s ease,box-shadow .3s ease}.category-card:hover{transform:translateY(-8px);box-shadow:0 30px 65px #0000004d}.category-card .emoji{font-size:3rem;margin-bottom:1rem}.category-card p{color:#444}.category-card .cta{display:inline-block;margin-top:1.2rem;font-weight:600;color:#dd2476}.about-page{max-width:1400px;margin:0 auto;padding:2rem 1.5rem 6rem}.about-hero{position:relative;overflow:hidden;text-align:center;padding:5rem 2rem;border-radius:40px;background:linear-gradient(135deg,#667eeaeb,#ff69b4eb);color:#fff;margin-bottom:5rem}.about-hero:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:#ffffff14;top:-150px;right:-100px;filter:blur(20px)}.about-badge{position:relative;z-index:2;display:inline-block;padding:.7rem 1.3rem;border-radius:999px;background:#ffffff26;font-weight:700;margin-bottom:1.5rem}.about-hero h1{position:relative;z-index:2;font-size:4rem;line-height:1.1;margin-bottom:1.5rem}.about-hero p{position:relative;z-index:2;max-width:750px;margin:0 auto;line-height:1.9;font-size:1.1rem}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.about-card{padding:2.5rem;border-radius:32px;background:#ffffffeb;box-shadow:0 12px 35px #00000014}.about-card h2{font-size:2rem;margin-bottom:1rem;color:#111827}.about-card p,.about-card li{line-height:1.9;color:#4b5563}.about-card ul{padding-left:1.2rem}.about-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.about-links a{padding:.8rem 1.3rem;border-radius:999px;background:#667eea1f;text-decoration:none;color:#667eea;font-weight:700;transition:.3s ease}.about-links a:hover{transform:translateY(-3px)}@media (max-width: 768px){.about-hero h1{font-size:2.8rem}}@media (max-width: 480px){.about-page{padding:1.5rem 1rem 5rem}.about-hero{padding:4rem 1.5rem}.about-hero h1{font-size:2.2rem}}.legal-page{max-width:1000px;margin:0 auto;padding:2rem 1.5rem 6rem}.legal-container{padding:4rem;border-radius:40px;background:#ffffffeb;box-shadow:0 15px 40px #00000014}.legal-badge{display:inline-block;padding:.7rem 1.3rem;border-radius:999px;background:#667eea1f;color:#667eea;font-weight:700;margin-bottom:1.5rem}.legal-container h1{font-size:3.5rem;line-height:1.1;margin-bottom:2rem;color:#111827}.legal-container h2{font-size:2rem;margin-top:3rem;margin-bottom:1rem;color:#111827}.legal-container p{line-height:2;color:#4b5563;font-size:1.05rem}@media (max-width: 768px){.legal-container{padding:2.5rem}.legal-container h1{font-size:2.8rem}.legal-container h2{font-size:1.7rem}}@media (max-width: 480px){.legal-page{padding:1.5rem 1rem 5rem}.legal-container{padding:2rem 1.5rem}.legal-container h1{font-size:2.2rem}}.wheels-page{max-width:1400px;margin:0 auto;padding:2rem 1.5rem 6rem}.wheels-hero{text-align:center;padding:5rem 2rem;border-radius:40px;background:linear-gradient(135deg,#667eeaeb,#ff69b4eb);color:#fff;margin-bottom:5rem}.wheels-badge{display:inline-block;padding:.7rem 1.3rem;border-radius:999px;background:#ffffff26;margin-bottom:1.5rem;font-weight:700}.wheels-hero h1{font-size:4rem;line-height:1.1;margin-bottom:1.5rem}.wheels-hero p{max-width:700px;margin:0 auto;line-height:1.9}.wheel-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem}.wheel-category-card{padding:2.5rem;border-radius:32px;background:#ffffffeb;box-shadow:0 12px 35px #00000014}.wheel-category-card h2{font-size:2rem;margin-bottom:1rem;color:#111827}.wheel-category-card p{line-height:1.8;color:#4b5563;margin-bottom:2rem}.wheel-links{display:flex;flex-direction:column;gap:1rem}.wheel-links a{padding:1rem 1.2rem;border-radius:18px;background:#667eea14;text-decoration:none;color:#667eea;font-weight:700;transition:.3s ease}.wheel-links a:hover{transform:translate(4px)}.quizzes-page{max-width:1400px;margin:0 auto;padding:2rem 1.5rem 6rem}.quizzes-hero{text-align:center;padding:5rem 2rem;border-radius:40px;background:linear-gradient(135deg,#667eeaeb,#ff69b4eb);color:#fff;margin-bottom:5rem}.quizzes-badge{display:inline-block;padding:.7rem 1.3rem;border-radius:999px;background:#ffffff26;margin-bottom:1.5rem;font-weight:700}.quizzes-hero h1{font-size:4rem;line-height:1.1;margin-bottom:1.5rem}.quiz-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem}.quiz-category-card{padding:2.5rem;border-radius:32px;background:#ffffffeb;text-decoration:none;color:inherit;box-shadow:0 12px 35px #00000014;transition:.3s ease}.quiz-category-card:hover{transform:translateY(-6px)}.quiz-category-emoji{font-size:4rem;margin-bottom:1rem}.tools-page{max-width:1400px;margin:0 auto;padding:2rem 1.5rem 6rem}.tools-hero{text-align:center;padding:5rem 2rem;border-radius:40px;background:linear-gradient(135deg,#667eeaeb,#ff69b4eb);color:#fff;margin-bottom:5rem}.tools-hero h1{font-size:4rem;line-height:1.1;margin-bottom:1.5rem}.tools-badge{display:inline-block;padding:.7rem 1.3rem;border-radius:999px;background:#ffffff26;margin-bottom:1.5rem;font-weight:700}.tool-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem}.tool-category-card{padding:2.5rem;border-radius:32px;background:#ffffffeb;text-decoration:none;color:inherit;box-shadow:0 12px 35px #00000014;transition:.3s ease}.tool-category-card:hover{transform:translateY(-6px)}.tool-category-emoji{font-size:4rem;margin-bottom:1rem}.fun-page{max-width:1400px;margin:0 auto;padding:2rem 1.5rem 6rem}.fun-hero{text-align:center;padding:5rem 2rem;border-radius:40px;background:linear-gradient(135deg,#667eeaeb,#ff69b4eb);color:#fff;margin-bottom:5rem}.fun-hero h1{font-size:4rem;line-height:1.1;margin-bottom:1.5rem}.fun-badge{display:inline-block;padding:.7rem 1.3rem;border-radius:999px;background:#ffffff26;margin-bottom:1.5rem;font-weight:700}.fun-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem}.fun-category-card{padding:2.5rem;border-radius:32px;background:#ffffffeb;text-decoration:none;color:inherit;box-shadow:0 12px 35px #00000014;transition:.3s ease}.fun-category-card:hover{transform:translateY(-6px)}.fun-category-emoji{font-size:4rem;margin-bottom:1rem}.wheel-page{max-width:1300px;margin:0 auto;padding:3rem 1.5rem 5rem}.wheel-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center;margin-bottom:5rem}.wheel-content{display:flex;flex-direction:column;gap:1.5rem}.wheel-badge{display:inline-flex;align-items:center;width:fit-content;padding:.5rem 1rem;border-radius:999px;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.9rem;font-weight:600;color:#444}.wheel-main-title{font-size:3.4rem;line-height:1.1;font-weight:800;color:#111827;letter-spacing:-1px}.wheel-main-description{font-size:1.1rem;line-height:1.9;color:#4b5563;max-width:650px}.wheel-tags{display:flex;flex-wrap:wrap;gap:.8rem}.wheel-tag{padding:.7rem 1rem;border-radius:12px;background:#fff;box-shadow:0 8px 20px #00000014;font-size:.9rem;font-weight:600;color:#374151}.wheel-side{display:flex;justify-content:center}.features-section{margin:5rem 0}.section-title{font-size:2.2rem;margin-bottom:2rem;color:#111827;font-weight:700}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.8rem}.feature-box{background:#ffffff8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:2rem;box-shadow:0 15px 40px #00000014;transition:all .3s ease}.feature-box:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0000001f}.feature-icon{font-size:2rem;margin-bottom:1rem}.feature-box h3{font-size:1.2rem;margin-bottom:.8rem;color:#111827}.feature-box p{color:#4b5563;line-height:1.7}.info-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:5rem 0}.info-card{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 15px 40px #00000014}.info-card h3{margin-bottom:1.2rem;font-size:1.4rem;color:#111827}.info-card p,.info-card li{line-height:1.8;color:#4b5563}.info-card ul{padding-left:1.2rem}.faq-grid{display:grid;gap:1.5rem}.faq-item{background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:1.8rem}.faq-item h4{margin-bottom:.8rem;font-size:1.1rem;color:#111827}.faq-item p{line-height:1.7;color:#4b5563}@media (max-width: 992px){.wheel-hero{grid-template-columns:1fr;gap:3rem}.wheel-main-title{font-size:2.6rem}}@media (max-width: 768px){.wheel-page{padding:2rem 1rem 4rem}.wheel-main-title{font-size:2.1rem}.wheel-main-description{font-size:1rem}.section-title{font-size:1.8rem}}.quiz-page{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 6rem}.quiz-hero{text-align:center;margin-bottom:4rem}.quiz-page-emoji{font-size:6rem;margin-bottom:1rem}.quiz-hero h1{font-size:3.2rem;margin-bottom:1rem;color:#111827;line-height:1.1}.quiz-hero p{max-width:700px;margin:0 auto;line-height:1.8;color:#4b5563;font-size:1.1rem}.questions-section{display:grid;gap:2.5rem}.question-card{padding:2.5rem;border-radius:32px;background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 15px 40px #00000014}.question-card h2{margin-bottom:2rem;font-size:2rem;color:#111827;line-height:1.4}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.option-btn{border:none;padding:1rem 1.2rem;border-radius:18px;background:#667eea14;color:#111827;font-size:1rem;font-weight:600;cursor:pointer;transition:.3s ease;min-height:64px}.option-btn:hover{transform:translateY(-2px);background:#667eea24}.option-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 10px 25px #667eea59}.quiz-submit-wrapper{display:flex;justify-content:center;margin-top:4rem}.quiz-submit-btn{border:none;padding:1rem 2.5rem;border-radius:999px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:.3s ease;box-shadow:0 12px 30px #667eea4d}.quiz-submit-btn:hover{transform:translateY(-3px)}.quiz-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.quiz-result-box{margin-top:4rem;padding:4rem 2rem;border-radius:36px;background:#ffffffbf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;box-shadow:0 20px 50px #00000014}.result-emoji{font-size:4rem;margin-bottom:1rem}.quiz-result-box h2{font-size:2.5rem;margin-bottom:1rem;color:#111827}.quiz-result-box p{font-size:1.1rem;color:#4b5563;margin-bottom:1.5rem}.final-result{display:inline-block;padding:1rem 2rem;border-radius:999px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.4rem;font-weight:800;margin-bottom:2rem}.share-result-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;margin-left:1.5rem;padding:14px 26px;border:none;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:.3s ease;box-shadow:0 10px 25px #00000026}.share-result-btn:hover{transform:translateY(-2px);opacity:.92}.share-result-btn:active{transform:scale(.98)}.quiz-not-found{padding:6rem 2rem;text-align:center}.quiz-not-found h1{font-size:3rem;color:#111827}@media (max-width: 768px){.quiz-page{padding:1.5rem 1rem 5rem}.quiz-page-emoji{font-size:5rem}.quiz-hero h1{font-size:2.4rem}.quiz-hero p{font-size:1rem}.question-card{padding:2rem;border-radius:24px}.question-card h2{font-size:1.5rem}.options-grid{grid-template-columns:1fr}.option-btn{font-size:.95rem}.quiz-result-box{padding:3rem 1.5rem;border-radius:28px}.quiz-result-box h2{font-size:2rem}.final-result{font-size:1.2rem;padding:.9rem 1.6rem}.share-result-btn{width:100%}}.tool-page{max-width:1000px;margin:0 auto;padding:2rem 1.5rem 6rem}.tool-hero{text-align:center;margin-bottom:4rem}.tool-page-emoji{font-size:6rem;margin-bottom:1rem}.tool-main-card{padding:3rem;border-radius:36px;background:#ffffffbf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 50px #00000014;text-align:center}.tool-generate-btn{border:none;padding:1rem 2rem;border-radius:999px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:.3s ease}.tool-generate-btn:hover{transform:translateY(-3px)}.tool-result-box{margin-top:3rem}.tool-result-label{margin-bottom:1rem;font-weight:700;color:#4b5563}.tool-result{display:inline-block;padding:1rem 2rem;border-radius:999px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.4rem;font-weight:800}.fun-single-page{max-width:1000px;margin:0 auto;padding:2rem 1.5rem 6rem}.fun-single-hero{text-align:center;margin-bottom:4rem}.fun-page-emoji{font-size:6rem;margin-bottom:1rem}.fun-main-card{padding:3rem;border-radius:36px;background:#ffffffbf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 50px #00000014;text-align:center}.fun-generate-btn{border:none;padding:1rem 2rem;border-radius:999px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:.3s ease}.fun-generate-btn:hover{transform:translateY(-3px)}.fun-result-box{margin-top:3rem}.fun-result-label{margin-bottom:1rem;font-weight:700;color:#4b5563}.fun-result{display:inline-block;padding:1rem 2rem;border-radius:999px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.3rem;font-weight:800}.fun-share-wrapper{margin-top:2rem}.fun-share-btn{border:none;padding:.9rem 1.8rem;border-radius:999px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:.3s ease}.fun-share-btn:hover{transform:translateY(-3px)}.blog-page{max-width:1400px;margin:0 auto;padding:2rem 1.5rem 6rem}.blog-hero{position:relative;overflow:hidden;text-align:center;padding:5rem 2rem;border-radius:40px;background:linear-gradient(135deg,#667eeaeb,#ff69b4eb);color:#fff;margin-bottom:5rem}.blog-hero:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:#ffffff14;top:-150px;right:-100px;filter:blur(20px)}.blog-badge{position:relative;z-index:2;display:inline-block;padding:.7rem 1.3rem;border-radius:999px;background:#ffffff26;font-weight:700;margin-bottom:1.5rem}.blog-hero h1{position:relative;z-index:2;font-size:4rem;line-height:1.1;margin-bottom:1.5rem;font-weight:800}.blog-hero p{position:relative;z-index:2;max-width:750px;margin:0 auto;line-height:1.9;font-size:1.1rem}.featured-blog{margin-bottom:4rem}.featured-card{display:grid;grid-template-columns:220px 1fr;gap:2rem;align-items:center;padding:2.5rem;border-radius:36px;background:#ffffffeb;text-decoration:none;color:inherit;box-shadow:0 15px 45px #00000014;transition:all .3s ease}.featured-card:hover{transform:translateY(-6px)}.featured-image{display:flex;justify-content:center;align-items:center;font-size:7rem;width:220px;height:220px;border-radius:30px;background:linear-gradient(135deg,#667eea1f,#ff69b41f)}.featured-content span{display:inline-block;padding:.5rem 1rem;border-radius:999px;background:#667eea1f;color:#667eea;font-size:.9rem;font-weight:700;margin-bottom:1rem}.featured-content h2{font-size:3rem;line-height:1.2;margin-bottom:1rem;color:#111827}.featured-content p{line-height:1.8;color:#4b5563;font-size:1.05rem}.blog-categories{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:4rem}.category-btn{border:none;padding:.8rem 1.4rem;border-radius:999px;background:#ffffffd9;color:#374151;font-weight:700;cursor:pointer;transition:all .3s ease}.category-btn:hover{transform:translateY(-2px)}.category-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem}.blog-card{position:relative;overflow:hidden;padding:2rem;border-radius:32px;background:#ffffffeb;text-decoration:none;color:inherit;box-shadow:0 12px 35px #00000014;transition:all .3s ease;display:flex;flex-direction:column;min-height:420px}.blog-card:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#667eea14;top:-100px;right:-100px;filter:blur(20px)}.blog-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #0000001f}.blog-image{position:relative;z-index:2;font-size:5rem;margin-bottom:1.5rem}.blog-category{position:relative;z-index:2;display:inline-block;width:fit-content;padding:.45rem 1rem;border-radius:999px;background:#667eea1f;color:#667eea;font-size:.9rem;font-weight:700;margin-bottom:1.2rem}.blog-card h2{position:relative;z-index:2;font-size:2rem;line-height:1.3;color:#111827;margin-bottom:1rem}.blog-card p{position:relative;z-index:2;line-height:1.8;color:#4b5563;flex-grow:1}.blog-footer{position:relative;z-index:2;margin-top:2rem;display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#667eea}@media (max-width: 900px){.featured-card{grid-template-columns:1fr;text-align:center}.featured-image{margin:0 auto}.featured-content h2{font-size:2.5rem}}@media (max-width: 768px){.blog-hero h1{font-size:2.8rem}.blog-grid{grid-template-columns:1fr}.featured-content h2{font-size:2.2rem}}@media (max-width: 480px){.blog-page{padding:1.5rem 1rem 5rem}.blog-hero{padding:4rem 1.5rem}.blog-hero h1{font-size:2.2rem}.featured-card{padding:2rem}.featured-image{width:180px;height:180px;font-size:5rem}.blog-card{padding:1.7rem}.blog-card h2{font-size:1.7rem}}.blog-single-page{max-width:1000px;margin:0 auto;padding:2rem 1.5rem 6rem}.blog-single-hero{text-align:center;padding:5rem 2rem;border-radius:36px;background:linear-gradient(135deg,#667eeae6,#ff69b4e6);color:#fff;margin-bottom:4rem}.blog-single-category{display:inline-block;padding:.5rem 1rem;border-radius:999px;background:#ffffff26;margin-bottom:1.5rem;font-weight:700}.blog-single-image{font-size:6rem;margin-bottom:1.5rem}.blog-single-hero h1{font-size:4rem;margin-bottom:1.5rem;line-height:1.1}.blog-single-hero p{max-width:700px;margin:0 auto;line-height:1.8;font-size:1.1rem}.blog-content{padding:4rem;border-radius:32px;background:#ffffffeb;box-shadow:0 15px 40px #00000014;margin-bottom:5rem}.blog-date{font-weight:700;color:#667eea;margin-bottom:2rem}.blog-text{line-height:2;color:#374151;white-space:pre-line;font-size:1.1rem}.faq-section{margin-top:5rem}.faq-section h2{font-size:2.5rem;margin-bottom:2rem;color:#111827}.faq-container{display:grid;gap:1.5rem}.faq-item{padding:2rem;border-radius:24px;background:#ffffffe6;box-shadow:0 10px 30px #0000000f}.faq-item h3{margin-bottom:1rem;color:#111827}.faq-item p{line-height:1.8;color:#4b5563}.related-section{margin-top:5rem}.related-section h2{font-size:2.5rem;margin-bottom:1rem;color:#111827;line-height:1.2}.related-subtitle{color:#6b7280;line-height:1.8;margin-bottom:2rem;font-size:1.05rem}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.related-card{position:relative;overflow:hidden;padding:2rem;border-radius:28px;background:#ffffffe6;text-decoration:none;color:inherit;box-shadow:0 10px 30px #00000014;transition:all .3s ease;display:flex;flex-direction:column;min-height:180px}.related-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:#667eea14;top:-80px;right:-80px;filter:blur(20px)}.related-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px #0000001f}.related-type{position:relative;z-index:2;display:inline-block;width:fit-content;padding:.45rem 1rem;border-radius:999px;background:#667eea1f;color:#667eea;font-size:.85rem;font-weight:700;margin-bottom:1.2rem}.related-card h3{position:relative;z-index:2;font-size:1.35rem;line-height:1.4;color:#111827;margin-bottom:1.5rem;flex-grow:1}.related-arrow{position:relative;z-index:2;font-weight:700;color:#667eea;transition:.3s ease}.related-card:hover .related-arrow{transform:translate(4px)}@media (max-width: 768px){.related-section h2{font-size:2rem}.related-card{padding:1.7rem}}@media (max-width: 480px){.related-grid{grid-template-columns:1fr}.related-card{min-height:auto}}.wheel-category-page{max-width:1400px;margin:0 auto;padding:2rem 1.5rem 6rem}.wheel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.wheel-card{padding:2rem;border-radius:32px;background:#ffffffeb;text-decoration:none;color:inherit;box-shadow:0 12px 35px #00000014;transition:.3s ease}.wheel-card:hover{transform:translateY(-6px)}.wheel-card-emoji{font-size:4rem;margin-bottom:1rem}.quiz-category-page{max-width:1400px;margin:0 auto;padding:2rem 1.5rem 6rem}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.quiz-card{padding:2rem;border-radius:32px;background:#ffffffeb;text-decoration:none;color:inherit;box-shadow:0 12px 35px #00000014;transition:.3s ease}.quiz-card:hover{transform:translateY(-6px)}.quiz-card-emoji{font-size:4rem;margin-bottom:1rem}.tool-category-page{max-width:1400px;margin:0 auto;padding:2rem 1.5rem 6rem}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.tool-card{padding:2rem;border-radius:32px;background:#ffffffeb;text-decoration:none;color:inherit;box-shadow:0 12px 35px #00000014;transition:.3s ease}.tool-card:hover{transform:translateY(-6px)}.tool-card-emoji{font-size:4rem;margin-bottom:1rem}.fun-category-page{max-width:1400px;margin:0 auto;padding:2rem 1.5rem 6rem}.fun-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.fun-card{padding:2rem;border-radius:32px;background:#ffffffeb;text-decoration:none;color:inherit;box-shadow:0 12px 35px #00000014;transition:.3s ease}.fun-card:hover{transform:translateY(-6px)}.fun-card-emoji{font-size:4rem;margin-bottom:1rem}