@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1f2937;background:linear-gradient(135deg,#b8bec8 0%,#5c5865 100%);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:800px;margin:0 auto;padding:0 1rem}.max-w-4xl{max-width:28rem;margin:0 auto}.min-h-screen{min-height:100vh}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-2>*+*{margin-left:.5rem}.space-x-6>*+*{margin-left:1.5rem}.text-center{text-align:center}.text-lg{font-size:1rem}.text-xl{font-size:1.125rem}.text-2xl{font-size:1.25rem}.text-4xl{font-size:1.5rem}.text-6xl{font-size:2rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-white{color:#fff}.text-blue-100{color:#dbeafe}.text-blue-600{color:#2563eb}.text-gray-600{color:#4b5563}.text-gray-800{color:#1f2937}.mb-4{margin-bottom:.5rem}.mb-6{margin-bottom:.75rem}.mb-8{margin-bottom:1rem}.px-4{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1rem;padding-right:1rem}.py-8{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:1.5rem;padding-bottom:1.5rem}.p-6{padding:1rem}.p-8{padding:1.25rem}.opacity-80{opacity:.8}.bg-gradient{background:linear-gradient(135deg,#313946 0%,#d2cae3 100%)}.bg-white-20{background:rgba(255,255,255,.2)}.bg-white-95{background:rgba(255,255,255,.95)}.bg-white{background:white}.backdrop-blur{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.transition-all{transition:all .2s ease-in-out}.transform{transform:translateZ(0)}.scale-105{transform:scale(1.05)}.hover-bg-white-10:hover{background:rgba(255,255,255,.1)}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}.nav-container{background:rgba(255,255,255,.2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:.5rem;padding:.75rem;margin-bottom:1rem}.nav-tabs{display:flex;gap:.125rem}.nav-tab{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;border:none;border-radius:.5rem;font-weight:500;font-size:.75rem;cursor:pointer;transition:all .2s ease-in-out;background:transparent;color:#fff}.nav-tab:hover{background:rgba(255,255,255,.1)}.nav-tab.active{background:white;color:#444b59;box-shadow:0 4px 8px -2px #0000001a;transform:scale(1.02)}.content-card{background:rgba(255,255,255,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:.5rem;padding:1rem;box-shadow:0 10px 25px -6px #00000026}.feature-grid{display:flex;justify-content:center;gap:1rem;font-size:.75rem}.feature-item{display:flex;align-items:center;gap:.25rem}.feature-icon{font-size:1rem;transition:all .3s ease}.feature-icon:hover{transform:scale(1.1)}.feature-text{color:#fff;opacity:.8}.icon-shield{font-size:4rem;color:#ffffffe6;filter:drop-shadow(0 0 10px rgba(255,255,255,.3));transition:all .3s ease}.icon-shield:hover{transform:scale(1.1);filter:drop-shadow(0 0 20px rgba(255,255,255,.6))}.nav-tab i{margin-right:.5rem;font-size:1rem;transition:all .3s ease}.nav-tab.active i{transform:scale(1.1);color:#3b82f6}button i{transition:all .2s ease}button:hover i{transform:scale(1.05)}button:active i{transform:scale(.95)}.icon-large{font-size:2rem;font-weight:700;display:inline-block;text-align:center;color:#3b82f6}.letter-spacing-wide{letter-spacing:.1em}.letter-spacing-widest{letter-spacing:.5em}.form-input{width:100%;padding:.5rem .75rem;border:1px solid #D1D5DB;border-radius:.375rem;font-size:.875rem;transition:all .2s ease-in-out;outline:none}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.form-input:disabled{background-color:#f9fafb;color:#9ca3af}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.75rem;font-weight:500;border-radius:.375rem;border:none;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-success{background-color:#10b981;color:#fff}.btn-success:hover:not(:disabled){background-color:#059669}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.spinner{border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.container{padding:0 .25rem}.text-4xl{font-size:1.25rem}.text-6xl{font-size:1.75rem}.nav-tabs{flex-direction:column;gap:.25rem}.feature-grid{flex-direction:column;gap:.5rem}.px-6{padding-left:.75rem;padding-right:.75rem}.p-8{padding:1rem}}.max-w-md{max-width:16rem}.space-y-4>*+*{margin-top:.75rem}.space-y-2>*+*{margin-top:.375rem}.flex-1{flex:1 1 0%}.gap-2{gap:.375rem}.px-3{padding-left:.5rem;padding-right:.5rem}.py-2{padding-top:.375rem;padding-bottom:.375rem}.py-3{padding-top:.5rem;padding-bottom:.5rem}.p-3{padding:.5rem}.p-4{padding:.75rem}.mt-4{margin-top:.75rem}.mb-2{margin-bottom:.375rem}.text-sm{font-size:.75rem;line-height:1rem}.text-2xl{font-size:1.125rem;line-height:1.25rem}.rounded{border-radius:.25rem}.border{border-width:1px}.border-gray-300{border-color:#d1d5db}.border-red-200{border-color:#fecaca}.border-green-200{border-color:#bbf7d0}.bg-red-50{background-color:#fef2f2}.bg-green-50{background-color:#f0fdf4}.bg-gray-400{background-color:#9ca3af}.bg-gray-500{background-color:#6b7280}.bg-gray-600{background-color:#4b5563}.bg-blue-600{background-color:#2563eb}.bg-blue-700{background-color:#1d4ed8}.text-red-700{color:#b91c1c}.text-green-700{color:#15803d}.text-green-600{color:#16a34a}.text-green-800{color:#166534}.text-gray-700{color:#374151}.hover\:bg-gray-600:hover{background-color:#4b5563}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.hover\:text-green-800:hover{color:#166534}.focus\:ring-1:focus{box-shadow:0 0 0 1px #2563eb}.focus\:ring-blue-500:focus{box-shadow:0 0 0 1px #3b82f6}.focus\:border-blue-500:focus{border-color:#3b82f6}.outline-none{outline:2px solid transparent;outline-offset:2px}.font-mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.cursor-not-allowed{cursor:not-allowed}.disabled\:bg-gray-400:disabled{background-color:#9ca3af}.w-full{width:100%}.max-w-xs{max-width:14rem}.max-w-sm{max-width:18rem}.compact-form{max-width:18rem;margin:0 auto}.mx-auto{margin-left:auto;margin-right:auto}