.home-view[data-v-84572d7b]{width:100%;animation:fadeIn-84572d7b .5s ease-in}@keyframes fadeIn-84572d7b{0%{opacity:0}to{opacity:1}}.hero-banner[data-v-84572d7b]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;width:100%;padding:60px 32px;background:#f5f5f7d9;border-radius:32px;box-shadow:0 8px 32px #0000001a;margin-bottom:32px;gap:24px;position:relative;overflow:hidden}.dark .hero-banner[data-v-84572d7b]{background:#1c1c1e}.hero-icon-wrapper[data-v-84572d7b]{width:100px;height:100px;background:-webkit-linear-gradient(30deg,blue,red);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse-84572d7b 2s ease-in-out infinite;box-shadow:0 8px 32px #0000ff4d}@keyframes pulse-84572d7b{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.hero-icon[data-v-84572d7b]{width:50px;height:50px;color:#fff}.hero-banner h1[data-v-84572d7b]{font-family:Roboto,sans-serif;font-size:3rem;font-weight:700;text-align:center;letter-spacing:2px;color:#222;margin:0}.dark .hero-banner h1[data-v-84572d7b]{color:#fff}.hero-banner h2[data-v-84572d7b]{font-family:Roboto,sans-serif;font-size:1.5rem;font-style:italic;text-align:center;background:-webkit-linear-gradient(30deg,blue,red);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px;margin:0}.hero-actions[data-v-84572d7b]{display:flex;align-items:center;gap:20px;margin-top:16px}.btn-create[data-v-84572d7b],.btn-try[data-v-84572d7b]{font-family:Roboto,sans-serif;font-size:1.1rem;padding:.875rem 2.5rem;border-radius:32px;border:none;cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #0000001f;font-weight:600;display:flex;align-items:center;gap:8px}.btn-create[data-v-84572d7b]{background:-webkit-linear-gradient(30deg,blue,red);color:#fff}.btn-try[data-v-84572d7b]{background:#fff;border:2px solid blue;color:#00f}.dark .btn-try[data-v-84572d7b]{background:#1e1e28f2;color:#fff;border-color:red}.btn-create[data-v-84572d7b]:hover,.btn-try[data-v-84572d7b]:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0003}.services-section[data-v-84572d7b]{margin-bottom:48px}.section-title[data-v-84572d7b]{font-family:roboto,sans-serif;font-size:2.5rem;font-weight:700;text-align:center;background:-webkit-linear-gradient(30deg,blue,red);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 8px;letter-spacing:1px}.section-subtitle[data-v-84572d7b]{font-family:roboto,sans-serif;font-size:1.1rem;text-align:center;color:#666;margin:0 0 32px;font-style:italic}.dark .section-subtitle[data-v-84572d7b]{color:#aaa}.services-grid[data-v-84572d7b]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card[data-v-84572d7b]{background:#f5f5f7d9;border-radius:24px;padding:32px 24px;text-align:center;box-shadow:0 4px 16px #00000014;transition:all .3s ease;display:flex;flex-direction:column;align-items:center}.dark .service-card[data-v-84572d7b]{background:#1c1c1e}.service-card[data-v-84572d7b]:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026}.service-icon[data-v-84572d7b]{font-size:4rem;margin-bottom:16px;animation:float-84572d7b 3s ease-in-out infinite}.service-card:nth-child(2) .service-icon[data-v-84572d7b]{animation-delay:.3s}.service-card:nth-child(3) .service-icon[data-v-84572d7b]{animation-delay:.6s}.service-card:nth-child(4) .service-icon[data-v-84572d7b]{animation-delay:.9s}.service-card:nth-child(5) .service-icon[data-v-84572d7b]{animation-delay:1.2s}.service-card:nth-child(6) .service-icon[data-v-84572d7b]{animation-delay:1.5s}@keyframes float-84572d7b{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.service-card h3[data-v-84572d7b]{font-family:roboto,sans-serif;font-size:1.25rem;font-weight:600;color:#222;margin:0 0 12px}.dark .service-card h3[data-v-84572d7b]{color:#fff}.service-card p[data-v-84572d7b]{font-family:roboto,sans-serif;font-size:.95rem;color:#666;line-height:1.6;margin:0}.dark .service-card p[data-v-84572d7b]{color:#aaa}.progress-card[data-v-84572d7b]{margin-bottom:32px}.progressbar[data-v-84572d7b]{display:flex;list-style:none;background:-webkit-linear-gradient(30deg,blue,red);color:#fff;border-radius:10px;padding:20px;margin:0;gap:0}.progressbar li[data-v-84572d7b]{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.progressbar .marker[data-v-84572d7b]{width:32px;height:32px;border-radius:50%;background:#ffffff4d;border:2px solid white;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;z-index:1;margin-bottom:8px;font-size:.9rem}.progressbar .completed .marker[data-v-84572d7b]{background:#fff;border-color:#fff;color:#06c}.progressbar li[data-v-84572d7b]:not(:last-child):after{content:"";position:absolute;top:16px;left:calc(50% + 16px);width:calc(100% - 32px);height:3px;background:#fff6}.progressbar .completed[data-v-84572d7b]:not(:last-child):after{background:#fff}.progressbar p[data-v-84572d7b]{font-size:.9rem;text-align:center;margin:0}.main-section[data-v-84572d7b]{display:grid;grid-template-columns:2fr 1fr;gap:32px;margin-bottom:32px;padding:32px;background:url(./napo2-BkCLISob.jpg) center/cover no-repeat;border-radius:24px;position:relative;overflow:hidden}.main-section[data-v-84572d7b]:before{content:"";position:absolute;inset:0;background:#fff9;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:0;border-radius:24px}.dark .main-section[data-v-84572d7b]:before{background:#0009}.carousel-card[data-v-84572d7b],.news-card[data-v-84572d7b]{position:relative;z-index:1}.carousel-card[data-v-84572d7b]{display:flex;flex-direction:column;gap:20px}.carousel-wrapper[data-v-84572d7b]{display:flex;align-items:center;gap:16px;height:300px}.carousel-btn-left[data-v-84572d7b],.carousel-btn-right[data-v-84572d7b]{background:-webkit-linear-gradient(30deg,blue,red);border-radius:50%;color:#fff;border:none;font-size:48px;width:56px;height:56px;cursor:pointer;transition:all .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;line-height:1}.carousel-btn-left[data-v-84572d7b]:hover,.carousel-btn-right[data-v-84572d7b]:hover{transform:scale(1.1);box-shadow:0 4px 16px #0003}.carousel-viewport[data-v-84572d7b]{flex:1;overflow:hidden;border-radius:10px}.carousel-track[data-v-84572d7b]{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1)}.carousel-track img[data-v-84572d7b]{min-width:100%;max-width:100%;height:300px;object-fit:contain}.carousel-indicators[data-v-84572d7b]{display:flex;justify-content:center;gap:12px}.dot[data-v-84572d7b]{width:12px;height:12px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .3s ease}.dot.active[data-v-84572d7b]{background:#fff;transform:scale(1.3)}.carousel-description[data-v-84572d7b]{font-family:roboto,sans-serif;background:linear-gradient(30deg,#00f,red);padding:20px;border-radius:10px;color:#fff;box-shadow:0 8px 32px #0000005e;line-height:1.6}.news-card[data-v-84572d7b]{background:-webkit-linear-gradient(30deg,blue,red);border-radius:10px;padding:20px;color:#fff;font-family:arial,sans-serif}.news-card h3[data-v-84572d7b]{font-family:roboto,sans-serif;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:12px;margin-top:0}.news-card ul[data-v-84572d7b] li{margin-top:20px;line-height:1.6}.french-card[data-v-84572d7b]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:60px 40px;background:-webkit-linear-gradient(135deg,rgba(0,0,139,.05),rgba(255,0,0,.05));border-radius:32px;box-shadow:0 8px 32px #0000001f;position:relative;overflow:hidden;border:2px solid rgba(0,0,139,.1)}.dark .french-card[data-v-84572d7b]{background:-webkit-linear-gradient(135deg,rgba(0,0,139,.15),rgba(255,0,0,.15));border-color:#ffffff1a}.french-card[data-v-84572d7b]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,139,.03) 10px,rgba(0,0,139,.03) 20px);animation:slide-84572d7b 20s linear infinite;pointer-events:none}@keyframes slide-84572d7b{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.french-flag[data-v-84572d7b],.french-card img[data-v-84572d7b]{width:150px;height:120px;border-radius:16px;border:3px solid rgba(255,255,255,.8);box-shadow:0 8px 24px #00000026;object-fit:cover;transition:all .3s ease;z-index:1}.french-card img[data-v-84572d7b]:hover,.french-flag[data-v-84572d7b]:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 12px 32px #00000040}.french-flag[data-v-84572d7b]{background:linear-gradient(90deg,#00f 33%,#fff 33% 66%,red 66%)}.french-card img[data-v-84572d7b]{background:none}.french-title[data-v-84572d7b]{font-family:Roboto,sans-serif;font-size:2rem;font-weight:700;background:-webkit-linear-gradient(30deg,blue,red);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;text-align:center;letter-spacing:1px;z-index:1}.french-text[data-v-84572d7b]{font-family:Roboto,sans-serif;font-size:1.1rem;text-align:center;color:#333;max-width:800px;line-height:1.8;margin:0;z-index:1}.dark .french-text[data-v-84572d7b]{color:#ddd}@media (max-width: 767px){.hero-card[data-v-84572d7b]{padding:20px 12px;border-radius:12px}.hero-banner[data-v-84572d7b]{min-height:320px;padding:40px 20px}.hero-icon-wrapper[data-v-84572d7b]{width:80px;height:80px}.hero-icon[data-v-84572d7b]{width:40px;height:40px}.hero-banner h1[data-v-84572d7b]{font-size:1.8rem}.hero-banner h2[data-v-84572d7b]{font-size:1rem}.hero-actions[data-v-84572d7b]{flex-direction:column;width:100%}.btn-create[data-v-84572d7b],.btn-try[data-v-84572d7b]{width:100%;justify-content:center;padding:12px 20px;font-size:1rem}.services-grid[data-v-84572d7b]{grid-template-columns:1fr;gap:16px}.section-title[data-v-84572d7b]{font-size:1.8rem}.section-subtitle[data-v-84572d7b]{font-size:.9rem}.progressbar[data-v-84572d7b]{flex-direction:column;align-items:flex-start;text-align:left;gap:20px}.progressbar li[data-v-84572d7b]{flex-direction:row;align-items:center;gap:12px}.progressbar li[data-v-84572d7b]:after{display:none}.progressbar p[data-v-84572d7b]{text-align:left}.main-section[data-v-84572d7b]{grid-template-columns:1fr;gap:40px}.carousel-wrapper[data-v-84572d7b],.carousel-track img[data-v-84572d7b]{height:180px}.carousel-btn-left[data-v-84572d7b],.carousel-btn-right[data-v-84572d7b]{width:40px;height:40px;font-size:32px}.french-card[data-v-84572d7b]{flex-direction:column;gap:12px;padding:16px}.french-flag[data-v-84572d7b],.french-card img[data-v-84572d7b]{width:60px;height:50px}.french-card p[data-v-84572d7b]{font-size:.8rem}}.mail-access-sso[data-v-2434b4bb]{display:flex;flex-direction:column;align-items:center;gap:16px}.mail-button[data-v-2434b4bb]{font-family:roboto,sans-serif;font-size:1.2rem;padding:1rem 2.5rem;border-radius:32px;border:none;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;gap:12px;transition:all .3s ease;box-shadow:0 4px 16px #00000026;font-weight:600}.mail-button[data-v-2434b4bb]:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 24px #00000040}.mail-button[data-v-2434b4bb]:disabled{opacity:.6;cursor:not-allowed}.btn-icon[data-v-2434b4bb]{width:24px;height:24px}.error-message[data-v-2434b4bb]{color:#e74c3c;font-size:.9rem;text-align:center;padding:12px 20px;background:#e74c3c1a;border-radius:8px;border-left:4px solid #e74c3c}.mail-view[data-v-8146e08a]{width:100%;animation:fadeIn-8146e08a .5s ease-in}@keyframes fadeIn-8146e08a{0%{opacity:0}to{opacity:1}}.hero-card[data-v-8146e08a]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;width:100%;padding:48px 32px;background:#f5f5f7d9;border-radius:32px;box-shadow:0 8px 32px #0000001a;margin-bottom:32px;gap:24px}.dark .hero-card[data-v-8146e08a]{background:#1c1c1e}.mail-icon-wrapper[data-v-8146e08a]{width:80px;height:80px;background:-webkit-linear-gradient(30deg,blue,red);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse-8146e08a 2s ease-in-out infinite}@keyframes pulse-8146e08a{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.mail-icon[data-v-8146e08a]{width:40px;height:40px;color:#fff}.hero-card h1[data-v-8146e08a]{font-family:roboto,sans-serif;font-size:2.5rem;font-weight:700;text-align:center;letter-spacing:1px;color:#222;margin:0}.dark .hero-card h1[data-v-8146e08a]{color:#fff}.hero-card h2[data-v-8146e08a]{font-family:roboto,sans-serif;font-size:1.25rem;font-style:italic;text-align:center;background:-webkit-linear-gradient(30deg,blue,red);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.5px;margin:0}.btn-open-mail[data-v-8146e08a]{font-family:roboto,sans-serif;font-size:1.2rem;padding:1rem 2.5rem;border-radius:32px;border:none;cursor:pointer;background:-webkit-linear-gradient(30deg,blue,red);color:#fff;display:flex;align-items:center;gap:12px;transition:all .3s ease;box-shadow:0 4px 16px #00000026;font-weight:600}.btn-open-mail[data-v-8146e08a]:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000040}.btn-icon[data-v-8146e08a]{width:24px;height:24px}.features-section[data-v-8146e08a]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.feature-card[data-v-8146e08a]{background:#f5f5f7d9;border-radius:24px;padding:32px 24px;text-align:center;box-shadow:0 4px 16px #00000014;transition:all .3s ease}.dark .feature-card[data-v-8146e08a]{background:#1c1c1e}.feature-card[data-v-8146e08a]:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026}.feature-icon[data-v-8146e08a]{font-size:3rem;margin-bottom:16px;animation:bounce-8146e08a 2s ease-in-out infinite}.feature-card:nth-child(2) .feature-icon[data-v-8146e08a]{animation-delay:.2s}.feature-card:nth-child(3) .feature-icon[data-v-8146e08a]{animation-delay:.4s}@keyframes bounce-8146e08a{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-card h3[data-v-8146e08a]{font-family:roboto,sans-serif;font-size:1.25rem;font-weight:600;color:#222;margin:0 0 12px}.dark .feature-card h3[data-v-8146e08a]{color:#fff}.feature-card p[data-v-8146e08a]{font-family:roboto,sans-serif;font-size:.95rem;color:#666;line-height:1.6;margin:0}.dark .feature-card p[data-v-8146e08a]{color:#aaa}.info-card[data-v-8146e08a]{display:flex;align-items:center;gap:16px;padding:24px 28px;background:#dcdcf0f2;border-radius:24px;border-left:4px solid blue;box-shadow:0 4px 16px #00000014}.dark .info-card[data-v-8146e08a]{background:#00320033;border-left-color:#06c}.info-icon[data-v-8146e08a]{width:28px;height:28px;color:#06c;flex-shrink:0}.info-card p[data-v-8146e08a]{font-family:roboto,sans-serif;font-size:1rem;color:#222;margin:0;line-height:1.6}.dark .info-card p[data-v-8146e08a]{color:#fff}@media (max-width: 767px){.hero-card[data-v-8146e08a]{padding:32px 20px;border-radius:20px}.hero-card h1[data-v-8146e08a]{font-size:1.8rem}.hero-card h2[data-v-8146e08a]{font-size:1rem}.btn-open-mail[data-v-8146e08a]{width:100%;justify-content:center;font-size:1rem;padding:.875rem 1.5rem}.features-section[data-v-8146e08a]{grid-template-columns:1fr;gap:16px}.info-card[data-v-8146e08a]{flex-direction:column;text-align:center;padding:20px}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden;margin:0;padding:0}#app{width:100%;overflow-x:hidden;min-height:100vh}@font-face{font-family:roboto;src:url(./RobotoCondensed-Regular-DfW4Xbmi.ttf)}.logo{width:35px;height:35px}header{display:flex;height:100px;align-items:center;justify-content:center;position:sticky;top:0;background:#fff;z-index:10000}h1{font-family:roboto}p{font-family:arial}header>nav>div{display:flex;align-items:center}nav{padding-left:16px;border-left:1px solid black;display:flex;align-items:center;height:35px;position:relative;gap:28px}nav a.router-link-active{background:-webkit-linear-gradient(30deg,blue,red);border-radius:16px;color:#fff;box-shadow:0 4px 16px #0003;border:none;outline:none;position:relative;filter:brightness(1.05);transform:translateY(-2px) scale(1.04);transition:all .3s ease}nav a.router-link-active:before{content:"";position:absolute;inset:-3px;border-radius:18px;padding:3px;background:linear-gradient(45deg,#2979ff,#ed4956,#2979ff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borderGlow 3s linear infinite}@keyframes borderGlow{0%,to{opacity:1}50%{opacity:.6}}nav a.router-link-active:hover{color:#fff;background:-webkit-linear-gradient(30deg,blue,red);box-shadow:0 6px 20px #00000040;filter:brightness(1.08);transform:translateY(-3px) scale(1.06)}nav a{padding:10px;font-size:20px;border-left:1px solid var(--color-border);font-family:Roboto,sans-serif;color:#000;text-decoration:none;transition:all .3s ease}nav a:hover{transform:translateY(-1px)}nav a:first-of-type{border:0}footer{position:fixed;bottom:0;right:0;background:#000000f2;padding:16px 24px;border-top-left-radius:24px;box-shadow:0 -4px 20px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:90}footer a{font-family:Roboto,sans-serif;padding:0 8px;text-decoration:none;color:#fff;font-weight:500;font-size:14px;transition:all .3s ease;border-radius:12px;display:inline-block}footer a:hover{background:#ffffff1a;transform:translateY(-2px)}footer a:first-of-type{border:0}.dark footer{background:#fffffff2}.dark footer a{color:#000}.dark footer a:hover{background:#0000000d}#bdeco{background:-webkit-linear-gradient(30deg,#ff4444,#ff0000);color:#fff;border:none;height:44px;padding:0 24px;font-size:18px;font-family:Roboto,sans-serif;font-weight:600;margin-left:20px;border-radius:22px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff44444d;display:flex;align-items:center;gap:8px}#bdeco:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f446;background:-webkit-linear-gradient(30deg,#ff0000,#cc0000)}#bdeco:active{transform:translateY(0)}#sb{width:100%;height:100%;position:fixed;background:#000000b3;left:0;top:0;z-index:11000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}#pop{position:fixed;background:#fff;text-align:center;left:50%;top:50%;transform:translate(-50%,-50%);width:90%;max-width:420px;padding:40px 32px;border-radius:32px;z-index:11001;font-family:Roboto,sans-serif;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(-50%,-60%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}#pop p{font-size:1.2rem;font-weight:500;color:#333;margin:0 0 32px;line-height:1.6}#pop>#Cancel{background:#96969633;color:#333;border:2px solid #ddd;padding:12px 32px;border-radius:16px;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-right:12px}#pop>#Cancel:hover{background:#9696964d;border-color:#999;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}#pop>#Yes{background:-webkit-linear-gradient(30deg,#ff4444,#ff0000);color:#fff;border:none;padding:12px 32px;border-radius:16px;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff44444d}#pop>#Yes:hover{background:-webkit-linear-gradient(30deg,#ff0000,#cc0000);transform:translateY(-2px);box-shadow:0 6px 20px #f446}#toggle{border:none;background:none;font-size:30px}.dark>body{background:#3b1c32;color:#fff}.dark nav a.router-link-exact-active{background:#fff;color:#000}.dark nav a{color:#fff}.dark nav{border-left:1px solid white}.dark nav a:hover{color:#fff;background:-webkit-linear-gradient(30deg,blue,red);box-shadow:0 0 12px 2px #2979ff47,0 0 24px 4px #ed49562e;filter:brightness(1.12);text-shadow:0 2px 8px rgba(41,121,255,.18)}.dark #pop{background:#1c1c1e;box-shadow:0 20px 60px #0009}.dark #pop p{color:#fff}.dark #pop>#Cancel{background:#6464644d;border-color:#444;color:#fff}.dark #pop>#Cancel:hover{background:#64646480;border-color:#666}.dark button{color:#fff}select{background:-webkit-linear-gradient(30deg,blue,red);border-radius:12px;color:#fff;padding:8px 16px;border:none;font-size:15px;font-family:Roboto,sans-serif;font-weight:600;margin-right:12px;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 8px #00000026;color-scheme:light}.dark select{color-scheme:dark}select option{background-color:#fff;color:#000}.dark select option{background-color:#2d2d2d;color:#fff}select:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}#toggle{border:none;display:flex;padding:0;font-size:28px;cursor:pointer;transition:all .3s ease;position:relative}#toggle:hover{transform:scale(1.15) rotate(15deg)}.dark #toggle:hover{transform:scale(1.15) rotate(-15deg)}header{display:flex;align-items:center;justify-content:flex-start;gap:32px;padding:20px 48px;background:#fffffffa;box-shadow:0 4px 20px #00000014;border-radius:0 0 32px 32px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10000}header:hover{box-shadow:0 6px 28px #0000001f}.logo{width:48px;height:48px;margin-right:8px;border-radius:16px;box-shadow:0 4px 12px #0000001f;transition:all .3s ease;cursor:pointer}.logo:hover{transform:scale(1.08) rotate(5deg);box-shadow:0 6px 20px #0000002e}.dark nav{background:#1e1e28d9}.dark nav a{color:#eee}.dark nav a.router-link-active,.dark nav a.router-link-exact-active,.dark nav a:hover{background:-webkit-linear-gradient(30deg,blue,red);color:#fff}.dark select{background:-webkit-linear-gradient(30deg,blue,red)}.dark header{background:#1e1e28f2}.dark .logo{box-shadow:0 2px 8px #0000004d}.burger{display:none;background:none;border:none;font-size:28px;cursor:pointer;color:#000;padding:8px;z-index:10001;transition:all .3s ease}.burger:hover{transform:scale(1.1)}.dark .burger{color:#fff}@media (max-width: 768px){header{flex-wrap:nowrap;padding:12px 20px;gap:12px;position:relative}.logo{width:40px;height:40px;margin-right:auto}.burger{display:block;margin-left:auto}nav{position:fixed;top:66px;left:0;right:0;background:#fff;width:100%;height:calc(100vh - 66px);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:24px 20px 40px;gap:12px;margin-top:20px;border-left:none;border-top:none;transform:translate(-100%);transition:transform .3s ease;z-index:9999;overflow-y:auto;overflow-x:hidden;box-shadow:4px 0 20px #0000001a}nav.open{transform:translate(0)}body.menu-open{overflow:hidden!important;position:fixed;width:100%;height:100%}body.menu-open #app{overflow:hidden}nav a{padding:14px 20px;border:none;border-bottom:1px solid #e5e7eb;width:100%;text-align:left;font-size:18px;border-radius:8px;margin-bottom:4px}nav a:hover{background:#0000000d}.nav-settings{flex-direction:column;gap:12px;padding-top:16px;margin-top:16px;border-top:2px solid #e5e7eb;align-items:stretch;display:flex}nav #bdeco{width:40%;position:relative;left:50%;margin-left:-20%;background:linear-gradient(135deg,#ef4444,#dc2626);height:auto;padding:14px 20px;font-size:20px;border-radius:12px;font-weight:600;color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #ef44444d;text-align:center}.nav-settings select,.nav-settings button{width:100%;justify-content:center}.dark nav{background:#1e1e28fa;border-top-color:#444}.dark nav a{border-bottom-color:#444}.dark .nav-settings{border-top-color:#444}footer{position:fixed;bottom:0;left:0;right:0;border-radius:0;padding:12px 16px;text-align:center;display:flex;justify-content:center;gap:12px}}@media (max-width: 480px){header{padding:10px 16px}.logo{width:36px;height:36px}nav{top:60px;height:calc(100vh - 60px)}nav a{font-size:16px;padding:12px 16px}}:root{--royal-blue: #1e3a8a;--royal-blue-light: #2563eb;--royal-blue-dark: #1e40af;--royal-blue-darker: #1e293b;--primary: #2563eb;--primary-light: #3b82f6;--primary-lighter: #60a5fa;--primary-dark: #1d4ed8;--primary-darker: #1e40af;--secondary: #8b5cf6;--accent: #f59e0b;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #06b6d4;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-dark: #0f172a;--bg-overlay: rgba(15, 23, 42, .7);--bg-glass: rgba(255, 255, 255, .8);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-white: #ffffff;--border-color: #e2e8f0;--border-radius-sm: .375rem;--border-radius: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-2xl: 1.5rem;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-royal: 0 10px 30px -5px rgba(37, 99, 235, .3);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .5s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}@media (prefers-color-scheme: dark){:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-glass: rgba(30, 41, 59, .8);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .5);--shadow-royal: 0 10px 30px -5px rgba(59, 130, 246, .5)}}.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-glass: rgba(30, 41, 59, .8);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .5);--shadow-royal: 0 10px 30px -5px rgba(59, 130, 246, .5)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out}.animate-fade-in-down{animation:fadeInDown var(--transition-slow) ease-out}.animate-slide-in-left{animation:slideInLeft var(--transition-slow) ease-out}.animate-slide-in-right{animation:slideInRight var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;line-height:1.5;border-radius:var(--border-radius);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-white);box-shadow:var(--shadow-royal)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px -5px #2563eb66}.btn-secondary{background:var(--gray-100);color:var(--text-primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--gray-200);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--text-white);transform:translateY(-2px)}.btn-lg{padding:.875rem 1.75rem;font-size:1rem}.btn-sm{padding:.375rem .875rem;font-size:.8125rem}.card{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--gray-50)}.card-body{padding:1.5rem}.card-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--gray-50)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:var(--border-radius-full);background:var(--primary);color:var(--text-white)}.badge-success{background:var(--success)}.badge-warning{background:var(--warning)}.badge-danger{background:var(--danger)}.badge-secondary{background:var(--gray-200);color:var(--text-primary)}.form-input{width:100%;padding:.625rem 1rem;font-size:.875rem;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--border-radius);transition:all var(--transition-base)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.form-input:hover{border-color:var(--primary-light)}.skeleton{background:linear-gradient(90deg,var(--gray-200) 0%,var(--gray-300) 50%,var(--gray-200) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--border-radius)}.loader{width:40px;height:40px;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.transition-all{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.hover-lift:hover{transform:translateY(-4px)}.hover-scale:hover{transform:scale(1.05)}.hover-glow:hover{box-shadow:0 0 20px #2563eb66}.chrome-page{min-height:100vh;background:var(--bg-secondary);color:var(--text-primary);transition:background var(--transition-base),color var(--transition-base)}.chrome-container{max-width:1200px;margin:0 auto;padding:2rem}.chrome-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:var(--z-sticky);transition:all var(--transition-base)}.chrome-header-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}.chrome-header-title .emoji{font-size:2rem}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);padding:2rem;transition:all var(--transition-base)}.glass-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-2px)}.gradient-royal{background:linear-gradient(135deg,var(--royal-blue-darker) 0%,var(--royal-blue) 50%,var(--primary-light) 100%)}.gradient-mesh{background:radial-gradient(at 0% 0%,rgba(37,99,235,.2) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(139,92,246,.2) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(37,99,235,.2) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(59,130,246,.2) 0px,transparent 50%)}.hero-section{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;position:relative;overflow:hidden}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.1;letter-spacing:-.02em}.hero-subtitle{font-size:clamp(1.125rem,2vw,1.5rem);color:var(--text-secondary);margin-bottom:2.5rem;max-width:600px;line-height:1.6}.hero-emoji{font-size:clamp(3rem,8vw,6rem);margin-bottom:2rem;display:inline-block;animation:bounce 2s ease-in-out infinite}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem 0}.feature-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);padding:2rem;transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));transform:scaleX(0);transition:transform var(--transition-base)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-royal);border-color:var(--primary)}.feature-icon{font-size:3rem;margin-bottom:1rem;display:inline-block;transition:transform var(--transition-base)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.feature-description{font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.chrome-tabs{display:flex;gap:.5rem;padding:.5rem;background:var(--bg-secondary);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;border-bottom:1px solid var(--border-color)}.chrome-tab{padding:.75rem 1.5rem;background:transparent;border:none;border-radius:var(--border-radius) var(--border-radius) 0 0;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all var(--transition-base);position:relative}.chrome-tab:hover{background:var(--bg-primary);color:var(--text-primary)}.chrome-tab.active{background:var(--bg-primary);color:var(--primary)}.chrome-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary)}@media (max-width: 768px){.chrome-container{padding:1rem}.features-grid{grid-template-columns:1fr}.hero-section{padding:3rem 1.5rem}}.modal-overlay{position:fixed!important;inset:0!important;z-index:20000!important}.modal,.modal-content{position:relative;z-index:20001}