@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap";body{margin:0;padding:0;font-family:Raleway,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#fff,#f8f9fa);min-height:100vh}.r-symbol:before{content:"R";font-family:Bowlby One,cursive;font-weight:400;color:#054ba4;font-size:1.2em}.python-symbol:before{content:"Py";font-family:Orbitron,monospace;font-weight:600;color:#f6ce35;font-size:.9em}.landing-container.svelte-1uha8ag{min-height:100vh;display:flex;flex-direction:column}.hero-section.svelte-1uha8ag{flex:1;display:flex;align-items:center;padding:2rem;min-height:60vh}.hero-content.svelte-1uha8ag{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text.svelte-1uha8ag{color:#555958}.hero-title.svelte-1uha8ag{font-size:3.5rem;font-weight:700;line-height:1.2;margin:0 0 1.5rem}.gradient-text.svelte-1uha8ag{background:linear-gradient(45deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:svelte-1uha8ag-gradient 6s ease infinite}@keyframes svelte-1uha8ag-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-description.svelte-1uha8ag{font-size:1.2rem;line-height:1.6;margin:0 0 2rem;color:#555958}.hero-actions.svelte-1uha8ag{display:flex;flex-direction:column;gap:1.5rem;align-items:flex-start}.input-group.svelte-1uha8ag{display:flex;gap:.5rem;width:100%;max-width:600px}.notebook-input.svelte-1uha8ag{flex:1;padding:.75rem 1rem;border:2px solid rgba(0,0,0,.1);border-radius:8px;background:#fff;color:#555958;font-size:1rem;transition:all .3s ease}.notebook-input.svelte-1uha8ag::placeholder{color:#55595899}.notebook-input.svelte-1uha8ag:focus{outline:none;border-color:#0095f2;background:#fff}.open-btn.svelte-1uha8ag{padding:.75rem 1.5rem;border-radius:8px;background:#0095f2;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;border:2px solid #0095f2;transition:all .3s ease;white-space:nowrap}.open-btn.svelte-1uha8ag:hover:not(:disabled){background:#007acc;border-color:#007acc}.open-btn.svelte-1uha8ag:disabled{opacity:.5;cursor:not-allowed}.create-btn.svelte-1uha8ag{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;background:#faa336;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;border:2px solid #faa336;transition:all .3s ease;white-space:nowrap}.create-btn.svelte-1uha8ag:hover:not(:disabled){background:#e8932e;border-color:#e8932e}.create-btn.svelte-1uha8ag:disabled{opacity:.7;cursor:not-allowed}.hero-visual.svelte-1uha8ag{display:flex;justify-content:center;align-items:center}.desktop-mockup.svelte-1uha8ag{width:100%;max-width:600px}.desktop-image.svelte-1uha8ag{width:100%;height:auto;display:block}.features-section.svelte-1uha8ag{background:#00000005;padding:4rem 2rem}.features-content.svelte-1uha8ag{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.feature.svelte-1uha8ag{text-align:center}.feature-icon.svelte-1uha8ag{background:#0095f21a;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;border:1px solid rgba(0,149,242,.2)}.feature-icon.svelte-1uha8ag .material-symbols-outlined:where(.svelte-1uha8ag){font-size:32px;color:#0095f2}.feature.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:#555958}.feature.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:1rem;line-height:1.6;color:#555958;margin:0}@media (max-width: 1024px){.hero-content.svelte-1uha8ag{grid-template-columns:1fr;gap:3rem;text-align:center}.desktop-mockup.svelte-1uha8ag{max-width:500px;margin:0 auto}}@media (max-width: 768px){.hero-title.svelte-1uha8ag{font-size:2.5rem}.hero-description.svelte-1uha8ag{font-size:1.1rem}.desktop-mockup.svelte-1uha8ag{max-width:100%}.features-content.svelte-1uha8ag{grid-template-columns:1fr;gap:2rem}.input-group.svelte-1uha8ag{flex-direction:column}}@media (max-width: 480px){.hero-title.svelte-1uha8ag{font-size:2rem}.hero-description.svelte-1uha8ag{font-size:1rem}.hero-section.svelte-1uha8ag{padding:1rem 2rem}}