@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-family:"Plus Jakarta Sans", sans-serif;--bg-color:#0b0c10;--bg-gradient:radial-gradient(circle at 50% 50%, #1a1c29 0%, #0b0c10 100%);--accent-color:#f59e0b;--accent-color-rgb:245, 158, 11;--accent-light:#fbbf24;--accent-dark:#b45309;--card-bg:#141621a6;--card-border:#ffffff14;--card-hover-border:#f59e0b4d;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--glow-color:#f59e0b26;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.3}50%{opacity:.6}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ambient-glow{background:radial-gradient(circle, rgba(var(--accent-color-rgb), .08) 0%, #0000 70%);z-index:0;pointer-events:none;border-radius:50%;width:500px;height:500px;position:absolute}.glow-top-right{animation:10s ease-in-out infinite pulseGlow;top:-10%;right:-10%}.glow-bottom-left{animation:10s ease-in-out 5s infinite pulseGlow;bottom:-10%;left:-10%}.container{z-index:10;grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem;width:100%;max-width:1400px;min-height:calc(100vh - 80px);margin:0 auto;padding:2rem;display:grid;position:relative}.navbar{z-index:20;justify-content:space-between;align-items:center;width:100%;max-width:1400px;height:80px;margin:0 auto;padding:0 3rem;display:flex;position:relative}.logo{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.logo span{color:var(--accent-color)}.navbar-actions{align-items:center;gap:1rem;display:flex}.lang-btn{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary);font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth);border-radius:30px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:flex;box-shadow:0 4px 12px #0000001a}.lang-btn:hover{border-color:var(--accent-color);box-shadow:0 0 15px var(--glow-color);transform:translateY(-2px)}.lang-btn svg{width:16px;height:16px;color:var(--accent-color)}.content-section{flex-direction:column;justify-content:center;gap:1.75rem;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex}.badge{background:rgba(var(--accent-color-rgb), .12);border:1px solid rgba(var(--accent-color-rgb), .3);color:var(--accent-color);letter-spacing:.05em;box-shadow:0 4px 10px rgba(var(--accent-color-rgb), .05);border-radius:50px;align-self:flex-start;align-items:center;gap:.5rem;padding:.35rem .9rem;font-size:.85rem;font-weight:700;display:flex}.badge-dot{background-color:var(--accent-color);width:8px;height:8px;box-shadow:0 0 8px var(--accent-color);border-radius:50%;animation:2s infinite pulseGlow}.title{letter-spacing:-.03em;color:var(--text-primary);font-size:3.5rem;font-weight:800;line-height:1.1}.title span{background:linear-gradient(135deg, var(--text-primary) 30%, var(--accent-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.description{color:var(--text-secondary);max-width:550px;font-size:1.125rem;line-height:1.6}.info-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);transition:var(--transition-smooth);border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.info-card:hover{border-color:var(--card-hover-border)}.progress-container{flex-direction:column;gap:.5rem;display:flex}.progress-labels{justify-content:space-between;font-size:.875rem;font-weight:600;display:flex}.progress-label-text{color:var(--text-primary)}.progress-percent{color:var(--accent-color)}.progress-bar-bg{background:#ffffff0d;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent-dark) 0%, var(--accent-color) 100%);height:100%;box-shadow:0 0 10px rgba(var(--accent-color-rgb), .5);border-radius:4px;width:65%;position:relative;overflow:hidden}.progress-bar-fill:after{content:"";background-image:linear-gradient(-45deg,#ffffff26 25%,#0000 25% 50%,#ffffff26 50% 75%,#0000 75%,#0000);background-size:20px 20px;animation:2s linear infinite progressStripes;position:absolute;inset:0}@keyframes progressStripes{0%{background-position:0 0}to{background-position:40px 0}}.social-section{flex-direction:column;gap:.75rem;display:flex}.social-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.85rem;font-weight:700}.social-buttons{flex-wrap:wrap;gap:1rem;display:flex}.social-btn{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);border-radius:12px;align-items:center;gap:.6rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.social-btn:hover{border-color:var(--accent-color);color:var(--accent-light);background:#ffffff08;transform:translateY(-2px)}.social-btn svg{width:18px;height:18px}.contact-btn{background:var(--accent-color);color:#000;border:none}.contact-btn:hover{background:var(--accent-light);color:#000;box-shadow:0 0 20px rgba(var(--accent-color-rgb), .4)}.viewport-section{border:1px solid var(--card-border);-webkit-backdrop-filter:blur(8px);opacity:0;background:radial-gradient(circle,#1e202d66 0%,#0f1118cc 100%);border-radius:24px;width:100%;height:550px;animation:.8s cubic-bezier(.16,1,.3,1) .2s forwards fadeIn;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000004d}.viewport-section:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff1a,#ffffff05);border-radius:24px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.canvas-container{cursor:grab;outline:none;width:100%;height:100%}.canvas-container:active{cursor:grabbing}.viewport-overlay{border:1px solid var(--card-border);color:var(--text-secondary);pointer-events:none;-webkit-backdrop-filter:blur(4px);background:#0f1118d9;border-radius:30px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:500;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.viewport-overlay svg{width:14px;height:14px;color:var(--accent-color);animation:2s ease-in-out infinite float}.footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--card-border);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0c10cc;margin-top:auto;padding:2rem;font-size:.85rem;position:relative}@media (width<=1024px){.container{grid-template-columns:1fr;gap:2.5rem;min-height:auto;padding:1.5rem}.viewport-section{order:-1;height:450px}.title{font-size:2.8rem}}@media (width<=640px){.navbar{padding:0 1.5rem}.title{font-size:2.2rem}.viewport-section{height:380px}.social-buttons{flex-direction:column}.social-btn{justify-content:center;width:100%}}