html,body{height:100%;margin:0;padding:0}*,:before,:after{box-sizing:border-box}.daftar-body{min-height:100vh;font-family:var(--font-jakarta), Inter, system-ui, -apple-system, "Segoe UI", sans-serif;background:radial-gradient(40% 60% at 20% 10%,#6366f122,#0000),radial-gradient(40% 60% at 80% 90%,#38bdf822,#0000),#020617;overflow-x:hidden}.bg-daftar{isolation:isolate;background:linear-gradient(135deg,#0f172a,#1e293b);justify-content:center;align-items:flex-start;min-height:100vh;padding:clamp(20px,5vw,48px);display:flex;position:relative;overflow-x:hidden}.bg-daftar .container{z-index:1;position:relative}.bubble{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bubble span{opacity:.18;filter:blur(2px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle at 30% 30%,#fff9,#ffffff0d);border-radius:50%;animation:linear infinite bubbleUp;position:absolute;bottom:-150px}.card-daftar{isolation:isolate;background:linear-gradient(120deg,#38bdf899,#6366f199,#a78bfa99,#38bdf899) 0 0/300% 300%;border:none;border-radius:24px;width:100%;padding:clamp(2px,.8vw,5px);animation:8s linear infinite borderMove;position:relative;box-shadow:0 30px 80px #00000080}.card-daftar:before{content:"";-webkit-mask-composite:xor;z-index:-1;background:linear-gradient(120deg,#38bdf8,#6366f1,#a78bfa,#38bdf8) 0 0/300% 300%;border-radius:24px;padding:1px;animation:8s linear infinite borderMove;position:absolute;inset:-1px;-webkit-mask-composite:xor;mask-composite:exclude}.card-daftar:hover{transform:translateY(-8px)scale(1.01);box-shadow:0 30px 80px #000000e6}.card-daftar .card-body{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b1120;border-radius:23px;padding:clamp(16px,2.8vw,28px)}.daftar-title{background:linear-gradient(90deg,#8fddff,#818cf8,#c084fc);-webkit-text-fill-color:transparent;letter-spacing:.6px;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;gap:.6rem;margin-bottom:10px;font-size:clamp(1.1rem,2vw,1.45rem);font-weight:800;display:flex}.daftar-title .daftar-title-icon{color:#8fddff;filter:drop-shadow(0 6px 12px #00000073);-webkit-text-fill-color:initial}.card-daftar label{font-weight:500;color:#cbd5e1!important}.card-daftar input,.card-daftar .form-control,.card-daftar .form-select{border-radius:12px;height:42px;padding:10px 14px;transition:all .25s;color:#fff!important;background:#ffffff0d!important;border:1px solid #ffffff26!important}.card-daftar textarea.form-control{resize:vertical;height:auto;min-height:120px}.card-daftar input::placeholder,.card-daftar textarea::placeholder{color:#94a3b8}.card-daftar input:focus,.card-daftar .form-control:focus,.card-daftar .form-select:focus{outline:none;box-shadow:0 0 0 3px #6366f140;background:#ffffff12!important;border:1px solid #6366f1!important}.card-daftar .form-select{background-image:none!important}.card-daftar .input-group .form-control{border-top-right-radius:0;border-bottom-right-radius:0}.card-daftar .input-group .btn-outline-secondary{color:#cbd5e1;background:#ffffff0d;border-color:#ffffff26;border-top-left-radius:0;border-bottom-left-radius:0;min-height:42px}.card-daftar .input-group .btn-outline-secondary:hover,.card-daftar .input-group .btn-outline-secondary:focus{box-shadow:none;color:#fff;background:#6366f126;border-color:#818cf8}.card-daftar .dropdown-menu{background:#0b1120fa;border:1px solid #94a3b82e;box-shadow:0 16px 34px #02061759}.card-daftar .dropdown-item{color:#e2e8f0;border-radius:10px}.card-daftar .dropdown-item:hover,.card-daftar .dropdown-item:focus{color:#fff;background:#6366f12e}.card-daftar .dropdown-menu .form-control{color:#fff!important;background:#ffffff0d!important;border-color:#ffffff26!important}.card-daftar .dropdown-menu .form-control::placeholder{color:#94a3b8}.card-daftar .text-danger,.card-daftar .invalid-feedback{color:#fca5a5!important}.btn-login{letter-spacing:.4px;color:#fff;background:linear-gradient(120deg,#6366f1,#a782fd,#6366f1) 0 0/200% 200%;border:none;border-radius:14px;height:clamp(44px,6vw,52px);font-weight:600;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;animation:4s linear infinite gradientFlow;position:relative}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.btn-login:before{content:"";z-index:-1;filter:blur(12px);opacity:.55;background:linear-gradient(120deg,#818cf8,#c084fc,#818cf8);border-radius:16px;position:absolute;inset:-2px}.btn-login:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 18px 40px #6366f173}.btn-login:active{transform:translateY(-1px)scale(.98)}@keyframes borderMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes bubbleUp{0%{opacity:.4;transform:translateY(0)}to{opacity:0;transform:translateY(-130vh)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.fade-up{animation:.6s cubic-bezier(.21,.61,.35,1) fadeUp}@media (hover:hover){.card-daftar:hover{transform:translateY(-8px)scale(1.01)}}@media (max-width:768px){.bubble span{filter:blur(1px);opacity:.12}.bubble span:first-child{width:60px;height:60px}.bubble span:nth-child(3){width:90px;height:90px}.card-daftar .card-body{padding:14px}}@media (max-width:500px){.bg-daftar{padding:18px 12px 24px}.card-daftar{border-radius:25px}.card-daftar .card-body{padding:12px}}