/* Styles extracted from login.blade.php */
:root{--blue1:#0066ff;--blue2:#00ccff;--orange:#ff6600;}
*{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;font-family:'Poppins',sans-serif;}
body{background:#f5f7fa;display:flex;overflow:hidden;}
.container-split{flex:1;display:flex;height:100vh;}
.left-pane{flex:1;background:linear-gradient(135deg,#0066ff 0%,#00b8ff 50%,#0044cc 100%);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.left-pane::before{content:'';position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800"><circle cx="200" cy="100" r="150" fill="rgba(255,255,255,0.05)"/><circle cx="1000" cy="600" r="200" fill="rgba(255,255,255,0.08)"/><circle cx="300" cy="700" r="100" fill="rgba(255,255,255,0.06)"/></svg>');opacity:0.6;pointer-events:none;}
.left-content{position:relative;z-index:10;text-align:center;color:#fff;max-width:400px;padding:40px 30px;}
.left-content .icon-box{font-size:80px;margin-bottom:20px;animation:float 3s ease-in-out infinite;}
@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-20px);}}
.left-content h2{font-size:42px;font-weight:700;margin-bottom:15px;line-height:1.2;}
.left-content p{font-size:18px;opacity:0.95;margin-bottom:30px;}
.features{text-align:left;display:flex;flex-direction:column;gap:15px;}
.feature-item{display:flex;align-items:center;gap:15px;padding:12px;background:rgba(255,255,255,0.1);border-radius:8px;backdrop-filter:blur(10px);}
.feature-item i{font-size:24px;}
.feature-item span{font-size:14px;font-weight:500;}
.right-pane{flex:1;display:flex;align-items:center;justify-content:center;background:#f9fafc;}
.card-form{width:100%;max-width:420px;padding:40px 30px;background:#fff;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,0.15);}
.card-form:before{content:'';position:absolute;inset:0;border-radius:12px;padding:3px;background:linear-gradient(45deg,var(--blue1),var(--blue2),var(--orange));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;}
.card-form .header{text-align:center;margin-bottom:30px;}
.card-form .header h1{font-size:28px;font-weight:600;color:var(--blue1);}
.input-group{position:relative;margin-bottom:20px;}
.input-group .fa{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:var(--blue1);}
.input-group input{width:100%;padding:12px 15px 12px 40px;border:1px solid #ddd;border-radius:8px;transition:border-color .3s;font-size:14px;}
.input-group input:focus{border-color:var(--blue1);outline:none;box-shadow:0 0 0 3px rgba(0,102,255,0.2);}
.btn-login{width:100%;padding:14px;background:var(--blue1);color:#fff;border:none;border-radius:8px;font-weight:600;transition:background .3s,transform .2s;cursor:pointer;}
.btn-login:hover{background:var(--blue2);transform:translateY(-2px);}
.footer{text-align:center;margin-top:20px;font-size:14px;color:#555;}
.footer a{color:var(--orange);text-decoration:none;font-weight:600;}
.footer a:hover{text-decoration:underline;}
.alert{border-radius:6px;font-size:14px;}
.captcha-box{margin:20px 0;text-align:center;padding:12px;border:1px dashed #ccc;border-radius:8px;color:#666;}
@media(max-width:992px){.container-split{flex-direction:column;}.left-pane{height:35vh;}.left-content{max-width:100%;}.features{flex-direction:row;flex-wrap:wrap;}.feature-item{flex:1;min-width:120px;}}

.btn-register, .btn-forgot, .btn-reset, .btn-verify { width:100%; padding:14px; background:var(--blue1); color:#fff; border:none; border-radius:8px; font-weight:600; transition:background .3s,transform .2s ease; cursor:pointer; }
.btn-register:hover, .btn-forgot:hover, .btn-reset:hover, .btn-verify:hover { background:var(--blue2); transform:translateY(-2px); }
.info-box{background:#f0f4f8;border-left:4px solid var(--blue1);padding:12px;border-radius:6px;margin-bottom:20px;font-size:13px;color:#333;}


.captcha-code{font-family:monospace;letter-spacing:2px;font-size:1.1rem;}


.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:10px;}
.form-col{display:flex;}
@media(max-width:768px){.form-row{grid-template-columns:1fr;}}


.register-form{max-width:600px!important;}