*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:green;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;padding:1rem 0;position:sticky;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.navbar-logo h1{color:#fff;font-size:1.8rem;font-weight:700}.navbar-menu{display:flex;gap:2rem;list-style:none}.navbar-menu li a{color:#fff;font-weight:500;text-decoration:none;transition:opacity .3s ease}.navbar-menu li a:hover{opacity:.8}.main-content{min-height:calc(100vh - 200px)}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;color:#fff;margin-top:auto;padding:3rem 0 1rem}.footer-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 2rem;max-width:1200px;padding:0 2rem}.footer-section h3{font-size:1.2rem;margin-bottom:1rem}.footer-section p{line-height:1.6;opacity:.8}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#fff;opacity:.8;text-decoration:none;transition:opacity .3s ease}.footer-section ul li a:hover{opacity:1}.social-links{display:flex;flex-wrap:wrap;gap:1rem}.social-links a{color:#fff;opacity:.8;text-decoration:none;transition:opacity .3s ease}.social-links a:hover{opacity:1}.footer-bottom{border-top:1px solid #fff3;opacity:.7;padding-top:2rem;text-align:center}@media (max-width:768px){.navbar-container{flex-direction:column;gap:1rem}.navbar-menu{gap:1rem}.hero-section h1{font-size:2rem}.hero-section p{font-size:1.2rem}.footer-container{grid-template-columns:1fr}}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.hero-section{color:#fff;max-width:800px;text-align:center;width:100%}.hero-section h1{font-size:3rem;font-weight:700;margin-bottom:1rem}.hero-section p{font-size:1.5rem;margin-bottom:2rem;opacity:.9}.card{background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0003;color:#333;margin-top:2rem;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 12px 48px #0000004d;transform:translateY(-5px)}.card h2{color:#222;font-size:1.8rem;margin-bottom:1rem}.card p{color:#555;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;opacity:1}.card-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:transform .2s ease,box-shadow .2s ease}.card-button:hover{box-shadow:0 4px 16px #667eea66;transform:scale(1.05)}.card-button:active{transform:scale(.98)}@media (max-width:768px){.hero-section h1{font-size:2rem}.hero-section p{font-size:1.2rem}.card{padding:1.5rem}.card h2{font-size:1.5rem}.card p{font-size:1rem}}