*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-ocean: #0a4f76;--color-ocean-d: #073a58;--color-sky: #1a8fc2;--color-wave: #2ab0d4;--color-sand: #f5f0e8;--color-text: #1a2332;--color-muted: #556070;--color-border: #dde3ec;--color-error: #c0392b;--color-success: #1e7e34;--radius: 8px;--shadow: 0 2px 12px rgba(10,79,118,.12);--font: "Segoe UI", system-ui, -apple-system, sans-serif}body{font-family:var(--font);background:#f8fafc;color:var(--color-text);line-height:1.6;min-height:100vh}a{color:var(--color-sky);text-decoration:none}a:hover{text-decoration:underline}img{display:block;max-width:100%}button,input,select,textarea{font-family:inherit}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--color-muted)}.form-group input{padding:.7rem 1rem;border:1.5px solid var(--color-border);border-radius:var(--radius);font-size:1rem;background:#fff;color:var(--color-text);transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--color-sky)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:background .2s,transform .1s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-ocean);color:#fff}.btn-primary:hover{background:var(--color-ocean-d)}.btn-outline{background:transparent;color:var(--color-ocean);border:2px solid var(--color-ocean)}.btn-outline:hover{background:var(--color-ocean);color:#fff}.btn-full{width:100%}.error-msg{color:var(--color-error);font-size:.875rem;margin-top:.25rem}.success-msg{color:var(--color-success);font-size:.9rem;background:#eafbea;border:1px solid #a5d6a7;border-radius:var(--radius);padding:.75rem 1rem}#root{min-height:100vh;display:flex;flex-direction:column}.lang-switcher{display:flex;gap:.2rem;margin-right:.5rem}.lang-switcher button{background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffb3;padding:.25rem .5rem;border-radius:4px;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;letter-spacing:.03em}.lang-switcher button:hover{background:#ffffff1f;color:#fff}.lang-switcher button.active{background:#fff3;color:#fff;border-color:#fff9}.navbar{position:sticky;top:0;z-index:100;background:var(--color-ocean);color:#fff;padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0003;flex-shrink:0}.navbar-brand{font-size:1.4rem;font-weight:700;color:#fff;letter-spacing:-.02em;cursor:pointer;background:none;border:none}.navbar-brand span{color:var(--color-wave)}.navbar-links{display:flex;align-items:center;gap:1rem}.navbar-links button{background:transparent;border:1.5px solid rgba(255,255,255,.5);color:#fff;padding:.45rem 1rem;border-radius:var(--radius);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.navbar-links button:hover{background:#ffffff26;border-color:#fff}.navbar-links button.cta{background:var(--color-wave);border-color:var(--color-wave)}.navbar-links button.cta:hover{background:#1a9db8}.hero{background:linear-gradient(135deg,var(--color-ocean) 0%,var(--color-sky) 60%,#2abbd4 100%);color:#fff;text-align:center;padding:6rem 2rem 5rem}.hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.15;margin-bottom:1.25rem;letter-spacing:-.03em}.hero h1 em{color:var(--color-wave);font-style:normal}.hero p{font-size:clamp(1rem,2.5vw,1.25rem);opacity:.88;max-width:640px;margin:0 auto 2.5rem}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-actions .btn{font-size:1.05rem;padding:.85rem 2rem}.section{padding:5rem 2rem}.section-inner{max-width:1100px;margin:0 auto}.section.alt{background:var(--color-sand)}.section-title{text-align:center;font-size:2rem;font-weight:700;color:var(--color-ocean);margin-bottom:.75rem}.section-subtitle{text-align:center;color:var(--color-muted);margin-bottom:3rem;font-size:1.05rem}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.module-card{background:#fff;border:1.5px solid var(--color-border);border-radius:12px;padding:2rem;box-shadow:var(--shadow)}.module-card-icon{font-size:2.5rem;margin-bottom:1rem}.module-card h3{font-size:1.4rem;color:var(--color-ocean);margin-bottom:.5rem}.module-card .tagline{color:var(--color-muted);font-size:.95rem;margin-bottom:1.25rem}.feature-list{list-style:none;display:flex;flex-direction:column;gap:.55rem}.feature-list li{display:flex;align-items:flex-start;gap:.6rem;font-size:.95rem}.feature-list li:before{content:"✓";color:var(--color-sky);font-weight:700;flex-shrink:0}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.platform-item{display:flex;gap:.75rem;align-items:flex-start}.platform-item .pi-icon{font-size:1.5rem;flex-shrink:0}.platform-item h4{font-size:1rem;color:var(--color-ocean);margin-bottom:.15rem}.platform-item p{font-size:.875rem;color:var(--color-muted)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;align-items:start}.pricing-card{background:#fff;border:1.5px solid var(--color-border);border-radius:12px;padding:2rem;box-shadow:var(--shadow);text-align:center;position:relative}.pricing-card.featured{border-color:var(--color-sky);box-shadow:0 4px 24px #1a8fc233}.pricing-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--color-sky);color:#fff;font-size:.78rem;font-weight:700;padding:.25rem .9rem;border-radius:99px;white-space:nowrap}.pricing-card h3{font-size:1.3rem;color:var(--color-ocean);margin-bottom:.25rem}.pricing-card .desc{font-size:.9rem;color:var(--color-muted);margin-bottom:1rem}.pricing-card .price{font-size:2.5rem;font-weight:800;color:var(--color-ocean);margin:1rem 0 .25rem}.pricing-card .price sup{font-size:1.2rem;vertical-align:top;margin-top:.7rem;display:inline-block}.pricing-card .price span{font-size:1rem;font-weight:400;color:var(--color-muted)}.pricing-card .discount{font-size:.85rem;color:var(--color-sky);margin-bottom:1.5rem}.pricing-card ul{list-style:none;text-align:left;margin-bottom:1.75rem;display:flex;flex-direction:column;gap:.5rem}.pricing-card ul li{font-size:.9rem;display:flex;gap:.5rem;align-items:flex-start}.pricing-card ul li:before{content:"✓";color:var(--color-sky);font-weight:700;flex-shrink:0}.auth-page{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--color-sand)}.auth-card{background:#fff;border:1.5px solid var(--color-border);border-radius:12px;padding:2.5rem;width:100%;max-width:440px;box-shadow:var(--shadow)}.auth-card h2{font-size:1.6rem;color:var(--color-ocean);margin-bottom:.4rem}.auth-card .auth-subtitle{color:var(--color-muted);font-size:.95rem;margin-bottom:1.75rem}.auth-form{display:flex;flex-direction:column;gap:1.1rem}.auth-footer{margin-top:1.5rem;text-align:center;font-size:.9rem;color:var(--color-muted)}.form-label-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.35rem}.form-label-row label{margin-bottom:0}button.link-small{background:none;border:none;color:var(--color-sky);cursor:pointer;font-size:.8rem;text-decoration:underline;padding:0}.auth-footer button.link{background:none;border:none;color:var(--color-sky);cursor:pointer;font-size:inherit;text-decoration:underline;padding:0}.site-footer{background:var(--color-ocean-d);color:#ffffffb3;text-align:center;padding:2rem 1rem;font-size:.875rem;flex-shrink:0}.site-footer a{color:#ffffffd9}.notice{padding:.75rem 1rem;border-radius:var(--radius);font-size:.9rem;margin-bottom:1rem}.notice.error{background:#fdf0ef;border:1px solid #e5b3ae;color:var(--color-error)}.notice.success{background:#eafbea;border:1px solid #a5d6a7;color:var(--color-success)}