*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#12151d,#111622,#030304);min-height:100vh;color:#ecf9fd}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn .5s ease-in-out}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.min-h-screen{min-height:100vh}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.flex-col{flex-direction:column}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-12{padding:3rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mx-auto{margin-left:auto;margin-right:auto}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-full{width:100%}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-32{height:8rem}.max-w-4xl{max-width:56rem}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.top-0{top:0}.top-1\/2{top:50%}.left-1\/2{left:50%}.inset-0{inset:0}.inset-2{inset:.5rem}.inset-3{inset:.75rem}.z-10{z-index:10}.transform{transform:translate(-50%) translateY(-50%)}.hover\:-translate-y-0\.5:hover{transform:translateY(-.125rem)}.bg-white{background-color:#ffffff1a}.bg-blue-500{background-color:#60a5fa}.bg-blue-600{background-color:#3b82f6}.bg-blue-100{background-color:#60a5fa1a}.bg-blue-200{background-color:#60a5fa33}.bg-blue-300{background-color:#60a5fa4d}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-blue-100{border-color:#60a5fa33}.border-blue-200{border-color:#60a5fa4d}.border-transparent{border-color:transparent}.border-t-blue-400{border-top-color:#60a5fa}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-b-2xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.shadow-lg{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}.shadow-xl{box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-white{color:#fff}.text-gray-500{color:#94a3b8}.text-gray-600{color:#64748b}.text-gray-700{color:#e2e8f0}.text-gray-800{color:#f1f5f9}.text-blue-300{color:#93c5fd}.text-blue-500{color:#60a5fa}.text-blue-600{color:#3b82f6}.text-blue-700{color:#2563eb}.text-center{text-align:center}.leading-relaxed{line-height:1.625}.whitespace-pre-wrap{white-space:pre-wrap}textarea{background-color:#ffffff0d;border:1px solid rgba(96,165,250,.3);border-radius:.75rem;padding:.75rem 1rem;width:100%;color:#e0f2fe;resize:none;transition:all .2s ease}textarea:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa33}textarea::placeholder{color:#94a3b8}button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#60a5fa;color:#fff;border:none;border-radius:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 10px 15px -3px #0000004d}button:hover{background-color:#3b82f6;box-shadow:0 20px 25px -5px #0000004d;transform:translateY(-.125rem)}button:focus{outline:none;box-shadow:0 0 0 2px #60a5fa66}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button:disabled:hover{background-color:#60a5fa;box-shadow:0 10px 15px -3px #0000004d}.copy-button{background:none;box-shadow:none;padding:0;color:#60a5fa;font-size:.875rem}.copy-button:hover{color:#3b82f6;background:none;box-shadow:none;transform:none}.opacity-60{opacity:.6}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.transition-colors{transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.space-y-4>*+*{margin-top:1rem}.resize-none{resize:none}.cursor-not-allowed{cursor:not-allowed}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{box-shadow:0 0 0 2px #60a5fa66}.focus\:ring-blue-400:focus{box-shadow:0 0 0 2px #60a5fa66}.focus\:ring-offset-2:focus{box-shadow:0 0 0 2px #60a5fa66,0 0 0 4px #0000001a}.focus\:border-transparent:focus{border-color:transparent}.hover\:bg-blue-600:hover{background-color:#3b82f6}.hover\:text-blue-700:hover{color:#2563eb}.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.password-container{position:absolute;top:0;width:100%;z-index:10}.password-container.hidden{display:none}