@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh;margin:0}#root{width:100%;min-height:100vh}:root{--color-bg:#f8fafc;--color-surface:#ffffffb3;--color-text:#0f172a;--color-text-light:#64748b;--color-accent:#0284c7;--color-border:#94a3b833;--input-bg:#f8fafc;--input-border:#e2e8f0;--result-bg:#ffffffe6;--result-item-bg:#f8fafc;--result-item-border:#e2e8f0;--shadow-sm:0 4px 6px -1px #0000001a;--shadow-lg:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--glass-blur:blur(20px);--transition:all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--color-bg:#0f172a;--color-surface:#1e293bb3;--color-text:#f8fafc;--color-text-light:#94a3b8;--color-accent:#38bdf8;--color-border:#ffffff1a;--input-bg:#0f172a99;--input-border:#ffffff1a;--result-bg:#1e293bcc;--result-item-bg:#0f172a80;--result-item-border:#ffffff1a;--shadow-sm:0 4px 6px -1px #0000004d;--shadow-lg:0 20px 25px -5px #00000080, 0 8px 10px -6px #00000080}body{background-color:var(--color-bg);background-image:radial-gradient(at 0% 0%, #38bdf81a 0px, transparent 50%), radial-gradient(at 100% 0%, #38bdf81a 0px, transparent 50%), linear-gradient(var(--color-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-border) 1px, transparent 1px);color:var(--color-text);background-position:0 0,0 0,-1px -1px,-1px -1px;background-size:100% 100%,100% 100%,40px 40px,40px 40px;width:100%;min-height:100vh;margin:0;font-family:Outfit,sans-serif;overflow-x:hidden}.app{flex-direction:column;width:100%;display:flex;position:relative}.container{z-index:2;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.navbar{z-index:1000;background:var(--color-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);width:100%;transition:var(--transition);padding:20px 0;position:fixed;top:0;left:0}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo{background:linear-gradient(135deg, var(--color-text) 0%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.nav-links{align-items:center;gap:30px;display:flex}.nav-links a{color:var(--color-text-light);transition:var(--transition);font-size:1rem;font-weight:500;text-decoration:none;position:relative}.nav-links a:hover{color:var(--color-accent)}.nav-links a:after{content:"";background:var(--color-accent);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.navbar-right{align-items:center;gap:32px;display:flex}.nav-socials{border-left:1px solid var(--color-border);align-items:center;gap:16px;padding-left:32px;display:flex}.social-icon{color:var(--color-text-light);transition:var(--transition);justify-content:center;align-items:center;display:flex}.social-icon:hover{color:var(--color-accent);transform:translateY(-2px)}.nav-controls{align-items:center;gap:12px;margin-left:16px;display:flex}.lang-toggle{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:var(--transition);white-space:nowrap;background:#ffffff1a;border-radius:20px;padding:8px 16px;font-family:inherit;font-weight:500}.lang-toggle:hover{background:var(--color-surface);border-color:var(--color-accent);box-shadow:var(--shadow-sm);color:var(--color-text)}.theme-toggle{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:var(--transition);color:var(--color-text);border-radius:50%;justify-content:center;align-items:center;padding:8px;font-family:inherit;font-size:1.2rem;display:flex}.theme-toggle:hover{background:var(--color-surface);border-color:var(--color-accent);box-shadow:var(--shadow-sm);transform:rotate(15deg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes glow{0%{box-shadow:0 0 5px #38bdf880}50%{box-shadow:0 0 20px #38bdf880, 0 0 10px var(--color-accent)}to{box-shadow:0 0 5px #38bdf880}}.hero{text-align:center;justify-content:center;align-items:center;min-height:90vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(60px);z-index:1;background:radial-gradient(circle,#38bdf826 0%,#0000 70%);border-radius:50%;width:60vw;height:60vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-content{z-index:2;max-width:900px;padding:40px;animation:1s ease-out fadeIn;position:relative}.hero-title{background:linear-gradient(135deg, var(--color-text) 30%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:5rem;font-weight:700;line-height:1}.hero-subtitle{color:var(--color-accent);text-transform:uppercase;letter-spacing:.2em;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#38bdf81a;border:1px solid #38bdf833;border-radius:100px;margin-bottom:2rem;padding:8px 16px;font-size:1.125rem;font-weight:500;display:inline-block}.hero-description{color:var(--color-text-light);max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.25rem;line-height:1.8}.cta-button{color:#fff;background:var(--color-text);cursor:pointer;transition:var(--transition);border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:12px;padding:18px 48px;font-size:1.125rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #38bdf880}[data-theme=dark] .cta-button{background:var(--color-accent);color:#0f172a}.cta-button:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:0;transform:translate(-100%)}.cta-button:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 20px 40px -12px #38bdf899}.cta-button:hover:after{transform:translate(100%)}.features{padding:120px 0;position:relative}.section-title{text-align:center;color:var(--color-text);-webkit-text-fill-color:initial;background:0 0;margin-bottom:80px;font-size:3rem;font-weight:700}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;display:grid}.feature-card{background:var(--color-surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);transition:var(--transition);z-index:1;border-radius:24px;padding:40px;position:relative}.feature-card:hover{background:var(--color-bg);border-color:var(--color-accent);transform:translateY(-10px);box-shadow:0 20px 40px -10px #38bdf833}.feature-icon{width:80px;height:80px;color:var(--color-accent);background:linear-gradient(135deg,#38bdf81a 0%,#38bdf833 100%);border:1px solid #38bdf833;border-radius:20px;justify-content:center;align-items:center;margin-bottom:24px;font-size:3rem;display:flex}.feature-card h3{color:var(--color-text);margin-bottom:12px;font-size:1.5rem;font-weight:600}.feature-card p{color:var(--color-text-light);line-height:1.6}.predictor-section{padding:100px 0;position:relative}.section-description{text-align:center;color:var(--color-text-light);margin-bottom:20px;font-size:1.125rem}.section-note{text-align:center;color:var(--color-accent);background:#38bdf81a;border:1px solid #38bdf833;border-radius:20px;margin-bottom:40px;padding:10px 20px;font-size:.95rem;display:inline-block;position:relative;left:50%;transform:translate(-50%)}.prediction-form{background:var(--color-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:32px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;padding:60px;display:grid;box-shadow:0 25px 50px -12px #94a3b81a}.input-group{flex-direction:column;gap:10px;display:flex}.input-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light);margin-left:4px;font-size:.875rem;font-weight:500}input{border:2px solid var(--input-border);transition:var(--transition);background:var(--input-bg);color:var(--color-text);border-radius:12px;padding:16px 20px;font-family:inherit;font-size:1rem}input:focus{border-color:var(--color-accent);background:var(--color-bg);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #38bdf81a}.submit-button{background:linear-gradient(135deg, var(--color-text) 0%, #334155 100%);color:#fff;cursor:pointer;transition:var(--transition);letter-spacing:.02em;border:none;border-radius:16px;grid-column:1/-1;justify-content:center;align-items:center;gap:12px;margin-top:30px;padding:24px;font-size:1.25rem;font-weight:600;display:flex;box-shadow:0 10px 20px -5px #0000004d}[data-theme=dark] .submit-button{background:linear-gradient(135deg, var(--color-accent) 0%, #0ea5e9 100%);color:#0f172a}.submit-button:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 20px 30px -10px #0006}.spinner{border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.results-section{padding:100px 0;position:relative}.result-card{background:var(--result-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);text-align:center;border-radius:32px;max-width:800px;margin:0 auto;padding:60px;animation:.8s cubic-bezier(.4,0,.2,1) fadeIn;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0000001a}.result-card:before{content:"";background:linear-gradient(90deg, var(--color-accent), #818cf8);width:100%;height:6px;position:absolute;top:0;left:0}.result-title{color:var(--color-text);margin-bottom:50px;font-size:2.5rem}.result-grid{gap:30px;margin-bottom:50px;display:grid}.result-item{background:var(--result-item-bg);border:1px solid var(--result-item-border);transition:var(--transition);border-radius:20px;flex-direction:column;gap:12px;padding:32px;display:flex}.result-item.highlight{border-color:var(--color-accent);background:linear-gradient(135deg,#38bdf81a 0%,#38bdf80d 100%);transform:scale(1.02);box-shadow:0 20px 40px -10px #38bdf826}.result-label{color:var(--color-text-light);text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;font-weight:600}.result-value{color:var(--color-text);letter-spacing:-.02em;font-size:3.5rem;font-weight:700}.footer{border-top:1px solid var(--color-border);background:var(--color-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-top:100px;padding:80px 0}.footer-content{justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.footer-left{text-align:left}.footer-left h3{color:var(--color-text);margin-bottom:12px;font-size:1.5rem;font-weight:700}.footer-left p{color:var(--color-text-light);margin:4px 0}.footer-right{flex-direction:column;align-items:flex-end;gap:20px;display:flex}.contact-info{text-align:right;color:var(--color-text)}.contact-info p{margin:8px 0;font-weight:500}.footer-socials{gap:20px;display:flex}.footer-socials a{color:var(--color-accent);transition:var(--transition);font-weight:600;text-decoration:none}.footer-socials a:hover{opacity:.8;text-decoration:underline}@media (width<=768px){.footer-content{text-align:center;flex-direction:column;align-items:center}.footer-left,.footer-right,.contact-info{text-align:center;align-items:center}.navbar-right{display:none}}.input-type-toggle{background:var(--color-surface);border:1px solid var(--color-border);border-radius:100px;justify-content:center;gap:10px;width:fit-content;margin-bottom:40px;margin-left:auto;margin-right:auto;padding:6px;display:flex}.toggle-btn{color:var(--color-text-light);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:100px;padding:10px 24px;font-family:inherit;font-size:.95rem;font-weight:500}.toggle-btn:hover{color:var(--color-text)}.toggle-btn.active{background:var(--color-text);color:#fff;box-shadow:var(--shadow-sm)}[data-theme=dark] .toggle-btn.active{background:var(--color-accent);color:#0f172a}.link-form{background:var(--color-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:32px;flex-direction:column;gap:24px;max-width:600px;margin:0 auto;padding:40px;display:flex;box-shadow:0 25px 50px -12px #94a3b81a}.full-width{width:100%}.link-input{border-radius:16px;width:100%;padding:20px;font-size:1.1rem}[data-theme=dark] .link-form{box-shadow:0 25px 50px -12px #0003}