.nnf-auth-page{min-height:100vh;display:flex;flex-direction:column}.nnf-auth-hero{position:relative;flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,hsla(41,82%,82%,.3),rgba(201,155,53,.15)),url(/templates/niannianfeng/field-bg.svg) 50% /cover no-repeat;padding:120px 0 80px;overflow:hidden;min-height:600px}.nnf-auth-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,241,198,.85),rgba(255,241,198,.55) 32%,rgba(255,241,198,.1) 60%,transparent)}.nnf-auth-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:60px;background:linear-gradient(180deg,transparent,hsla(43,78%,93%,.6));z-index:1}.nnf-auth-layout{position:relative;z-index:2;display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:center;width:min(1100px,92vw)}.nnf-auth-brand{color:#321f0f}.nnf-auth-brand h1{margin:0 0 8px;font-size:48px;font-weight:900;letter-spacing:4px;text-shadow:0 2px 0 rgba(255,246,216,.7)}.nnf-auth-brand h2{margin:0 0 30px;font-size:30px;font-weight:700;color:#6b421b;letter-spacing:2px}.nnf-auth-ribbon{display:inline-block;position:relative;padding:12px 38px;background:linear-gradient(180deg,#c52922,#971411);color:#ffe39b;border:4px solid #dca850;border-radius:6px;font-size:24px;font-weight:900;box-shadow:0 8px 18px rgba(87,31,9,.25)}.nnf-auth-ribbon:after,.nnf-auth-ribbon:before{content:"";position:absolute;top:50%;width:38px;height:32px;background:linear-gradient(180deg,#ae1f1d,#82110e);border:3px solid #dca850;z-index:-1}.nnf-auth-ribbon:before{right:100%;transform:translate(12px,-50%) skewY(14deg)}.nnf-auth-ribbon:after{left:100%;transform:translate(-12px,-50%) skewY(-14deg)}.nnf-auth-since{margin:18px 0 28px;font-size:20px;color:#754b1b;font-weight:700}.nnf-auth-badges{display:flex;gap:20px;margin-bottom:32px}.nnf-auth-badges>div{width:74px;height:74px;border-radius:50%;background:rgba(255,250,239,.95);border:2px solid #d9ad62;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 7px 18px rgba(100,60,14,.12);backdrop-filter:blur(4px)}.nnf-auth-badges span{font-weight:900;font-size:16px;color:#b16a13}.nnf-auth-badges em{margin-top:3px;font-style:normal;font-size:10px;color:#765833}.nnf-auth-quote{position:relative;margin-top:16px;padding:0 10px 0 30px;font-size:16px;line-height:1.9;color:#6b421b;font-style:italic}.nnf-auth-quote:before{content:"\201C";position:absolute;left:-4px;top:-14px}.nnf-auth-quote:after,.nnf-auth-quote:before{font-size:64px;color:#d9ad62;opacity:.6;font-style:normal;font-family:Georgia,serif}.nnf-auth-quote:after{content:"\201D";line-height:0;vertical-align:-24px;margin-left:6px}.nnf-auth-card{background:rgba(255,253,248,.97);backdrop-filter:blur(12px);border:1px solid hsla(40,53%,67%,.35);border-radius:18px;box-shadow:0 20px 60px rgba(84,48,12,.18),0 2px 8px rgba(84,48,12,.06);padding:32px 30px}.nnf-auth-card h3{margin:0 0 4px;font-size:24px;color:#321f0f}.nnf-auth-card .nnf-auth-subtitle{margin:0 0 18px;font-size:14px;color:#96724a}.nnf-auth-input-group{position:relative;margin-bottom:10px}.nnf-auth-input-group .nnf-auth-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:18px;color:#b5a080;pointer-events:none;display:flex;align-items:center}.nnf-auth-input-group input{width:100%;padding:8px 12px 8px 38px;border:1px solid #ddc59b;border-radius:10px;background:#fffdf6;font:inherit;font-size:14px;color:#4b2f14;outline:none;transition:.2s}.nnf-auth-input-group input.has-toggle{padding-right:40px}.nnf-auth-input-group input:focus{border-color:#c58a2d;box-shadow:0 0 0 3px rgba(197,138,45,.12)}.nnf-auth-input-group input::-moz-placeholder{color:#baa88a}.nnf-auth-input-group input::placeholder{color:#baa88a}.nnf-auth-toggle-pw{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#b5a080;padding:4px;display:flex;align-items:center}.nnf-auth-toggle-pw:hover{color:#8a7a60}.nnf-auth-forgot{text-align:right;margin:-4px 0 12px}.nnf-auth-forgot a{font-size:13px;color:#96724a;text-decoration:none}.nnf-auth-forgot a:hover{color:#c58a2d}.nnf-auth-remember{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:14px;color:#6b421b;cursor:pointer}.nnf-auth-remember input[type=checkbox]{width:16px;height:16px;accent-color:#c58a2d}.nnf-auth-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;border:none;border-radius:10px;background:linear-gradient(180deg,#d4a04a,#b07a28);color:#fff;font-size:16px;font-weight:700;letter-spacing:4px;cursor:pointer;box-shadow:0 6px 18px rgba(176,122,40,.28);transition:.2s}.nnf-auth-submit:hover{background:linear-gradient(180deg,#ddb05a,#c08c34);box-shadow:0 8px 24px rgba(176,122,40,.36)}.nnf-auth-submit:disabled{opacity:.65;cursor:not-allowed}.nnf-auth-error{margin-bottom:16px;padding:10px 14px;border-radius:8px;background:#fff0f0;border:1px solid #ffccc7;color:#a8071a;font-size:13px;text-align:center}.nnf-auth-switch{text-align:center;margin-top:14px;font-size:14px;color:#6b421b}.nnf-auth-switch a{color:#c58a2d;font-weight:700;text-decoration:none}.nnf-auth-switch a:hover{text-decoration:underline}.nnf-auth-divider{text-align:center;margin:16px 0 12px;font-size:13px;color:#96724a;position:relative}.nnf-auth-divider:after,.nnf-auth-divider:before{content:"";position:absolute;top:50%;width:28%;height:1px;background:#ddc59b}.nnf-auth-divider:before{left:0}.nnf-auth-divider:after{right:0}.nnf-auth-social{display:flex;justify-content:center;gap:32px}.nnf-auth-social a,.nnf-auth-social button{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;font-size:12px;color:#6b421b;background:none;border:none;cursor:pointer;padding:0}.nnf-auth-social .nnf-social-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.12)}.nnf-auth-social .nnf-social-icon.google{background:#fff;border:1px solid #dadce0;box-shadow:0 2px 8px rgba(0,0,0,.08)}.nnf-auth-social .nnf-social-icon.facebook{background:linear-gradient(135deg,#1877f2,#0d65d9)}.nnf-auth-social .nnf-social-icon.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.nnf-rice-deco{position:absolute;bottom:0;z-index:1;pointer-events:none;opacity:.75;max-width:260px;max-height:50%;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:bottom;object-position:bottom}.nnf-rice-deco-left{left:0}.nnf-rice-deco-right{right:0;transform:scaleX(-1)}.nnf-auth-input-row{display:grid;grid-template-columns:1fr 120px;gap:10px;margin-bottom:10px}.nnf-auth-input-row .nnf-auth-input-group{margin-bottom:0}.nnf-auth-code-btn{padding:8px;border:1px solid #ddc59b;border-radius:10px;background:#fffdf6;color:#c58a2d;font-size:13px;font-weight:700;cursor:pointer;transition:.2s;white-space:nowrap}.nnf-auth-code-btn:hover{background:#fff5dd;border-color:#c58a2d}.nnf-auth-code-btn:disabled{opacity:.6;cursor:not-allowed}.nnf-auth-terms{display:flex;align-items:flex-start;gap:8px;margin-bottom:14px;font-size:13px;color:#6b421b;line-height:1.5}.nnf-auth-terms input[type=checkbox]{width:16px;height:16px;margin-top:2px;accent-color:#c58a2d;flex-shrink:0}.nnf-auth-terms a{color:#c58a2d;text-decoration:none}.nnf-auth-terms a:hover{text-decoration:underline}@media (max-width:900px){.nnf-auth-layout{grid-template-columns:1fr;gap:32px}.nnf-auth-brand{text-align:center}.nnf-auth-badges{justify-content:center}.nnf-auth-brand h1{font-size:36px}.nnf-auth-brand h2{font-size:24px}.nnf-rice-deco{display:none}}@media (max-width:560px){.nnf-auth-hero{padding:16px 0 40px}.nnf-auth-card{padding:28px 22px}.nnf-auth-brand h1{font-size:28px}.nnf-auth-brand h2{font-size:20px}.nnf-auth-badges{flex-wrap:wrap;gap:12px}}