@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}#root{width:100%;min-height:100dvh}:root{--font:"Inter", system-ui, sans-serif;--bg-base:#0a0c10;--bg:#0d1117;--bg-card:#161b22b3;--bg-card-h:#1c2230d9;--border:#ffffff1a;--text:#f0f6fc;--text-muted:#8b949e;--nav-bg:#0d1117b8;--shadow:0 12px 48px #00000080;--epi:#2f81f7;--epi-adv:#a371f7;--stat:#f78166;--stat-adv:#ff6b81;--sample:#3fb950;--accent:#58a6ff;--radius:18px;--transition:.35s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-base:#f3f0ff;--bg:#ede9fe;--bg-card:#ffffffeb;--bg-card-h:#fff;--border:#8b5cf633;--text:#0f172a;--text-muted:#1e1b4b;--nav-bg:#f3f0ffeb;--shadow:0 10px 40px -10px #8b5cf633, 0 8px 16px -8px #8b5cf626;--accent:#6d28d9}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg-base);color:var(--text);min-height:100dvh;transition:background var(--transition), color var(--transition);position:relative;overflow-x:hidden}.bg-blobs{z-index:-1;pointer-events:none;filter:blur(80px);position:fixed;inset:0;overflow:hidden}.blob{opacity:.12;background:var(--accent);border-radius:50%;width:600px;height:600px;transition:background .8s;position:absolute}[data-theme=light] .blob{opacity:.22;filter:blur(140px)}.blob:first-child{background:#a855f7;animation:20s infinite alternate float;top:-100px;right:-100px}.blob:nth-child(2){background:#6366f1;width:500px;height:500px;animation:25s infinite alternate-reverse float;bottom:-150px;left:-150px}.blob:nth-child(3){opacity:.08;background:#ec4899;width:400px;height:400px;animation:30s infinite alternate float;top:40%;right:20%}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(60px,40px)scale(1.1)}}.portal-root{grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.navbar{z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:72px;padding:0 40px;display:flex;position:sticky;top:0;box-shadow:0 4px 30px #0000000d}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.navbar{background:var(--bg)}}.navbar-brand{cursor:pointer;transition:opacity var(--transition);align-items:center;gap:12px;text-decoration:none;display:flex}.navbar-brand:hover{opacity:.8}.brand-icon{font-size:1.4rem}.brand-logo-svg{filter:drop-shadow(0 4px 12px #0000001a);width:44px;height:44px;transition:transform var(--transition), filter var(--transition);display:block}.navbar-brand:hover .brand-logo-svg{filter:drop-shadow(0 0 15px var(--accent));transform:scale(1.08)rotate(-3deg)}.logo-curve{animation:4s ease-in-out infinite logoPulse}@keyframes logoPulse{0%,to{opacity:1;stroke-width:2.5px}50%{opacity:.8;stroke-width:3px}}.brand-text{color:var(--text);letter-spacing:-.3px;font-size:1.2rem;font-weight:700}.brand-version{color:var(--accent);background:#58a6ff1f;border:1px solid #58a6ff4d;border-radius:999px;padding:1px 7px;font-size:.7rem;font-weight:600}.navbar-controls{align-items:center;gap:10px;display:flex}.lang-select{background:var(--bg-card);color:var(--text);border:1px solid var(--border);font-size:.85rem;font-family:var(--font);cursor:pointer;transition:border-color var(--transition), background var(--transition);border-radius:8px;outline:none;padding:6px 10px}.lang-select:focus,.lang-select:hover{border-color:var(--accent)}.theme-btn{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;transition:border-color var(--transition), background var(--transition), transform var(--transition);color:var(--text);border-radius:8px;place-items:center;font-size:1rem;display:grid}.theme-btn:hover{border-color:var(--accent);transform:rotate(15deg)}.hub{width:100%;max-width:1100px;margin:0 auto;padding:40px 24px 20px}.hero{text-align:center;margin-bottom:32px}.hero-body{justify-content:space-between;align-items:center;gap:32px;width:100%;margin-top:12px;display:flex}.hero-text{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.hero-curve-img{object-fit:cover;border:1px solid var(--border);width:32%;max-width:320px;height:auto;transition:transform var(--transition), filter var(--transition);border-radius:20px;box-shadow:0 10px 30px #0003}[data-theme=light] .hero-curve-img{filter:invert(.9)hue-rotate(180deg)contrast(1.1)brightness(1.05);mix-blend-mode:multiply;box-shadow:0 10px 25px #0000000d}.hero-curve-img:hover{transform:translateY(-5px)scale(1.03)}.hero-title{text-align:center;letter-spacing:-4px;color:var(--accent);background:linear-gradient(135deg, var(--accent) 0%, #c084fc 25%, #ff6b81 50%, #c084fc 75%, var(--accent) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 12px #0000001a);transition:transform var(--transition), filter var(--transition);cursor:default;-webkit-user-select:none;user-select:none;background-size:200%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(3.2rem,8.5vw,6rem);font-weight:800;line-height:1;animation:6s linear infinite titleGradient}@supports ((-webkit-background-clip:text) or (background-clip:text)){.hero-title{color:#0000}}.hero-title:hover{filter:drop-shadow(0 0 25px #8b5cf64d);transform:scale(1.02)}@keyframes titleGradient{to{background-position:200%}}.construction-banner{color:var(--stat);white-space:pre-line;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f7816614;border:1px solid #f7816633;border-radius:50px;margin-bottom:24px;padding:10px 20px;font-size:.85rem;font-weight:600;line-height:1.4;animation:1s fadeIn;display:inline-block}[data-theme=light] .construction-banner{background:#fff8f6;border-color:#f7816633}@media (width<=640px){.hero-body{gap:12px}}.hero-tagline{color:var(--text-muted);margin-bottom:10px;font-size:1.1rem;font-weight:500}.hero-subtitle{color:var(--text-muted);max-width:520px;margin:0 auto;font-size:.95rem;line-height:1.6}.cards-grid{flex-wrap:wrap;justify-content:center;gap:24px;max-width:1080px;margin-bottom:40px;margin-left:auto;margin-right:auto;display:flex}@media (width<=1100px){.cards-grid>.animate-on-scroll{width:300px}}@media (width<=680px){.cards-grid>.animate-on-scroll{width:100%;max-width:360px}}.cards-grid>.animate-on-scroll{flex-direction:column;width:320px;display:flex}.cards-grid>.animate-on-scroll>.module-card{flex:1}.module-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:center;color:var(--text);font-family:var(--font);width:100%;height:100%;min-height:320px;box-shadow:var(--shadow);flex-direction:column;justify-content:center;align-items:center;padding:40px 32px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .4s,border-color .4s,background .4s;display:flex;position:relative;overflow:hidden}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.module-card{background:#161b22f7}[data-theme=light] .module-card{background:#fffffffa}}[data-theme=light] .module-card:after{content:"";z-index:1;background:linear-gradient(90deg,#0000,#fffc,#0000);height:1px;position:absolute;top:0;left:0;right:0}.module-card:before{content:"";border-radius:var(--radius) var(--radius) 0 0;height:3px;transition:height var(--transition);position:absolute;top:0;left:0;right:0}.card-epi:before{background:linear-gradient(90deg, var(--epi), #58a6ff)}.card-stat:before{background:linear-gradient(90deg, var(--stat), #ffa067)}.card-sample:before{background:linear-gradient(90deg, var(--sample), #56d364)}.card-epi-adv:before{background:linear-gradient(90deg, var(--epi-adv), #c084fc)}.card-stat-adv:before{background:linear-gradient(90deg, var(--stat-adv), #ff6b81)}.module-card:hover{background:var(--bg-card-h);border-color:var(--accent);transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #0000004d}.card-epi:hover{border-color:var(--epi);box-shadow:0 0 30px #2f81f740}.card-stat:hover{border-color:var(--stat);box-shadow:0 0 30px #f7816640}.card-sample:hover{border-color:var(--sample);box-shadow:0 0 30px #3fb95040}.card-epi-adv:hover{border-color:var(--epi-adv);box-shadow:0 0 30px #a371f740}.card-stat-adv:hover{border-color:var(--stat-adv);box-shadow:0 0 30px #ff6b8140}.card-icon{width:72px;height:72px;transition:transform .5s var(--transition), background .5s var(--transition);background:#ffffff08;border-radius:18px;justify-content:center;align-items:center;margin-bottom:24px;display:flex;box-shadow:inset 0 0 12px #ffffff0d}.module-card:hover .card-icon{background:#ffffff14;transform:scale(1.1)rotate(2deg)}.module-icon-svg{filter:drop-shadow(0 4px 8px #0003);width:48px;height:48px;transition:filter .5s var(--transition)}.module-card:hover .module-icon-svg{filter:drop-shadow(0 0 12px)}.card-epi .module-icon-svg{color:var(--epi)}.card-stat .module-icon-svg{color:var(--stat)}.card-sample .module-icon-svg{color:var(--sample)}.card-epi-adv .module-icon-svg{color:var(--epi-adv)}.card-stat-adv .module-icon-svg{color:var(--stat-adv)}.active-module-label .module-icon-svg{vertical-align:middle;width:24px;height:24px;margin-right:8px}.card-title{font-size:1.15rem;font-weight:700;line-height:1.2}.card-desc{color:var(--text-muted);flex:1;font-size:.88rem;font-weight:500;line-height:1.6}.card-cta{color:var(--accent);transition:gap var(--transition);margin-top:8px;font-size:.85rem;font-weight:600}.card-epi .card-cta{color:var(--epi)}.card-stat .card-cta{color:var(--stat)}.card-sample .card-cta{color:var(--sample)}.card-epi-adv .card-cta{color:var(--epi-adv)}.card-stat-adv .card-cta{color:var(--stat-adv)}.assistant-hint-bar{grid-template-columns:1fr 2fr 1fr;align-items:stretch;gap:16px;display:grid}.assistant-hint-sector{cursor:pointer;flex-direction:column;display:flex}.assistant-hint{text-align:center;color:var(--text-muted);border:1px dashed var(--border);background:var(--bg-card);transition:border-color var(--transition), background var(--transition), transform var(--transition), box-shadow var(--transition);border-radius:10px;flex:1;justify-content:center;align-items:center;padding:12px 20px;font-size:.85rem;display:flex}.assistant-hint-sector:hover .assistant-hint{border-color:var(--accent);background:var(--bg-card-h);transform:translateY(-3px)scale(1.01);box-shadow:0 4px 12px #0000001a}@media (width<=768px){.assistant-hint-bar{grid-template-columns:1fr;gap:12px}}.legal-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.legal-modal-content{background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:800px;box-shadow:var(--shadow);padding:40px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp}.legal-modal-title{margin-bottom:24px;font-size:1.5rem;font-weight:600}.legal-modal-text{color:var(--text-muted);font-size:1rem;line-height:1.7}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-modal-content{text-align:center}.welcome-hero-text{margin-bottom:20px;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:300}.welcome-hero-text strong{color:var(--accent);font-weight:600}.welcome-logo-text{letter-spacing:2px;text-transform:uppercase;opacity:.8;margin-top:30px;margin-bottom:20px;font-size:clamp(1.2rem,2vw,1.8rem)}.welcome-footer-text{color:var(--text-muted);flex-direction:column;gap:8px;font-size:.95rem;line-height:1.6;display:flex}.iframe-wrap{flex-direction:column;height:calc(100dvh - 60px);display:flex}.iframe-topbar{background:var(--bg-card);border-bottom:1px solid var(--border);align-items:center;gap:16px;min-height:48px;padding:10px 20px;display:flex}.back-btn{background:var(--bg);color:var(--text);border:1px solid var(--border);font-size:.85rem;font-family:var(--font);cursor:pointer;transition:background var(--transition), border-color var(--transition);white-space:nowrap;border-radius:8px;padding:6px 14px;font-weight:500}.back-btn:hover{background:var(--bg-card-h);border-color:var(--accent);color:var(--accent)}.active-module-label{color:var(--text-muted);font-size:.9rem;font-weight:600}.iframe-loading{background:var(--bg);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:.9rem;display:flex;position:absolute;inset:108px 0 0}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.module-iframe{opacity:0;border:none;flex:1;width:100%;transition:opacity .3s}.module-iframe.visible{opacity:1}.portal-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);padding:20px 24px;font-size:.78rem}.main-content{flex-direction:column;display:flex}@media (width<=640px){.navbar{padding:0 16px}.hub{padding:40px 16px 32px}.cards-grid{grid-template-columns:1fr;gap:14px}.iframe-topbar{padding:8px 12px}}.cookie-banner{background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);z-index:1000;justify-content:center;width:100%;padding:16px 24px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -4px 20px #0000001a}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.cookie-banner{background:var(--bg)}}.cookie-banner-content{justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:1100px;display:flex}.cookie-banner-content p{color:var(--text);flex:1;margin:0;font-size:.9rem;line-height:1.5}.cookie-banner-actions{align-items:center;gap:12px;display:flex}.cookie-policy-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;font-size:.85rem;text-decoration:underline}.cookie-policy-btn:hover{color:var(--accent)}.cookie-accept-btn{background:var(--accent);color:#fff;cursor:pointer;transition:opacity var(--transition), transform var(--transition);border:none;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:600}.cookie-accept-btn:hover{opacity:.9;transform:scale(1.02)}.footer-link{cursor:pointer;transition:color var(--transition);text-decoration:underline}.footer-link:hover{color:var(--accent)}@media (width<=768px){.cookie-banner-content{text-align:center;flex-direction:column;gap:16px}.cookie-banner-actions{justify-content:space-between;width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-on-scroll{opacity:0;will-change:opacity, transform}.animate-on-scroll.is-visible{animation:.9s cubic-bezier(.34,1.56,.64,1) both fadeInUp}@media (prefers-reduced-motion:reduce){.animate-on-scroll,.animate-on-scroll.is-visible{visibility:visible;animation:none}}.scroll-nav-btn{z-index:300;-webkit-backdrop-filter:blur(16px);width:48px;height:48px;color:var(--text);cursor:pointer;background:#1e1f2299;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.22,1,.36,1);animation:.4s backwards fadeInBtn;display:flex;position:fixed;right:24px;box-shadow:0 8px 24px #0006,inset 0 1px 1px #ffffff1a}[data-theme=light] .scroll-nav-btn{background:#ffffffb3;border-color:#00000014;box-shadow:0 8px 24px #0000001f,inset 0 1px 1px #fffc}.scroll-nav-up{top:72px}.scroll-nav-down{top:132px}.scroll-nav-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-4px)scale(1.1);box-shadow:0 12px 32px #00000080}.scroll-nav-btn svg{transition:transform .3s}.scroll-nav-btn:hover svg{transform:scale(1.1)}@keyframes fadeInBtn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.scroll-nav-btn{background:#1e1f22f2}[data-theme=light] .scroll-nav-btn{background:#fffffff7}}.assistant-fab{z-index:9999;color:#fff;cursor:pointer;background-color:#1f6feb;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding:0;transition:transform .2s,background-color .2s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 12px #0000004d}.assistant-fab-icon{font-family:Inter,Arial,sans-serif;font-size:28px;font-weight:800;line-height:1}.assistant-fab:hover{background-color:#1158c7;transform:scale(1.1)}.assistant-window{z-index:9999;resize:both;color:#1c2433;-webkit-text-size-adjust:100%;background-color:#fff;border:1px solid #00000014;border-radius:12px;flex-direction:column;width:350px;min-width:250px;height:500px;min-height:350px;font-family:Inter,Arial,sans-serif;display:flex;position:fixed;bottom:100px;right:20px;overflow:hidden;box-shadow:0 10px 30px #00000040}.assistant-header{color:#fff;cursor:grab;-webkit-user-select:none;user-select:none;background-color:#1f6feb;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.assistant-header:active{cursor:grabbing}.assistant-title{font-size:16px;font-weight:700}.assistant-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:16px}.assistant-body{background-color:#f0f4f8;flex-grow:1;padding:15px;overflow-y:auto}.assistant-message{background-color:#fff;border-radius:8px;margin-bottom:10px;padding:12px;font-size:14px;line-height:1.5;box-shadow:0 1px 3px #0000000d}.assistant-footer{background-color:#fff;border-top:1px solid #00000014;gap:10px;padding:12px;display:flex}.assistant-input{border:1px solid #ccc;border-radius:20px;outline:none;flex-grow:1;padding:10px 15px;font-size:16px}.assistant-send-btn{color:#fff;cursor:pointer;background-color:#1f6feb;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}[data-theme=dark] .assistant-window{color:#f0f4f8;background-color:#1c2433;border-color:#ffffff1a}[data-theme=dark] .assistant-body{background-color:#0d1117}[data-theme=dark] .assistant-message{color:#e6edf3;background-color:#21262d;box-shadow:0 1px 3px #00000080}[data-theme=dark] .assistant-footer{background-color:#1c2433;border-top-color:#ffffff1a}[data-theme=dark] .assistant-input{color:#fff;background-color:#0d1117;border-color:#30363d}[data-theme=dark] .assistant-input::placeholder{color:#8b949e}
