:root{font-family:sans-serif;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:block;min-width:0;min-height:100vh;font-family:sans-serif;color:#333;background:#fff}.hero h1{font-size:2.2rem;margin-bottom:.5rem;word-break:break-word}.hero p{font-size:1rem;color:#666;word-break:break-word}.hero button{padding:.75rem 1.5rem;background-color:#4caf50;color:#fff;border:none;cursor:pointer;font-size:1.1rem;min-width:140px;min-height:44px;border-radius:10px;margin-bottom:.5rem}@media (max-width: 900px){.container,.timetable-creator,.image-resizer-compressor{max-width:100vw;padding:0;border-radius:0}h1,.hero h1{font-size:1.5em}h2,.hero h2{font-size:1.1em}button,input,select,.hero button{font-size:1em;padding:.7em 1.2em;min-height:44px}.cards{flex-direction:column;gap:.5em}}@media (max-width: 600px){.app,.container,.timetable-creator,.image-resizer-compressor{margin-top:0;padding:0;border-radius:0}h1,.hero h1{font-size:1.1em}h2,.hero h2{font-size:1em}button,input,select,.hero button{font-size:1em;padding:1em .8em;min-height:48px;width:100%;max-width:100%;box-sizing:border-box}.navbar,.cards{flex-direction:column;gap:.5em}.card{min-width:0;max-width:100%;width:100%;margin:.5em 0}}.features,.details,.how-it-works,.testimonials,.pricing,.faq,.contact{padding-left:.5em;padding-right:.5em}@media (max-width: 700px){.features>.cards,.details>div,.how-it-works>div,.pricing>div{flex-direction:column!important;display:flex!important;gap:.5em!important}.details>div,.how-it-works>div,.pricing>div{grid-template-columns:1fr!important;max-width:100%!important}}img,video{max-width:100%;height:auto;display:block}.contact-btn,.contact section button{font-size:1.2em!important;padding:1.1em 0!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0 auto;display:block;background:linear-gradient(90deg,#2196f3,#ff9800)!important;color:#fff!important;box-shadow:0 4px 16px #2196f32e;border:none;border-radius:12px;letter-spacing:1px;animation:pulse 1.5s infinite}.features,.details,.how-it-works,.testimonials,.pricing,.faq,.contact{padding:3em 1em!important;box-sizing:border-box}@media (max-width: 600px){.features,.details,.how-it-works,.testimonials,.pricing,.faq,.contact{padding:1em .5em!important}}.cards{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;align-items:stretch}@media (max-width: 900px){.cards{flex-direction:column;align-items:center;gap:1em}.card{width:100%;max-width:340px;margin:.5em auto;box-sizing:border-box}}@media (max-width: 600px){.cards{flex-direction:column;align-items:center;gap:.7em;padding:0}.card{width:100%;max-width:340px;min-width:0;margin:.5em auto;box-sizing:border-box}}.features,.details,.how-it-works,.testimonials,.pricing,.faq,.contact{padding:3em 1em!important;box-sizing:border-box;width:100%;margin:0 auto}@media (max-width: 600px){.features,.details,.how-it-works,.testimonials,.pricing,.faq,.contact{padding:1em .5em!important;width:100%;margin:0 auto}}.features h2,.details h2,.how-it-works h2,.testimonials h2,.pricing h2,.faq h2,.contact h2{text-align:center;word-break:break-word;margin-left:auto;margin-right:auto}.card{text-align:center}.hero .main-action-btn{padding:1.2em 2.2em!important;font-size:1.15em!important;min-width:160px;margin:0 .5em .5em;border-radius:16px;box-sizing:border-box}@media (max-width: 600px){.hero .main-action-btn{width:100%;max-width:100%;min-width:0;padding:1.2em 0!important;margin:0 0 .7em;font-size:1.1em!important}}body,html,#root{margin:0;padding:0;width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f9f9f9;box-sizing:border-box}.logo{max-height:clamp(3em,15vw,6em);width:auto;padding:clamp(.75em,5vw,1.5em);will-change:filter;transition:filter .3s;margin:0 auto;display:block}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{box-sizing:border-box;width:100%;max-width:40rem;min-width:0;margin:clamp(1em,4vw,2em) auto;padding:clamp(1em,4vw,2em);background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;align-items:center}.read-the-docs{color:#888;font-size:clamp(.875rem,2vw,1rem);margin:clamp(.5em,2vw,1em) 0;display:block;word-break:break-word}h1,h2,h3{margin:.5em 0;line-height:1.2;word-break:break-word}h1{font-size:clamp(1.5rem,5vw,3rem)}h2{font-size:clamp(1.25rem,4vw,2.25rem)}h3{font-size:clamp(1.1rem,3vw,1.75rem)}p{margin:.75em 0;font-size:clamp(1rem,2vw,1.125rem);line-height:1.5;color:#333;word-break:break-word}img,video,iframe{max-width:100%;height:auto;display:block;margin:0 auto}@media (max-width: 768px){.card{width:95%;padding:1em}.logo{max-height:4em;padding:1em}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.15rem}}@media (max-width: 480px){body,html,#root{padding:0}.card{width:100vw;min-width:0;border-radius:0;padding:.75em .5em;box-shadow:0 2px 8px #0000000d}.logo{max-height:3em;padding:.75em}h1{font-size:1.3rem}h2{font-size:1rem}h3{font-size:.95rem}.read-the-docs{font-size:.85rem}p{font-size:.95rem}}@media (min-width: 1600px){.card{max-width:48rem;padding:3em 4em}h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:2rem}.logo{max-height:8em}}