body{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.glass-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;box-shadow:0 8px 32px #0000004d}.glass-card:hover{transition:all .3s;transform:translateY(-2px)}.gradient-bg{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.gradient-btn{background:linear-gradient(45deg,#6f42c1,#e91e63);border:none;transition:all .3s}.gradient-btn:hover{background:linear-gradient(45deg,#5a2d91,#c2185b);transform:translateY(-1px);box-shadow:0 4px 15px #6f42c166}.form-control:focus{border-color:#6f42c1;box-shadow:0 0 0 .25rem #6f42c140}.form-check-input:checked{background-color:#6f42c1;border-color:#6f42c1}.result-textarea{color:#fff;background:#ffffff0d;border:1px solid #fff3;font-family:Consolas,Monaco,monospace}.result-textarea:focus{color:#fff;background:#ffffff1a;border-color:#6f42c1;box-shadow:0 0 0 .25rem #6f42c140}.copy-btn{color:#e0aaff;background:#6f42c133;border:1px solid #6f42c14d;transition:all .3s}.copy-btn:hover{color:#fff;background:#6f42c166}.text-white{color:#fff!important}.text-light-gray{color:#e0e0e0!important}.text-purple{color:#e0aaff!important}.bg-dark-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d}.form-range{background:0 0}.form-range::-webkit-slider-track{background:#fff3;border-radius:5px;height:6px}.form-range::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:linear-gradient(45deg,#6f42c1,#e91e63);border:2px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #0000004d}.form-range::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 15px #6f42c199}.form-range::-moz-range-track{background:#fff3;border:none;border-radius:5px;height:6px}.form-range::-moz-range-thumb{cursor:pointer;background:linear-gradient(45deg,#6f42c1,#e91e63);border:2px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #0000004d}.fade-in{animation:.6s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bg-decoration:before{content:"";z-index:-1;background:radial-gradient(circle at 20% 80%,#7877c64d 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0%,#0000 50%),radial-gradient(circle at 40% 40%,#78dbe24d 0%,#0000 50%);width:200%;height:200%;animation:20s linear infinite rotate;position:fixed;top:-50%;left:-50%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}