:root{--color-primary: #016184;--color-primary-dark: #136C8D;--color-accent: #438BA5;--color-accent-hover: #5C9AB0;--color-bg: #FAFAFA;--color-bg-white: #FFFFFF;--color-text: #1A202C;--color-text-light: #5C9AB0;--color-border: #E2E8F0;--color-border-light: #F7FAFC;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-base: 1rem;--font-size-sm: .875rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-1: .5rem;--spacing-2: 1rem;--spacing-3: 1.5rem;--spacing-4: 2rem;--spacing-5: 2.5rem;--spacing-6: 3rem;--spacing-8: 4rem;--spacing-12: 6rem;--container-max-width: 1200px;--container-narrow-width: 800px;--border-radius: 8px;--border-radius-sm: 4px;--border-radius-lg: 12px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text);margin-bottom:var(--spacing-2)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-2)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}ul,ol{margin-bottom:var(--spacing-2);padding-left:var(--spacing-4)}li{margin-bottom:var(--spacing-1)}img,svg{display:block;max-width:100%;height:auto}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-3)}.container-narrow{max-width:var(--container-narrow-width)}.skip-link{position:absolute;top:-100px;left:0;background:var(--color-primary);color:#fff;padding:var(--spacing-2);text-decoration:none;border-radius:var(--border-radius-sm);z-index:100}.skip-link:focus{top:var(--spacing-2);left:var(--spacing-2)}section{padding:var(--spacing-8) 0}.section-title{text-align:center;margin-bottom:var(--spacing-6);color:var(--color-text)}@media (max-width: 768px){:root{--font-size-4xl: 2rem;--font-size-3xl: 1.5rem;--font-size-2xl: 1.25rem}section{padding:var(--spacing-6) 0}}@media (max-width: 480px){:root{--font-size-4xl: 1.75rem;--font-size-3xl: 1.375rem;--spacing-8: 3rem}}.text-center{text-align:center}.text-light{color:var(--color-text-light)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.header{background:var(--color-bg-white);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50;box-shadow:var(--shadow-sm)}.nav{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) 0}.nav-brand .logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.nav-menu{display:flex;list-style:none;gap:var(--spacing-4);margin:0;padding:0}.nav-link{color:var(--color-text-light);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.nav-link:hover{color:var(--color-primary);background-color:var(--color-border-light)}.nav-link.active{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.nav-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:var(--spacing-1)}.hamburger{width:24px;height:2px;background-color:var(--color-primary);position:relative;transition:background-color var(--transition-fast)}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background-color:var(--color-primary);left:0;transition:transform var(--transition-base)}.hamburger:before{top:-7px}.hamburger:after{top:7px}.nav-toggle[aria-expanded=true] .hamburger{background-color:transparent}.nav-toggle[aria-expanded=true] .hamburger:before{transform:rotate(45deg) translate(5px,5px)}.nav-toggle[aria-expanded=true] .hamburger:after{transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 768px){.nav-toggle{display:flex}.nav-menu{position:fixed;top:73px;left:0;right:0;background:var(--color-bg-white);flex-direction:column;padding:var(--spacing-4);gap:var(--spacing-2);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform var(--transition-base),opacity var(--transition-base),visibility var(--transition-base)}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.nav-link{display:block;padding:var(--spacing-2)}}.btn{display:inline-block;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-align:center;border-radius:var(--border-radius-sm);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;line-height:1}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary);color:#fff}.card{background:var(--color-bg-white);border-radius:var(--border-radius);padding:var(--spacing-4);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.footer{background-color:var(--color-bg-white);border-top:1px solid var(--color-border);padding:var(--spacing-6) 0 var(--spacing-4);margin-top:var(--spacing-12)}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4);flex-wrap:wrap;gap:var(--spacing-4)}.footer-brand{flex:1;min-width:200px}.footer-app-name{font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-1)}.footer-contact{font-size:var(--font-size-sm);color:var(--color-text-light);margin:0}.footer-contact a{color:var(--color-primary)}.footer-links{display:flex;gap:var(--spacing-4);flex-wrap:wrap}.footer-links a{color:var(--color-text-light);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{text-align:center;padding-top:var(--spacing-4);border-top:1px solid var(--color-border)}.footer-bottom p{font-size:var(--font-size-sm);color:var(--color-text-light);margin:0}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}}.accordion{border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden}.accordion-item{border-bottom:1px solid var(--color-border)}.accordion-item:last-child{border-bottom:none}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);background:var(--color-bg-white);border:none;cursor:pointer;text-align:left;transition:background-color var(--transition-fast)}.accordion-header:hover{background-color:var(--color-border-light)}.accordion-header:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.accordion-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.accordion-icon{font-size:var(--font-size-2xl);color:var(--color-primary);font-weight:var(--font-weight-normal);line-height:1;transition:transform var(--transition-base);flex-shrink:0;margin-left:var(--spacing-2)}.accordion-header[aria-expanded=true] .accordion-icon{transform:rotate(45deg)}.accordion-content{padding:0 var(--spacing-3) var(--spacing-3);background:var(--color-bg-white)}.accordion-content[hidden]{display:none}.accordion-content p:last-child,.accordion-content ol:last-child,.accordion-content ul:last-child{margin-bottom:0}.contact-box{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-5);text-align:center;margin-bottom:var(--spacing-6)}.contact-box h2{margin-bottom:var(--spacing-3)}.contact-email{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.contact-email a{color:var(--color-primary)}.contact-response{font-size:var(--font-size-sm);color:var(--color-text-light);margin:0}.hero{background:linear-gradient(135deg,#fafafa,#f7fafc);padding:var(--spacing-8) 0}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-8);align-items:center}.hero-title{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-3);color:var(--color-primary)}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-light);margin-bottom:var(--spacing-5);line-height:var(--line-height-relaxed)}.hero-cta{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.hero-visual{display:flex;justify-content:center;align-items:center}.app-icon{width:200px;height:200px}.app-icon img{width:100%;height:100%;object-fit:contain;border-radius:22%;box-shadow:0 10px 30px #00000026,0 4px 8px #0000001a;transition:transform var(--transition-base),box-shadow var(--transition-base)}.app-icon img:hover{transform:translateY(-2px);box-shadow:0 12px 35px #0003,0 6px 10px #0000001f}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;gap:var(--spacing-6);text-align:center}.hero-title{font-size:var(--font-size-4xl)}.hero-cta{justify-content:center}.app-icon{width:150px;height:150px}}.features{background:var(--color-bg-white)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-4)}.feature-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-5);text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-icon{width:48px;height:48px;margin:0 auto var(--spacing-3);color:var(--color-accent)}.feature-icon svg{width:100%;height:100%}.feature-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2);color:var(--color-text)}.feature-description{font-size:var(--font-size-base);color:var(--color-text-light);margin:0}.how-it-works{background:var(--color-bg)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6)}.step{text-align:center}.step-number{width:60px;height:60px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 auto var(--spacing-3)}.step-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-2)}.step-description{color:var(--color-text-light);margin:0}.privacy-promise{background:var(--color-primary);color:#fff}.privacy-promise .section-title{color:#fff}.privacy-content{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-6);align-items:center;max-width:900px;margin:0 auto}.privacy-icon{width:80px;height:80px;color:#fff;opacity:.95}.privacy-icon svg{width:100%;height:100%}.privacy-title{font-size:var(--font-size-3xl);color:#fff;margin-bottom:var(--spacing-2)}.privacy-description{font-size:var(--font-size-lg);color:#ffffffe6;line-height:var(--line-height-relaxed);margin:0}@media (max-width: 768px){.privacy-content{grid-template-columns:1fr;text-align:center}.privacy-icon{margin:0 auto}}.page-header{background:linear-gradient(135deg,#fafafa,#f7fafc);padding:var(--spacing-6) 0;text-align:center;border-bottom:1px solid var(--color-border)}.page-header h1{margin-bottom:var(--spacing-2)}.page-meta{color:var(--color-text-light);font-size:var(--font-size-sm);margin:0}.legal-content{padding:var(--spacing-8) 0;background:var(--color-bg-white)}.legal-document{background:var(--color-bg-white)}.legal-document section{margin-bottom:var(--spacing-6);padding:0}.legal-document section:last-child{margin-bottom:0}.legal-document h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-3);margin-top:var(--spacing-5);padding-top:var(--spacing-3);border-top:1px solid var(--color-border)}.legal-document section:first-child h2{margin-top:0;padding-top:0;border-top:none}.legal-document h3{font-size:var(--font-size-xl);margin-top:var(--spacing-4);margin-bottom:var(--spacing-2);color:var(--color-primary)}.legal-document p,.legal-document ul,.legal-document ol{color:var(--color-text);line-height:var(--line-height-relaxed)}.legal-document ul,.legal-document ol{margin-left:var(--spacing-4)}.legal-document li{margin-bottom:var(--spacing-2)}.legal-document a{color:var(--color-primary);text-decoration:underline}.legal-document a:hover{color:var(--color-primary-dark)}.legal-document strong{font-weight:var(--font-weight-semibold);color:var(--color-text)}.support-content{padding:var(--spacing-8) 0;background:var(--color-bg-white)}.faq-section{margin-top:var(--spacing-6)}.faq-section h2{margin-bottom:var(--spacing-4)}.error-page{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center}.error-content{max-width:500px}.error-title{font-size:8rem;color:var(--color-primary);margin-bottom:var(--spacing-3);line-height:1}.error-message{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.error-description{font-size:var(--font-size-lg);color:var(--color-text-light);margin-bottom:var(--spacing-5)}@media (max-width: 768px){.error-title{font-size:6rem}}
