:root{--green:#0f5132;--light:#f7f7f7;--muted:#86868b;--accent:#1d1d1f;--radius:28px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial}*{box-sizing:border-box;margin:0;padding:0}.auth-page{width:100%;height:100vh;display:flex}.split{flex:1;display:flex}.left{background:var(--green);color:#fff;flex-direction:column;justify-content:center;align-items:flex-start;gap:32px;padding:60px;display:flex;position:relative;overflow:hidden}.brand{letter-spacing:-.5px;margin-bottom:20px;font-size:32px;font-weight:400}h1{margin:0;font-size:48px;font-weight:600;line-height:1.2}.tagline{margin-top:4px;font-size:42px;font-weight:300}.gallery{gap:20px;margin-top:auto;display:flex;position:relative}.card{border-radius:16px;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000004d}.card:hover{transform:translateY(-10px)scale(1.02)}.card.large{width:300px;height:400px}.card.small{align-self:flex-end;width:240px;height:240px}.card img{object-fit:cover;width:100%;height:100%;display:block}.tag{color:var(--green);background:#fffffff2;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:500;position:absolute;bottom:10px;left:10px}.right{background:#fff;flex:1;justify-content:center;align-items:center;padding:64px;display:flex}.form-wrap{width:100%;max-width:400px}.tabs{border-bottom:1px solid #e5e5e7;gap:40px;margin-bottom:40px;display:flex;position:relative}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:12px 0;font-size:18px;transition:color .3s;position:relative}.tabs button.active{color:var(--accent)}.tabs-indicator{background:var(--accent);height:2px;transition:left .3s,width .3s;position:absolute;bottom:-1px}.auth-btn{cursor:pointer;background:#fff;border:1px solid #d2d2d7;border-radius:50px;justify-content:center;align-items:center;gap:12px;width:100%;margin-bottom:16px;padding:8px 16px;font-size:16px;font-weight:500;transition:all .3s;display:flex}.auth-btn:hover{background:#f5f5f7;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.auth-btn img{width:20px;height:20px}.or{text-align:center;color:var(--muted);margin:30px 0;position:relative}.or:before,.or:after{content:"";background:#d2d2d7;width:calc(50% - 80px);height:1px;position:absolute;top:50%}.or:before{left:0}.or:after{right:0}.form-group{margin-bottom:20px;position:relative}.form-group input{background:#f5f5f7;border:1px solid #d2d2d7;border-radius:12px;width:100%;padding:11px 16px 9px 48px;font-size:16px;transition:all .3s}.form-group input:focus{border-color:var(--green);background:#fff;outline:none;box-shadow:0 0 0 3px #0f51321a}.form-icon{stroke:#666;opacity:.5;width:20px;height:20px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.forgot{text-align:right;color:var(--muted);cursor:pointer;margin-bottom:24px;font-size:14px;text-decoration:none;display:block}.forgot:hover{color:var(--green);text-decoration:underline}.primary{color:#fff;cursor:pointer;background:#1d1d1f;border:none;border-radius:50px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.toast{color:#fff;opacity:0;z-index:9999;white-space:nowrap;background:#c0392b;border-radius:5px;align-items:center;gap:9px;padding:10px 20px 10px 14px;font-size:14px;font-weight:500;transition:opacity .3s,transform .3s;display:inline-flex;position:fixed;bottom:28px;right:28px;transform:translateY(80px);box-shadow:0 4px 16px #00000059}.toast.show{opacity:1;transform:translateY(0)}.toast-icon{flex-shrink:0;width:20px;height:20px}.loader{z-index:10000;background:#fff;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}.loader.hidden{opacity:0;pointer-events:none}.wt-logo-container{opacity:.4;width:100px;height:50px;position:relative}.wt-logo{object-fit:contain;opacity:.2;width:100%;height:100%;animation:1.5s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@media (width<=768px){.split{flex-direction:column}.left{text-align:center;align-items:center;min-height:40vh;padding:30px}.gallery{flex-direction:column;align-items:center}.card.large{width:200px;height:260px}.card.small{width:180px;height:180px}}