*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:40px 20px;width:100%}@media (max-width:768px){.main-content{padding:20px 15px}}.navbar{background:#0a0a14f2;border-bottom:2px solid #0f3460;box-shadow:0 2px 10px #0000004d;padding:20px 0}.nav-container{flex-wrap:wrap;gap:30px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{gap:10px}.nav-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700}.nav-logo .subtitle{color:#888;font-size:12px;margin-left:10px}.nav-menu{display:flex;flex-wrap:wrap;gap:10px}.nav-button{align-items:center;background:#0000;border:2px solid #0f3460;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.nav-button:hover{background:#3b82f51a;border-color:#3b82f6;color:#3b82f6}.nav-button.active{background:linear-gradient(135deg,#3b82f6,#06b6d4);border-color:#3b82f6;color:#fff}.nav-button .icon{font-size:18px}@media (max-width:768px){.nav-container{flex-direction:column;gap:15px}.nav-logo,.nav-menu{justify-content:center;width:100%}.nav-button{font-size:12px;padding:8px 15px}}.card{animation:slideIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #3b82f533;border-radius:12px;box-shadow:0 8px 32px #0000001a;margin:20px 0;padding:30px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-header{border-bottom:2px solid #3b82f533;margin-bottom:30px;padding-bottom:20px}.card-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;margin-bottom:8px}.card-header p{color:#aaa;font-size:14px}.card-body{gap:20px}.card-body,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#ddd;font-size:14px;font-weight:600}.form-group small{color:#888;font-size:12px}.input-field,textarea{background:#ffffff0d;border:1px solid #3b82f54d;border-radius:8px;color:#fff;font-family:Courier New,monospace;font-size:14px;padding:12px 15px;transition:all .3s ease}.input-field:focus,textarea:focus{background:#3b82f51a;border-color:#3b82f6;box-shadow:0 0 10px #3b82f533;outline:none}.input-field::placeholder,textarea::placeholder{color:#666}.primary-button{background:linear-gradient(135deg,#3b82f6,#06b6d4);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.primary-button:hover:not(:disabled){box-shadow:0 4px 15px #3b82f566;transform:translateY(-2px)}.primary-button:disabled{cursor:not-allowed;opacity:.7}.alert{border-left:4px solid;border-radius:8px;font-size:14px;padding:12px 16px}.alert-error{background:#ef44441a;border-left-color:#ef4444;color:#fca5a5}.result-section{background:#3b82f50d;border:1px solid #3b82f533;border-radius:8px;margin-top:20px;padding:20px}.result-section label{color:#3b82f6;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.result-box{background:#0000004d;border:1px solid #3b82f54d;border-radius:6px;color:#4ade80;font-family:Courier New,monospace;font-size:13px;margin-bottom:12px;padding:15px;position:relative;word-break:break-all}.copy-button{background:#3b82f533;border:1px solid #3b82f580;border-radius:4px;color:#3b82f6;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.copy-button:hover{background:#3b82f566}.results-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.result-item{background:#0003;border-left:3px solid #3b82f6;border-radius:6px;padding:12px 15px}.result-item .label{color:#888;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.result-item .value{color:#4ade80;display:block;font-family:Courier New,monospace;font-size:14px;font-weight:600;word-break:break-all}@media (max-width:768px){.card{padding:20px}.card-header h2{font-size:20px}.results-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.1874f74d.css.map*/