body{font-family:Roboto,sans-serif;background:linear-gradient(135deg,#1f92e4,#2d3338);margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh}.banner-1{background:#034370;padding:60px;text-align:center;color:#fff;box-shadow:0 6px 12px #00000026}.banner-1 h1{font-size:3rem;margin:0;font-weight:500}.form{max-width:700px;margin:40px auto;padding:40px;background-color:#fff;border-radius:10px;box-shadow:0 8px 16px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.form:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001a}.title{font-size:2rem;margin-bottom:30px;text-align:center;color:#333;font-weight:700;letter-spacing:1px}.input,.input-select{width:100%;padding:15px;margin:10px 0;border:1px solid #bdbdbd;border-radius:8px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;box-shadow:0 4px 8px #0000000d}.input:focus,.input-select:focus{border-color:#42a5f5;box-shadow:0 0 10px #42a5f580}.submit{background-color:#42a5f5;color:#fff;padding:15px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;width:100%;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;box-shadow:0 6px 12px #0000000d}.submit:hover{background-color:#64b5f6;transform:translateY(-3px);box-shadow:0 8px 16px #0000001a}.row{display:flex;flex-wrap:wrap;gap:20px}.col-md-6{flex:1;min-width:280px}.success-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#page{display:flex;justify-content:center;align-items:center}#container{display:flex;justify-content:center;align-items:center;position:relative}#h3{color:#524f4f}#ring{width:190px;height:190px;border:1px solid transparent;border-radius:50%;position:absolute}#ring:nth-child(1){border-bottom:8px solid rgb(240,42,230);animation:rotate1 2s linear infinite}@keyframes rotate1{0%{transform:rotateX(50deg) rotate(110deg)}to{transform:rotateX(50deg) rotate(470deg)}}#ring:nth-child(2){border-bottom:8px solid rgb(240,19,67);animation:rotate2 2s linear infinite}@keyframes rotate2{0%{transform:rotateX(20deg) rotateY(50deg) rotate(20deg)}to{transform:rotateX(20deg) rotateY(50deg) rotate(380deg)}}#ring:nth-child(3){border-bottom:8px solid rgb(3,170,170);animation:rotate3 2s linear infinite}@keyframes rotate3{0%{transform:rotateX(40deg) rotateY(130deg) rotate(450deg)}to{transform:rotateX(40deg) rotateY(130deg) rotate(90deg)}}#ring:nth-child(4){border-bottom:8px solid rgb(207,135,1);animation:rotate4 2s linear infinite}@keyframes rotate4{0%{transform:rotateX(70deg) rotate(270deg)}to{transform:rotateX(70deg) rotate(630deg)}}