@import"https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Roboto:wght@300;400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.landing-page{margin:0;padding:0;background:linear-gradient(to bottom,#ffffffe6,#d2b48ce6);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:#000;font-family:Roboto,sans-serif;position:relative;min-height:100vh}.hero{min-height:80vh;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:40px 20px}.hero h1{font-family:Alfa Slab One,Roboto,sans-serif;font-size:6rem;color:#000;margin-bottom:20px;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.hero p{font-size:1.2rem;margin:10px 0;line-height:1.6;color:#333}.coming{margin-top:20px;font-weight:600;font-size:1.3rem;color:#8b4513;padding:10px 20px;background:#ffffff4d;border-radius:25px;border:2px solid #8b4513}.footer{margin-top:30px;font-size:1rem;color:#666}.features h2{font-size:2rem;font-weight:700;margin-bottom:10px;color:#000}.features p.subtitle{font-size:1.1rem;color:#333;margin-bottom:50px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:1100px;margin:0 auto}.feature-card{background:#f5deb3e6;border-radius:10px;padding:30px 20px;text-align:left;border:1px solid rgba(139,69,19,.3);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:hover{transform:translateY(-5px);border-color:#8b4513;box-shadow:0 10px 25px #0000001a;background:wheat}.feature-card h3{margin:0 0 10px;font-size:1.2rem;font-weight:600;color:#8b4513}.feature-card p{margin:0;font-size:.95rem;color:#333;line-height:1.5}@media (max-width: 768px){.hero h1{font-size:3rem}.hero p{font-size:1.1rem}.coming{font-size:1.2rem}.features h2{font-size:1.8rem}.feature-grid{grid-template-columns:1fr}}@media (max-width: 480px){.hero h1{font-size:2.5rem}.hero{min-height:70vh;padding:20px 15px}.features{padding:60px 15px}}
