*{box-sizing:border-box;margin:0;padding:0}body{overflow-x:hidden;background:linear-gradient(145deg,#f5f7fc 0%,#eef2f7 100%);min-height:100vh;transition:background .3s;font-family:Segoe UI,Roboto,system-ui,-apple-system,BlinkMacSystemFont,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.section{transition:opacity .5s ease-in-out,visibility .5s}.initial-content{position:relative;display:block;opacity:1;visibility:visible;max-width:1200px;margin:0 auto;padding:2rem 1.5rem 5rem}.login-wrapper{display:none;opacity:0;visibility:hidden;justify-content:center;align-items: center;min-height:100vh;padding:2rem;transition:opacity .4s,visibility .4s}.login-wrapper.active{display:flex;opacity:1;visibility:visible}.login-card{backdrop-filter:blur(2px);animation:fadeSlideUp .5s ease-out;background:#fffffff7;border-radius:48px;width:100%;max-width:480px;padding:2.5rem 2rem;transition:transform .3s;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #9cb4cc33}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-card h2{color:#0000;letter-spacing:-.3px;background:linear-gradient(135deg,#1f2b3c,#2c3e66);-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.2rem;font-weight:700}.login-card .sub{color:#5a6e7c;border-left:3px solid #ffb347;margin-bottom:2rem;padding-left:.75rem;font-weight:500}.input-group{margin-bottom:1.5rem}.input-group label{display:block;color:#2c3e50;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.input-group input{outline:none;background:#fff;border:2px solid #e2e8f0;border-radius:28px;width:100%;padding:.9rem 1rem;transition:all .2s;font-family:inherit;font-size:1rem}.input-group input:focus{border-color:#ffb347;box-shadow:0 0 0 3px #ffb44733}.btn-login{color:#fff;cursor:pointer;background:linear-gradient(95deg,#ff9a3c,#ff6a2e);border:none;border-radius:40px;width:100%;margin-top:.5rem;padding:1rem;transition:transform .15s,box-shadow .2s;font-family:inherit;font-size:1.1rem;font-weight:700;box-shadow:0 8px 18px #ff6a2e40}.btn-login:hover{background:linear-gradient(95deg,#ff8c24,#ff571f);transform:scale(1.02);box-shadow:0 12px 22px #ff5a1e59}.btn-login:active{transform:scale(.98)}.bonus-message{text-align:center;color:#1e7b48;background:#e9f7ef;border-left:4px solid #2ecc71;border-radius:32px;margin-top:1.5rem;padding:1rem;transition:all .2s;font-size:.95rem;font-weight:600}.error-message{color:#c0392b;background:#ffe6e5;border-left-color:#e74c3c}.hero-badge{display:inline-block;color:#b45309;background:#ffedd5;border-radius:40px;margin-bottom:1rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600}h1{color:#1f2b3c;margin-bottom:1rem;font-size:3.2rem;font-weight:800;line-height:1.2}.highlight{color:#ff6a2e}.description{color:#4a5c6c;max-width:650px;margin-bottom:2rem;font-size:1.2rem}.scroll-hint{display:inline-flex;animation:pulse 1.8s infinite;background:#fff;border-radius:60px;align-items: center;gap:12px;margin:2rem 0 3rem;padding:.7rem 1.8rem;font-weight:500;box-shadow:0 5px 15px #0000000d}@keyframes pulse{0%{box-shadow:0 5px 15px #0000000d;transform:translateY(0)}50%{box-shadow:0 15px 25px #ff6a2e33;transform:translateY(-3px)}to{box-shadow:0 5px 15px #0000000d;transform:translateY(0)}}.scroll-hint span{font-size:1.5rem}.feature-grid{display:flex;flex-wrap:wrap;gap:2rem;margin:3rem 0 4rem}.feature-card{background:#fff;border:1px solid #0000000d;border-radius:32px;flex:240px;padding:1.8rem;transition:all .2s;box-shadow:0 8px 20px #00000005}.feature-card:hover{border-color:#ffd8b5;transform:translateY(-6px)}.feature-icon{margin-bottom:1rem;font-size:2.4rem}.feature-card h3{color:#2c3e66;margin-bottom:.5rem}.demo-img{text-align:center;color:#2d3e50;background:linear-gradient(120deg,#ffd89b,#c7e9fb);border-radius:32px;margin:2rem 0;padding:3rem 2rem;font-weight:500}footer{text-align:center;color:#6c7e8e;border-top:1px solid #0000000d;margin-top:3rem;padding:2rem}@media (max-width:680px){h1{font-size:2.3rem}.login-card{padding:1.8rem}.initial-content{padding:1rem}}.hidden-section{display:none!important}.logo-start{position:absolute;top:15px;right:20px}.logo{display:flex;flex-direction:row;justify-content:center;margin-bottom:15px}