:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}.app-layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-top:2rem}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:#646cff}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}}.compact-selector{position:relative}.selector-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffe6;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.selector-button:hover{background:#ffffff14;border-color:#ffffff4d}.selector-flag{font-size:1.1rem;line-height:1}.selector-lang{font-size:.75rem;font-weight:600;letter-spacing:.05em}.selector-arrow{font-size:.6rem;color:#ffffff80;transition:transform .2s}.selector-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#1e1e1efa;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem;min-width:180px;box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.selector-section{padding:.25rem 0}.selector-section-title{padding:.5rem .75rem;font-size:.7rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.selector-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.65rem .75rem;background:transparent;border:none;border-radius:6px;color:#fffc;font-size:.875rem;cursor:pointer;transition:all .2s;text-align:left}.selector-option:hover{background:#ffffff14;color:#fff}.selector-option.active{background:#667eea26;color:#667eea;font-weight:600}.option-flag{font-size:1.1rem;line-height:1}.option-text{flex:1}.selector-divider{height:1px;background:#ffffff1a;margin:.5rem 0}@media(prefers-color-scheme:light){.selector-button{background:#f9fafb;border-color:#d1d5db;color:#111827}.selector-button:hover{background:#fff;border-color:#9ca3af}.selector-arrow{color:#6b7280}.selector-dropdown{background:#fff;border-color:#d1d5db}.selector-section-title{color:#6b7280}.selector-option{color:#374151}.selector-option:hover{background:#f3f4f6;color:#111827}.selector-option.active{background:#eef2ff;color:#667eea}.selector-divider{background:#e5e7eb}}@media(max-width:768px){.selector-button{padding:.4rem .6rem;font-size:.8rem;min-height:36px}.selector-flag{font-size:1rem}.selector-lang{font-size:.7rem}.selector-dropdown{min-width:160px;right:-8px}.selector-option{padding:.75rem;font-size:.875rem;min-height:44px;-webkit-tap-highlight-color:rgba(102,126,234,.2);touch-action:manipulation}.selector-section-title{padding:.65rem .75rem}}.site-header{background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000}.header-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.header-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;transition:opacity .2s}.header-logo:hover{opacity:.8}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-nav{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center}.nav-link{padding:.5rem 1rem;color:#ffffffb3;text-decoration:none;font-weight:500;border-radius:6px;transition:all .2s;font-size:.9rem}.nav-link:hover{color:#ffffffe6;background:#ffffff0d}.nav-link.active{color:#667eea;background:#667eea1a}@media(max-width:768px){.site-header{position:relative}.header-container{flex-wrap:wrap;padding:.75rem 1rem;gap:.75rem}.header-logo{flex:1}.logo-icon{width:32px;height:32px;font-size:1.25rem}.logo-text{font-size:1.25rem}.header-nav{order:3;width:100%;justify-content:flex-start;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-link{font-size:.85rem;padding:.4rem .75rem;white-space:nowrap}}@media(prefers-color-scheme:light){.site-header{background:#fff;border-bottom-color:#e5e7eb}.logo-text{-webkit-text-fill-color:unset;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-link{color:#6b7280}.nav-link:hover{color:#111827;background:#f3f4f6}.nav-link.active{color:#667eea;background:#eef2ff}}.site-footer{background:#ffffff08;border-top:1px solid rgba(255,255,255,.1);margin-top:4rem;padding:3rem 0 1rem}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:2rem}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.footer-description{color:#fff9;font-size:.9rem;line-height:1.6;margin:0}.footer-heading{font-size:1rem;font-weight:600;color:#ffffffe6;margin:0 0 .5rem}.footer-links{display:flex;flex-direction:column;gap:.5rem}.footer-link{color:#fff9;text-decoration:none;font-size:.9rem;transition:color .2s}.footer-link:hover{color:#667eea}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-copyright{color:#ffffff80;font-size:.85rem;margin:0}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:2rem}.footer-container{padding:0 1rem}}@media(prefers-color-scheme:light){.site-footer{background:#f9fafb;border-top-color:#e5e7eb}.footer-logo{-webkit-text-fill-color:unset;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-description{color:#6b7280}.footer-heading{color:#111827}.footer-link{color:#6b7280}.footer-link:hover{color:#667eea}.footer-bottom{border-top-color:#e5e7eb}.footer-copyright{color:#9ca3af}}.skip-link{position:absolute;top:-40px;left:0;background:#667eea;color:#fff;padding:.75rem 1.5rem;text-decoration:none;font-weight:600;border-radius:0 0 4px;z-index:10000;transition:top .2s}.skip-link:focus{top:0;outline:3px solid #764ba2;outline-offset:2px}@media(prefers-color-scheme:light){.skip-link{background:#667eea;color:#fff}}.home-page{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section{text-align:center;padding:4rem 0 6rem}.hero-content{max-width:700px;margin:0 auto}.hero-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem}.hero-title{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1rem;line-height:1.2}.hero-subtitle{font-size:1.25rem;color:#ffffffb3;margin:0 0 2rem;line-height:1.6}.hero-cta{display:inline-block;padding:1rem 2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea66}.features-section{padding:4rem 0}.section-title{text-align:center;font-size:2rem;font-weight:700;margin:0 0 3rem;color:#ffffffe6}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem}.feature-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;text-align:center;transition:all .3s}.feature-card:hover{background:#ffffff14;border-color:#667eea4d;transform:translateY(-4px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-title{font-size:1.25rem;font-weight:600;margin:0 0 .75rem;color:#ffffffe6}.feature-description{font-size:.95rem;color:#fff9;line-height:1.6;margin:0}.how-it-works-section{padding:4rem 0 6rem;text-align:center}.steps-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:900px;margin:0 auto 3rem}.step{display:flex;flex-direction:column;align-items:center;gap:1rem}.step-number{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}.step-title{font-size:1.125rem;font-weight:600;margin:0;color:#ffffffe6}.step-description{font-size:.95rem;color:#fff9;line-height:1.6;margin:0}.cta-container{margin-top:3rem}.cta-button{display:inline-block;padding:1rem 2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea66}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.home-page{padding:0 1rem}.hero-section{padding:3rem 0 4rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.features-grid,.steps-container{grid-template-columns:1fr}.section-title{font-size:1.75rem}}@media(prefers-color-scheme:light){.hero-title{-webkit-text-fill-color:unset;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{color:#6b7280}.section-title{color:#111827}.feature-card{background:#fff;border-color:#e5e7eb}.feature-card:hover{background:#f9fafb;border-color:#667eea}.feature-title{color:#111827}.feature-description{color:#6b7280}.step-title{color:#111827}.step-description{color:#6b7280}}.compare-page{max-width:1200px;margin:0 auto;padding:2rem}.compare-container{display:grid;grid-template-columns:200px 1fr;gap:2rem}.vertical-tabs{display:flex;flex-direction:column;gap:.5rem;position:sticky;top:100px;height:fit-content}.tab-button{padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:left}.tab-button:hover{background:#ffffff14;border-color:#667eea4d;color:#ffffffe6}.tab-button.active{background:#667eea1a;border-color:#667eea;color:#667eea}.tab-content{min-height:600px}.page-title{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:#ffffffe6}.page-description{font-size:1rem;color:#fff9;margin:0 0 2rem;line-height:1.6}.comparison-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:visible}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.input-wrapper{position:relative;display:flex;flex-direction:column;gap:.5rem;overflow:visible}label{font-weight:600;font-size:.9rem;color:#fffc;text-align:left}input{width:100%;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:inherit;font-size:1rem;transition:border-color .2s,background .2s}input:focus{outline:none;border-color:#667eea;background:#ffffff14}input::placeholder{color:#fff6}.suggestions-list{position:absolute;top:100%;left:0;right:0;background:#1e1e1efa;border:1px solid rgba(255,255,255,.2);border-radius:8px;margin-top:.5rem;list-style:none;padding:0;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.suggestions-list li{padding:.75rem 1rem;cursor:pointer;transition:background .2s;border-bottom:1px solid rgba(255,255,255,.1);font-size:.9rem}.suggestions-list li:last-child{border-bottom:none}.suggestions-list li:hover{background:#667eea33}.suggestions-loading{position:absolute;top:100%;left:0;right:0;background:#1e1e1efa;border:1px solid rgba(255,255,255,.2);border-radius:8px;margin-top:.5rem;padding:1rem;z-index:1000;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.spinner{width:20px;height:20px;border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #667eea66}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-small{padding:.5rem 1rem;background:#667eea33;color:#667eea;border:1px solid rgba(102,126,234,.4);border-radius:6px;font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s;display:inline-block}.btn-small:hover{background:#667eea4d;border-color:#667eea}.error-message{margin-top:1rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:.9rem}.results-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.stat{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;text-align:center}.stat-label{display:block;font-size:.875rem;color:#fff9;margin-bottom:.5rem}.stat-value{display:block;font-size:1.75rem;font-weight:700;color:#667eea}.results-table{overflow-x:auto;margin-bottom:1.5rem}table{width:100%;border-collapse:collapse}thead tr{border-bottom:2px solid rgba(255,255,255,.1)}th{padding:1rem;text-align:left;font-weight:600;font-size:.875rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s}tbody tr:hover{background:#ffffff05}tbody tr.best-price{background:#667eea1a;border-left:3px solid #667eea}td{padding:1.25rem 1rem}.provider-info{display:flex;align-items:center;gap:.75rem}.provider-name{font-weight:600;font-size:1rem}.badge{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-size:.75rem;font-weight:600}.price-cell{font-size:1.125rem}.no-app{color:#ffffff4d}.notice{padding:1rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;color:#fbbf24;font-size:.875rem}.notice strong{color:#fbbf24}.coming-soon-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:4rem 2rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.coming-soon-icon{font-size:5rem;margin-bottom:1.5rem}.coming-soon-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1rem}.coming-soon-description{font-size:1.1rem;color:#fff9;line-height:1.6;max-width:600px;margin:0 auto}@media(max-width:768px){.compare-page{padding:1rem}.compare-container{grid-template-columns:1fr}.vertical-tabs{flex-direction:row;position:static;overflow-x:auto}.tab-button{white-space:nowrap}.input-grid{grid-template-columns:1fr}.comparison-card,.input-grid{overflow:visible!important}.input-wrapper{z-index:10;overflow:visible!important}.input-wrapper:focus-within{z-index:20}.suggestions-list{max-height:250px;position:fixed!important;width:calc(100% - 2rem);left:1rem;right:1rem;margin-left:0;margin-right:0}.suggestions-list li{padding:1rem;font-size:.95rem;min-height:44px;display:flex;align-items:center;-webkit-tap-highlight-color:rgba(102,126,234,.2);touch-action:manipulation;user-select:none;-webkit-user-select:none}.suggestions-loading{position:fixed!important;width:calc(100% - 2rem);left:1rem;right:1rem;margin-left:0;margin-right:0}input{font-size:16px}.page-title{font-size:1.75rem}.coming-soon-card{padding:3rem 1.5rem}.coming-soon-icon{font-size:4rem}.coming-soon-title{font-size:1.5rem}}@media(prefers-color-scheme:light){.page-title{color:#111827}.page-description{color:#6b7280}.tab-button{background:#f9fafb;border-color:#e5e7eb;color:#6b7280}.tab-button:hover{background:#fff;border-color:#667eea;color:#111827}.tab-button.active{background:#eef2ff;border-color:#667eea;color:#667eea}.comparison-card,.results-card,.coming-soon-card{background:#fff;border-color:#e5e7eb}label{color:#374151}input{background:#f9fafb;border-color:#d1d5db;color:#111827}input:focus{background:#fff}input::placeholder{color:#9ca3af}.suggestions-list,.suggestions-loading{background:#fff;border-color:#d1d5db}.suggestions-list li{border-bottom-color:#e5e7eb}.suggestions-list li:hover{background:#f3f4f6}.stat{background:#f9fafb;border-color:#e5e7eb}.stat-label{color:#6b7280}.error-message{background:#fef2f2;color:#991b1b}.notice{background:#fffbeb;color:#92400e}.notice strong{color:#92400e}tbody tr:hover{background:#f9fafb}tbody tr.best-price{background:#eef2ff}.coming-soon-title{-webkit-text-fill-color:unset;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.coming-soon-description{color:#6b7280}}.about-page{max-width:800px;margin:0 auto;padding:2rem}.about-container{display:flex;flex-direction:column;gap:3rem}.about-header{text-align:center;padding:2rem 0}.about-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem}.about-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1rem}.about-subtitle{font-size:1.25rem;color:#ffffffb3;margin:0;line-height:1.6}.about-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-heading{font-size:1.5rem;font-weight:700;color:#ffffffe6;margin:0 0 1rem}.section-text{font-size:1rem;color:#ffffffb3;line-height:1.8;margin:0 0 1rem}.section-text:last-child{margin-bottom:0}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.features-list li{font-size:1rem;color:#ffffffb3;line-height:1.6;padding-left:1.5rem;position:relative}.features-list li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700}.support-section{background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:16px;padding:2.5rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.coffee-button{display:inline-block;padding:1rem 2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s;margin-top:1.5rem}.coffee-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea66}@media(max-width:768px){.about-page{padding:1rem}.about-title{font-size:2rem}.about-subtitle{font-size:1.1rem}.about-section,.support-section{padding:1.5rem}.section-heading{font-size:1.25rem}}@media(prefers-color-scheme:light){.about-title{-webkit-text-fill-color:unset;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-subtitle{color:#6b7280}.about-section,.support-section{background:#fff;border-color:#e5e7eb}.support-section{background:#eef2ff;border-color:#667eea}.section-heading{color:#111827}.section-text,.features-list li{color:#4b5563}}.faq-page{max-width:900px;margin:0 auto;padding:2rem}.faq-container{display:flex;flex-direction:column;gap:3rem}.faq-header{text-align:center}.faq-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1rem}.faq-subtitle{font-size:1.25rem;color:#ffffffb3;margin:0;line-height:1.6}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.faq-item.open{background:#ffffff14;border-color:#667eea4d}.faq-question{width:100%;padding:1.5rem;background:none;border:none;color:#ffffffe6;font-size:1.125rem;font-weight:600;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:color .2s}.faq-question:hover{color:#667eea}.faq-icon{font-size:1.5rem;font-weight:300;color:#667eea;flex-shrink:0}.faq-answer{padding:0 1.5rem 1.5rem;color:#ffffffb3;font-size:1rem;line-height:1.8;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.faq-page{padding:1rem}.faq-title{font-size:2rem}.faq-subtitle{font-size:1.1rem}.faq-question{padding:1.25rem;font-size:1rem}.faq-answer{padding:0 1.25rem 1.25rem;font-size:.95rem}}@media(prefers-color-scheme:light){.faq-title{-webkit-text-fill-color:unset;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.faq-subtitle{color:#6b7280}.faq-item{background:#fff;border-color:#e5e7eb}.faq-item.open{background:#f9fafb;border-color:#667eea}.faq-question{color:#111827}.faq-question:hover{color:#667eea}.faq-answer{color:#4b5563}}.contact-page{max-width:1200px;margin:0 auto;padding:2rem}.contact-container{display:flex;flex-direction:column;gap:3rem}.contact-header{text-align:center}.contact-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1rem}.contact-subtitle{font-size:1.25rem;color:#ffffffb3;margin:0;line-height:1.6}.contact-content{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-icon{font-size:2.5rem;margin-bottom:1rem}.info-title{font-size:1.125rem;font-weight:600;color:#ffffffe6;margin:0 0 .5rem}.info-text{font-size:.95rem;color:#fff9;line-height:1.6;margin:0}.contact-form-container{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;font-size:.9rem;color:#fffc}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:inherit;font-size:1rem;font-family:inherit;transition:border-color .2s,background .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;background:#ffffff14}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group textarea{resize:vertical;min-height:120px}.submit-button{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #667eea66}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.status-message{padding:1rem;border-radius:8px;font-size:.9rem;text-align:center}.status-message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#4ade80}.status-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}@media(max-width:768px){.contact-page{padding:1rem}.contact-title{font-size:2rem}.contact-subtitle{font-size:1.1rem}.contact-content{grid-template-columns:1fr}.contact-form-container{padding:1.5rem}}@media(prefers-color-scheme:light){.contact-title{-webkit-text-fill-color:unset;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-subtitle{color:#6b7280}.info-card,.contact-form-container{background:#fff;border-color:#e5e7eb}.info-title{color:#111827}.info-text{color:#6b7280}.form-group label{color:#374151}.form-group input,.form-group textarea{background:#f9fafb;border-color:#d1d5db;color:#111827}.form-group input:focus,.form-group textarea:focus{background:#fff}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.status-message.success{background:#f0fdf4;color:#15803d}.status-message.error{background:#fef2f2;color:#991b1b}}.privacy-page{max-width:900px;margin:0 auto;padding:2rem}.privacy-container{display:flex;flex-direction:column;gap:2rem}.privacy-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-align:center}.privacy-updated{text-align:center;color:#fff9;font-size:.9rem;margin:0}.privacy-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.privacy-section h2{font-size:1.5rem;font-weight:600;color:#ffffffe6;margin:0 0 1rem}.privacy-section p{font-size:1rem;color:#ffffffb3;line-height:1.8;margin:0 0 1rem}.privacy-section p:last-child{margin-bottom:0}.privacy-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.privacy-section li{font-size:1rem;color:#ffffffb3;line-height:1.6;padding-left:1.5rem;position:relative}.privacy-section li:before{content:"•";position:absolute;left:0;color:#667eea;font-weight:700;font-size:1.2rem}@media(max-width:768px){.privacy-page{padding:1rem}.privacy-title{font-size:2rem}.privacy-section{padding:1.5rem}.privacy-section h2{font-size:1.25rem}}@media(prefers-color-scheme:light){.privacy-title{-webkit-text-fill-color:unset;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.privacy-updated{color:#6b7280}.privacy-section{background:#fff;border-color:#e5e7eb}.privacy-section h2{color:#111827}.privacy-section p,.privacy-section li{color:#4b5563}}.notfound-page{max-width:800px;margin:0 auto;padding:4rem 2rem}.notfound-container{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem}.notfound-icon{font-size:8rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.notfound-title{font-size:2rem;font-weight:700;color:#ffffffe6;margin:0}.notfound-description{font-size:1.1rem;color:#fff9;line-height:1.6;margin:0;max-width:500px}.notfound-actions{display:flex;gap:1rem;margin-top:1rem}.notfound-button{padding:1rem 2rem;text-decoration:none;border-radius:8px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.notfound-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.notfound-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea66}.notfound-button.secondary{background:#667eea1a;color:#667eea;border:1px solid rgba(102,126,234,.3)}.notfound-button.secondary:hover{background:#667eea33;border-color:#667eea}@media(max-width:768px){.notfound-page{padding:3rem 1rem}.notfound-icon{font-size:6rem}.notfound-title{font-size:1.75rem}.notfound-description{font-size:1rem}.notfound-actions{flex-direction:column;width:100%}.notfound-button{width:100%}}@media(prefers-color-scheme:light){.notfound-icon{-webkit-text-fill-color:unset;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.notfound-title{color:#111827}.notfound-description{color:#6b7280}.notfound-button.secondary{background:#eef2ff}.notfound-button.secondary:hover{background:#e0e7ff}}