@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700;900&display=swap');
    *{margin:0;padding:0;box-sizing:border-box}
    body{font-family:'Inter',sans-serif;background:#080808;color:#fff;min-height:100vh;overflow-x:hidden}
    .bebas{font-family:'Bebas Neue',sans-serif;letter-spacing:2px}
    ::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#FFD700}

    /* Layout */
    .auth-wrap{display:flex;min-height:100vh;max-width: 1000px; margin: 0 auto; box-shadow: 0 0 30px rgba(0,0,0,0.5);}

    /* Left panel */
    .auth-left{width:45%;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:30px;background:#060606}
    .left-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
    
    /* Removed all decorative shapes */

    .slide-item{display:none;animation:fadeUp .6s ease}
    .slide-item.active{display:block}
    @keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

    /* Right panel */
    .auth-right{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 25px;position:relative;background:#080808}

    /* Card */
    .auth-card{width:100%;max-width:380px}

    /* Tabs */
    .tab-toggle{display:flex;background:#0f0f0f;border:1px solid #1a1a1a;border-radius:0;margin-bottom:28px;position:relative}
    .tab-slide{position:absolute;top:2px;bottom:2px;width:calc(50% - 4px);background:#FFD700;transition:transform .3s cubic-bezier(.4,0,.2,1);left:2px}
    .tab-slide.right{transform:translateX(calc(100% + 4px))}
    .tab-btn{flex:1;padding:11px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:transparent;border:none;position:relative;z-index:1;transition:color .3s}
    .tab-btn.active{color:#000}
    .tab-btn:not(.active){color:#555}

    /* Form */
    .form-panel{display:none}
    .form-panel.active{display:block;animation:fadeUp .4s ease}

    .field{margin-bottom:16px}
    .field label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#555;margin-bottom:6px}
    .field-wrap{position:relative}
    .field-wrap i.fi{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#333;font-size:14px;transition:color .3s;pointer-events:none}
    .field input{width:100%;background:#0f0f0f;border:1px solid #1f1f1f;color:#fff;padding:12px 14px 12px 40px;font-size:14px;outline:none;transition:border-color .3s,box-shadow .3s;font-family:inherit}
    .field input::placeholder{color:#333}
    .field input:focus{border-color:#FFD700;box-shadow:0 0 0 3px rgba(255,215,0,.07)}
    .field input:focus ~ i.fi,.field-wrap:focus-within i.fi{color:#FFD700}
    .field .pw-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#333;cursor:pointer;font-size:14px;padding:4px;transition:color .3s}
    .field .pw-toggle:hover{color:#FFD700}

    /* Password strength */
    .pw-strength{display:flex;gap:4px;margin-top:6px}
    .pw-bar{flex:1;height:3px;background:#1a1a1a;border-radius:2px;transition:background .3s}
    .pw-bar.weak{background:#ef4444}
    .pw-bar.fair{background:#f59e0b}
    .pw-bar.good{background:#22c55e}
    .pw-label{font-size:10px;margin-top:4px;font-weight:600;transition:color .3s}

    /* Checkbox */
    .check-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px}
    .check-row input[type=checkbox]{accent-color:#FFD700;width:15px;height:15px;flex-shrink:0;margin-top:2px;cursor:pointer}
    .check-row label{font-size:12px;color:#666;line-height:1.5;cursor:pointer}
    .check-row label a{color:#FFD700;text-decoration:none}
    .check-row label a:hover{text-decoration:underline}

    /* Submit */
    .btn-submit{width:100%;background:#FFD700;color:#000;font-weight:700;padding:14px;text-transform:uppercase;letter-spacing:1.5px;font-size:13px;border:2px solid #FFD700;cursor:pointer;transition:all .3s;font-family:'Bebas Neue',sans-serif;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px}
    .btn-submit:hover{background:transparent;color:#FFD700}
    .btn-submit i{font-size:14px}

    /* Divider */
    .divider{display:flex;align-items:center;gap:12px;margin:20px 0}
    .divider span{color:#2a2a2a;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}
    .divider-line{flex:1;height:1px;background:#1a1a1a}

    /* Social buttons */
    .social-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:6px}
    .social-grid-full{grid-template-columns:1fr}
    .btn-social{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 14px;background:#0f0f0f;border:1px solid #1f1f1f;color:#ccc;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none;width:100%}
    .btn-social:hover{border-color:#FFD700;color:#fff;background:#111}
    .btn-social .s-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
    .btn-google:hover{border-color:#ea4335}
    .btn-facebook:hover{border-color:#1877f2;color:#1877f2}
    .btn-apple:hover{border-color:#fff;color:#fff}
    .btn-twitter:hover{border-color:#1da1f2;color:#1da1f2}

    /* Forgot / link */
    .forgot-link{font-size:11px;color:#555;text-decoration:none;transition:color .3s;font-weight:600;letter-spacing:.3px}
    .forgot-link:hover{color:#FFD700}

    /* Left slides dots */
    .slide-dots{display:flex;gap:6px;margin-top:24px}
    .sdot{width:6px;height:6px;border-radius:50%;background:#2a2a2a;cursor:pointer;transition:all .3s}
    .sdot.active{background:#FFD700;width:20px;border-radius:3px}

    /* Responsive */
    @media(max-width:768px){
      .auth-left{display:none}
      .auth-right{padding:32px 20px}
    }

    /* Floating label for name row */
    .name-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
    @media(max-width:400px){.name-row{grid-template-columns:1fr}}

    .gradient-text{background:linear-gradient(135deg,#FFD700,#FFA500);-webkit-background-clip:text;-webkit-text-fill-color:transparent}

    /* Google svg */
    .google-svg{width:18px;height:18px}