*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#121212;color:#e0e0e0;transition:all .4s ease}.homepage{min-height:100vh;display:flex;flex-direction:column;align-items:center}.top-buttons{margin-bottom:40px}.top-buttons button{margin:0 10px;padding:10px 24px;font-size:15px;border:2px solid #333;background:#1e1e1e;border-radius:30px;cursor:pointer;color:#fff;transition:all .4s ease}.top-buttons button:hover{background:#333;transform:scale(1.05)}.top-buttons button.active-btn{background:tomato;color:#fff;box-shadow:inset 0 5px 10px #0006}.shortcut-page{padding:4% 20px;display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;width:100%}.left-section{flex:1;min-width:300px;margin-right:20px}.left-section h2{font-size:30px;color:#888;margin-bottom:5px;transition:color .3s ease}.left-section h1{font-size:52px;color:#fff;margin-bottom:20px}.left-section p{font-size:16px;color:#bbb;line-height:1.6}.main-btn{margin-top:30px;padding:14px 32px;background-color:#2d87f0;color:#fff;border:none;border-radius:12px;font-size:16px;cursor:pointer;transition:all .4s}.main-btn:hover{background-color:#1b5fbf;transform:translateY(-2px)}.note-text{margin-top:15px;font-size:14px;color:#777}.right-section{background:#1e1e1e;padding:30px;border-radius:16px;box-shadow:0 12px 40px #0006;max-width:420px;width:100%;text-align:center;transition:background .3s ease}.tool-card input[type=text]{width:100%;padding:14px 18px;margin-bottom:10px;margin-top:20px;border:2px solid #333;border-radius:12px;background:#121212;color:#fff;outline:none;transition:border-color .3s,background .3s}.tool-card input[type=text]:focus{border-color:#2d87f0}.tool-card button{width:100%;padding:12px 18px;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .4s;background-color:#2d87f0;color:#fff}.tool-card button:hover{background-color:#1b5fbf;transform:translateY(-2px)}.tool-card button:disabled{opacity:.6;cursor:not-allowed}.tool-card .blue-button{background-color:#28a745}.tool-card .blue-button:hover{background-color:#1e7e34;transform:translateY(-2px)}.short-link-display{background:#222;padding:14px;border-radius:10px;margin-top:15px;text-align:left;color:#fff}.short-link-display strong{display:block;font-size:16px;color:#fff}.sub-link{font-size:12px;color:#888}.action-buttons{margin-top:12px}.qr-page-container{display:flex;justify-content:center;align-items:center;padding:20px}.qr-card{text-align:center}.qr-card h2{font-size:28px;color:#fff;margin-bottom:12px}.qr-card p.description{font-size:14px;color:#bbb;margin-bottom:25px}.qr-card input[type=text],.qr-card input[type=number]{width:100%;padding:12px;border:2px solid #333;border-radius:10px;margin-bottom:15px;background:#121212;color:#fff;transition:border-color .3s,background .3s}.qr-card input[type=text]:focus,.qr-card input[type=number]:focus{border-color:#2d87f0}.qr-card .qr-image{margin:20px 0;width:60%;border-radius:8px;transition:transform .3s}.qr-card .qr-image:hover{transform:scale(1.05)}.qr-card .button-group{display:flex;gap:10px;flex-wrap:wrap}.qr-card button{flex:1;padding:12px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .4s}.qr-card button.generate-btn{background-color:#2d87f0;color:#fff}.qr-card button.generate-btn:hover{background-color:#1b5fbf;transform:translateY(-2px)}.qr-card button.download-btn{background-color:#28a745;color:#fff}.qr-card button.download-btn:hover{background-color:#1e7e34;transform:translateY(-2px)}.footer-text{margin-top:auto;text-align:center;padding:10px 0;font-size:13px;color:#777;background-color:#1e1e1e;border-top:1px solid #333;width:100%}.footer-text a{color:#2d87f0;text-decoration:none;font-weight:500;transition:color .3s}.footer-text a:hover{color:#1b5fbf}@media (max-width: 992px){.shortcut-page{flex-direction:column;align-items:center}.left-section{margin-right:0;text-align:center;margin-bottom:30px}.left-section h1{font-size:42px}.left-section h2{font-size:26px}.main-btn{width:100%}}@media (max-width: 480px){.top-buttons{display:flex;padding:20px 0;justify-content:center}.top-buttons button{padding:10px;font-size:12px}.left-section h1{font-size:32px}.left-section h2{font-size:20px}.left-section p{font-size:14px}.main-btn{width:100%}.right-section{padding:20px}.qr-card .button-group{flex-direction:column}}