@media (min-width: 992px){.home__how-it-works-steps-item:not(:last-child):after{content:"";position:absolute;top:30px;right:-15px;width:30px;height:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232a9d8f'%3E%3Cpath d='M8.59,16.59L13.17,12L8.59,7.41L10,6l6,6l-6,6L8.59,16.59z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.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{padding:2em}.read-the-docs{color:#888}body{font-family:League Spartan,sans-serif}.materlab-title{font-family:Nanum Myeongjo,serif;font-weight:900}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:League Spartan,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#2a9d8f;text-decoration:none;transition:all .3s ease}a:hover{color:#1f756a}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:none;border:none;font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.section{padding:48px 0}.section__title{font-size:32px;margin-bottom:24px;text-align:center}.section__subtitle{font-size:18px;color:#666;margin-bottom:32px;text-align:center}.btn{display:inline-block;padding:8px 24px;border-radius:8px;font-weight:500;text-align:center;transition:all .3s ease}.btn--primary{background-color:#2a9d8f;color:#fff}.btn--primary:hover{background-color:#1f756a;color:#fff}.btn--secondary{background-color:transparent;color:#2a9d8f;border:1px solid #2a9d8f}.btn--secondary:hover{background-color:#2a9d8f;color:#fff}.form__group{margin-bottom:24px}.form__label{display:block;margin-bottom:4px;font-weight:500}.form__input{width:100%;padding:8px;border:1px solid #e9ecef;border-radius:4px;font-family:inherit;font-size:16px;transition:all .3s ease}.form__input:focus{outline:none;border-color:#2a9d8f}.form__textarea{min-height:150px;resize:vertical}.header{position:fixed;top:0;left:0;width:100%;background-color:#fffffff2;box-shadow:0 2px 10px #0000000d;z-index:1000;padding:16px 0}.header__content{display:flex;align-items:center;justify-content:space-between}.header__logo{display:flex;align-items:center;text-decoration:none}.header__logo:hover{color:#2a9d8f}.header__logo .header__logo-image{height:32px;width:auto;margin-right:8px}.header__logo span{font-size:24px;font-weight:900;color:#333}@media (max-width: 768px){.header__nav{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background-color:#fff;box-shadow:-2px 0 10px #0000001a;padding:48px 24px;transition:right .3s ease;z-index:1001}.header__nav.active{right:0}}.header__menu{display:flex;align-items:center}@media (max-width: 768px){.header__menu{flex-direction:column;align-items:flex-start}}.header__menu li{margin-left:24px}@media (max-width: 768px){.header__menu li{margin-left:0;margin-bottom:24px}}.header__menu li a{color:#333;font-weight:500}.header__menu li a:hover{color:#2a9d8f}.header__toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px}@media (max-width: 768px){.header__toggle{display:flex}}.header__toggle span{display:block;width:100%;height:2px;background-color:#333;transition:all .3s ease}.footer{background-color:#f8f9fa;padding:32px 0;margin-top:48px}.footer__content{display:flex;flex-direction:column;align-items:center;text-align:center}.footer__logo{margin-bottom:24px}.footer__logo a{font-size:24px;font-weight:700;color:#333}.footer__logo a:hover{color:#2a9d8f}.footer__tagline{color:#666;margin-top:4px}.footer__links{margin-bottom:24px}.footer__links ul{display:flex;flex-wrap:wrap;justify-content:center}@media (max-width: 576px){.footer__links ul{flex-direction:column}}.footer__links ul li{margin:0 16px}@media (max-width: 576px){.footer__links ul li{margin:4px 0}}.footer__links ul li a{color:#333;font-weight:500}.footer__links ul li a:hover{color:#2a9d8f}.footer__copyright{color:#666;font-size:14px}.layout{display:flex;flex-direction:column;min-height:100vh}.main{flex:1;padding-top:80px}.home__hero{padding:64px 0;text-align:center;background:linear-gradient(to bottom,#2a9d8f0d,#2a9d8f00)}.home__hero-title{font-size:48px;font-weight:900;margin-bottom:8px}@media (max-width: 768px){.home__hero-title{font-size:32px}}.home__hero-subtitle{font-size:18px;color:#666;margin-bottom:24px}.home__hero-tagline{font-size:24px;font-weight:500;margin-bottom:32px;max-width:700px;margin-left:auto;margin-right:auto}.home__hero-cta{margin-top:24px}.home__section{padding:48px 0}.home__section-title{font-size:32px;font-weight:700;margin-bottom:32px;text-align:center}.home__create-modes{display:flex;justify-content:space-between;gap:32px;margin-top:32px}@media (max-width: 768px){.home__create-modes{flex-direction:column}}.home__create-modes-item{flex:1;text-align:center;padding:24px;border-radius:12px;background-color:#f8f9fa;transition:all .3s ease}.home__create-modes-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.home__create-modes-item h3{font-size:18px;margin:16px 0}.home__create-modes-item p{color:#666}.home__features{background-color:#f8f9fa}.home__features-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:32px}.home__features-list-item{padding:24px;background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d}.home__features-list-item h3{font-size:18px;margin-bottom:8px;color:#2a9d8f}.home__features-list-item p{color:#666}.home__perfect-for-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;margin-top:32px}.home__perfect-for-list-item{padding:24px;text-align:center}.home__perfect-for-list-item h3{font-size:18px;margin-bottom:8px}.home__perfect-for-list-item p{color:#666}.home__how-it-works{background-color:#f8f9fa}.home__how-it-works-steps{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:32px}@media (max-width: 992px){.home__how-it-works-steps{flex-direction:column}}.home__how-it-works-steps-item{flex:1;min-width:200px;text-align:center;padding:24px;position:relative}@media (min-width: 992px){.home__how-it-works-steps-item:not(:last-child):after{content:"";position:absolute;top:30px;right:-15px;width:30px;height:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232a9d8f'%3E%3Cpath d='M8.59,16.59L13.17,12L8.59,7.41L10,6l6,6l-6,6L8.59,16.59z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}}.home__how-it-works-steps-item .step-number{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background-color:#2a9d8f;color:#fff;font-size:24px;font-weight:700;margin:0 auto 16px}.home__how-it-works-steps-item h3{font-size:18px;margin-bottom:8px}.home__how-it-works-steps-item p{color:#666}.home__screenshots-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:32px}.home__screenshots-gallery-item{border-radius:12px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:all .3s ease}.home__screenshots-gallery-item:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.home__screenshots-gallery-item img{width:100%;height:auto}.app-store-badge{display:inline-block;transition:all .3s ease}.app-store-badge:hover{transform:translateY(-2px)}.app-store-badge img{height:40px}.page{padding:48px 0}.page__header{text-align:center;margin-bottom:48px}.page__title{font-size:32px;font-weight:700;margin-bottom:16px}.page__subtitle{font-size:18px;color:#666;max-width:700px;margin:0 auto}.page__content{max-width:800px;margin:0 auto;line-height:1.6}.page__content h2{font-size:24px;margin:32px 0 16px}.page__content h3{font-size:18px;margin:24px 0 8px}.page__content p{margin-bottom:16px}.page__content a{color:#2a9d8f}.page__content a:hover{text-decoration:underline}.placeholder-text{color:#666;padding:16px;background-color:#f8f9fa;border-radius:8px;margin-bottom:24px}.placeholder-section{margin-bottom:32px}.placeholder-section h2{border-bottom:1px solid #e9ecef;padding-bottom:8px}.contact-page .contact-info{text-align:center;margin-bottom:32px;font-size:18px}.contact-page .contact-form-container{background-color:#f8f9fa;padding:32px;border-radius:12px}.contact-page .contact-form-container h2{text-align:center;margin-top:0;margin-bottom:24px}.contact-page .form-message{padding:16px;border-radius:8px;margin-bottom:24px;text-align:center}.contact-page .form-message.success{background-color:#4caf501a;color:#2e7d32}.contact-page .form-message.error{background-color:#f443361a;color:#c62828}