*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{min-height:100vh;width:100%;overflow-x:hidden;background:linear-gradient(180deg,#323252,#4d4b85);background-attachment:fixed;color:#fff}.info-section{width:100%;background-color:transparent;padding:40px 20px;margin-top:40px}.info-container{max-width:1000px;margin:0 auto}.info-section h2{font-size:28px;text-align:center;color:#fff;margin-bottom:10px}.subtitle{text-align:center;color:#b2b1df;margin-bottom:30px;font-size:14px;letter-spacing:.5px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:35px;margin-bottom:30px}.info-card{background-color:#2e2d4e;border:1px solid #8B8AE1;border-radius:10px;padding:30px;color:#fff}.info-card h3{color:#8b8ae1;margin-bottom:15px;font-size:18px}.info-card ul{list-style:none;padding:0}.info-card li{color:#b2b1df;margin-bottom:8px;padding-left:15px;position:relative}.info-card li:before{content:"→";position:absolute;left:0;color:#8b8ae1}.tech-list{display:flex;flex-wrap:wrap;gap:10px}.tech-badge{background-color:#8b8ae133;border:1px solid #8B8AE1;color:#b2b1df;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:700}.api-docs{display:flex;flex-direction:column;gap:10px}.api-docs p{color:#b2b1df;margin:0}.api-endpoint{background-color:#0000004d;padding:8px 12px;border-left:3px solid #8B8AE1;border-radius:4px;font-size:13px;color:#b2b1df}.api-endpoint strong{color:#8b8ae1;margin-right:8px}.api-endpoint code{background-color:#00000080;padding:2px 6px;border-radius:3px;font-family:monospace;color:#fff}.info-footer{text-align:center;padding-top:30px;border-top:1px solid #8B8AE1;color:#b2b1df;font-size:16px}.info-footer strong{color:#fff}.social-links{display:flex;justify-content:center;gap:25px;margin-top:20px;flex-wrap:wrap}.social-link{color:#8b8ae1;text-decoration:none;font-weight:700;transition:all .3s;padding:12px 18px;border-radius:5px;font-size:16px}.social-link:hover{color:#6c63ff;background-color:#8b8ae11a;transform:translateY(-2px)}@media(max-width:768px){.info-grid{grid-template-columns:1fr}.info-section h2{font-size:22px}.info-card{padding:15px}.info-card h3{font-size:16px}.tech-badge{font-size:11px;padding:6px 10px}}.container{display:flex;align-items:center;flex-direction:column;padding-top:100px}.edit-notice{background-color:#ffecb3;color:#6d4c00;padding:10px 16px;border-radius:8px;font-weight:500;text-align:center;margin-bottom:10px}.message{background-color:#8b8ae1;color:#fff;padding:15px 25px;border-radius:8px;font-weight:700;box-shadow:0 4px 6px #0000001a;margin-bottom:20px;text-align:center;width:400px;max-width:90%;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}h1{font-size:42px;text-align:center;color:#fff}form{display:flex;flex-direction:column;gap:30px;padding:30px;border-radius:10px;background-color:#24233f;border:1px solid #3a3961;max-width:90%;width:400px;margin-bottom:20px}.users-section{width:400px;max-width:90%}form input{border-radius:10px;border:none;padding:12px;font-size:16px}form input:focus{outline:2px solid #8B8AE1}.button-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.button-group button{border-radius:30px;border:none;background-color:#8b8ae1;color:#fff;width:100%;max-width:180px;height:50px;font-weight:700;font-size:15px;cursor:pointer;transition:opacity .3s,transform .2s}.button-group button:hover{opacity:.8;transform:translateY(-1px)}.btn-search{background-color:#6c63ff!important}.btn-show-all{background-color:#4caf50!important}.btn-clear{background-color:#ff6b6b!important}.user-card{display:flex;justify-content:space-between;align-items:center;background-color:#2e2d4e;padding:20px;border-radius:10px;margin-bottom:15px;width:100%;max-width:100%}.icon{width:20px;height:20px;filter:invert(1)}.btn-trash{background:transparent;border:none;cursor:pointer;transition:opacity .3s;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:8px}.btn-trash:hover{opacity:.4}.card-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.btn-edit-card{background:transparent;border:none;cursor:pointer;font-size:18px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:6px;transition:background-color .3s}.btn-edit-card:hover{background-color:#8b8ae14d}.btn-edit{background-color:#ffa726!important}.about-link{margin-top:30px;margin-bottom:20px}.about-link a{color:#8b8ae1;text-decoration:none;font-weight:700;font-size:16px;padding:12px 24px;border:1px solid #8B8AE1;border-radius:8px;transition:all .3s}.about-link a:hover{background-color:#8b8ae126;transform:translateY(-2px)}.label{color:#b2b1df;font-weight:700}@media(max-width:768px){.container{padding-top:30px;padding-left:15px;padding-right:15px}h1{font-size:32px}form{width:100%;max-width:100%;padding:20px;gap:20px}form input{padding:10px;font-size:16px}.button-group{gap:10px;align-items:center}.button-group button{max-width:none;width:100%;height:48px}.message{width:100%;max-width:100%;padding:12px 20px;font-size:14px}.user-card{width:100%;max-width:100%;padding:15px;flex-direction:column;align-items:flex-start;gap:15px}.user-card>div{width:100%}.btn-trash{align-self:flex-end}}@media(max-width:480px){.container{padding-top:20px}h1{font-size:28px}form{padding:15px}form input{font-size:16px}.user-card{padding:12px}.button-group button{height:46px;font-size:14px}.label{font-size:14px}}