.cdd-login{--ink:#1d1b19;--gray:#6f6b65;--gray-2:#9a958d;--bg:#fcf6f0;--field:#f6f4f1;--field-line:#e7e2db;--line:#ece7e0;--accent:#f0703f;--accent-deep:#e45a28;--accent-soft:#ffefe6;--accent-soft-2:#fff4ec;--num:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",sans-serif;--sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;min-height:100vh;font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;letter-spacing:-.01em;background:radial-gradient(80% 60% at 100% 0%, #ffe7d6 0%, #ffe7d600 50%), radial-gradient(70% 55% at 0% 100%, #fcefe2 0%, #fcefe200 46%), var(--bg);line-height:1.5}.cdd-login *{box-sizing:border-box}.cdd-login a{color:inherit;text-decoration:none}.cdd-login button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}.cdd-login input{font-family:inherit;font-size:inherit;color:inherit;outline:none}.cdd-login .wrap{grid-template-columns:1fr 1.02fr;align-items:center;gap:64px;max-width:1040px;min-height:100vh;margin:0 auto;padding:64px 40px 72px;display:grid}.cdd-login .back{color:var(--accent-deep);align-items:center;gap:5px;font-size:14px;font-weight:600;transition:opacity .15s;display:inline-flex}.cdd-login .back:hover{opacity:.8}.cdd-login .back svg{width:15px;height:15px}.cdd-login .brand{align-items:center;gap:15px;margin-top:26px;display:flex}.cdd-login .brand .logo{border-radius:16px;width:60px;height:60px;display:block;box-shadow:0 8px 20px -8px #f0703f8c}.cdd-login .brand .name{letter-spacing:-.02em;font-size:32px;font-weight:700;line-height:1.1}.cdd-login .brand .tag{color:var(--gray);margin-top:3px;font-size:15px;font-weight:500}.cdd-login .hero{margin-top:40px}.cdd-login .hero h1{letter-spacing:-.02em;color:var(--ink);font-size:42px;font-weight:800;line-height:1.12}.cdd-login .hero h1 .accent{color:var(--accent)}.cdd-login .hero p{color:var(--gray);text-wrap:pretty;max-width:440px;margin-top:20px;font-size:18px;line-height:1.6}.cdd-login .points{flex-direction:column;gap:18px;margin-top:38px;display:flex}.cdd-login .point{align-items:center;gap:14px;display:flex}.cdd-login .point .ic{width:42px;height:42px;color:var(--accent);background:#fff;border-radius:13px;flex:none;place-items:center;display:grid;box-shadow:0 4px 14px -6px #f0703f66}.cdd-login .point .ic svg{width:22px;height:22px}.cdd-login .point .lb{font-size:16px;font-weight:700}.cdd-login .point .ds{color:var(--gray);margin-top:2px;font-size:13.5px}.cdd-login .card{background:#fff;border-radius:26px;padding:38px 36px 34px;box-shadow:0 1px 2px #00000008,0 30px 70px -36px #78461e57}.cdd-login .card-head{margin-bottom:8px}.cdd-login .card-head h2{letter-spacing:-.02em;font-size:24px;font-weight:800}.cdd-login .card-head p{color:var(--gray);margin-top:7px;font-size:14px}.cdd-login .field{margin-top:22px}.cdd-login .field>label{letter-spacing:-.01em;margin-bottom:10px;font-size:15.5px;font-weight:700;display:block}.cdd-login .input{background:var(--field);border:1.5px solid #0000;border-radius:13px;width:100%;padding:14px 16px;font-size:15.5px;transition:border-color .15s,background .15s}.cdd-login .input::placeholder{color:var(--gray-2)}.cdd-login .input:focus{border-color:var(--accent);background:#fff}.cdd-login .login-err{color:#e5484d;background:#fef2f2;border:1px solid #fbd5d5;border-radius:11px;margin-top:16px;padding:11px 14px;font-size:13.5px;font-weight:600}.cdd-login .submit{color:#fff;letter-spacing:.01em;background:linear-gradient(#c2511e,#a8450f);border-radius:15px;width:100%;margin-top:26px;padding:16px;font-size:17.5px;font-weight:700;transition:transform .12s,filter .15s;box-shadow:0 12px 26px -10px #a8450f80}.cdd-login .submit:hover{filter:brightness(1.03)}.cdd-login .submit:active{filter:brightness(.97);transform:scale(.99)}.cdd-login .submit:disabled{opacity:.6;cursor:not-allowed;filter:none;transform:none}.cdd-login .alt{text-align:center;color:var(--gray);margin-top:20px;font-size:14px}.cdd-login .alt a{color:var(--accent-deep);font-weight:700}.cdd-login .alt a:hover{text-decoration:underline}@media (max-width:980px){.cdd-login .wrap{grid-template-columns:1fr;align-items:start;gap:36px;max-width:520px;padding:44px 28px 56px}.cdd-login .hero h1{font-size:36px}.cdd-login .points{display:none}}@media (max-width:560px){.cdd-login .card{border-radius:22px;padding:28px 22px 26px}.cdd-login .hero h1{font-size:30px}}
