*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;background:linear-gradient(135deg,#e8f5e9,#c8e6c9,#a5d6a7 60%,#81c784);overflow-x:hidden}.bg-circles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.bg-circles circle{fill:none;stroke:#1b5e200f;stroke-width:1}.circle-1{animation:pulse 8s ease-in-out infinite}.circle-2{animation:pulse 12s ease-in-out infinite 2s}.circle-3{animation:pulse 10s ease-in-out infinite 4s}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.6}}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.particle{position:absolute;width:6px;height:6px;background:#1b5e2026;border-radius:50%;animation:float linear infinite}.particle:nth-child(1){left:10%;animation-duration:20s;width:8px;height:8px}.particle:nth-child(2){left:25%;animation-duration:25s;animation-delay:3s}.particle:nth-child(3){left:40%;animation-duration:18s;animation-delay:1s;width:10px;height:10px}.particle:nth-child(4){left:55%;animation-duration:22s;animation-delay:5s}.particle:nth-child(5){left:70%;animation-duration:28s;animation-delay:2s;width:5px;height:5px}.particle:nth-child(6){left:85%;animation-duration:19s;animation-delay:4s;width:7px;height:7px}.particle:nth-child(7){left:15%;animation-duration:24s;animation-delay:6s}.particle:nth-child(8){left:60%;animation-duration:21s;animation-delay:1.5s;width:9px;height:9px}@keyframes float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}.layout{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.container{text-align:center;padding:60px 40px;max-width:580px;width:90%;position:relative;z-index:1}.logo-wrapper{margin-bottom:40px;animation:fadeInDown 1s ease-out}.logo-wrapper img{width:120px;height:auto;filter:drop-shadow(0 4px 12px rgba(27,94,32,.2))}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.card{background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:50px 40px;box-shadow:0 8px 32px #1b5e201a,0 2px 8px #0000000d,inset 0 1px #fffc;border:1px solid rgba(255,255,255,.6);animation:fadeInUp 1s ease-out .3s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.footer{margin-top:32px;font-size:13px;color:#1b5e2080;animation:fadeInUp 1s ease-out .6s both}.gear-icon{margin-bottom:24px}.gear-icon svg{width:64px;height:64px;color:#2e7d32;animation:spin 8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card h1{font-size:28px;font-weight:700;color:#1b5e20;margin-bottom:16px;letter-spacing:-.5px}.description{font-size:16px;color:#4a6741;line-height:1.7;margin-bottom:36px}.contact-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff;text-decoration:none;border-radius:50px;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 16px #1b5e204d;border:none;cursor:pointer}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1b5e2066;background:linear-gradient(135deg,#388e3c,#2e7d32)}.contact-btn svg{width:20px;height:20px}.progress-bar{margin-top:36px;width:100%;height:4px;background:#1b5e201a;border-radius:4px;overflow:hidden}.progress-bar-inner{height:100%;width:60%;background:linear-gradient(90deg,#2e7d32,#66bb6a);border-radius:4px;animation:progress 3s ease-in-out infinite}@keyframes progress{0%{width:20%}50%{width:80%}to{width:20%}}.subtitle{font-size:15px;color:#4a6741;margin-bottom:36px}.contact-links{display:flex;flex-direction:column;gap:16px;margin-bottom:36px}.contact-link{display:flex;align-items:center;gap:16px;padding:18px 24px;background:#2e7d320f;border:1px solid rgba(46,125,50,.12);border-radius:16px;text-decoration:none;color:#1b5e20;transition:all .3s ease}.contact-link:hover{background:#2e7d321f;border-color:#2e7d3240;transform:translate(4px);box-shadow:0 4px 16px #1b5e201a}.contact-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-icon.facebook{background:linear-gradient(135deg,#1877f2,#0d65d9)}.contact-icon.zalo{background:linear-gradient(135deg,#0068ff,#0054cc)}.contact-icon svg{width:26px;height:26px;color:#fff}.contact-info{text-align:left}.contact-label{font-size:13px;color:#6b8a63;margin-bottom:2px}.contact-name{font-size:17px;font-weight:600;color:#1b5e20}.contact-link .arrow{margin-left:auto;color:#81c784;transition:all .3s ease}.contact-link:hover .arrow{color:#2e7d32;transform:translate(4px)}.back-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:transparent;color:#2e7d32;text-decoration:none;border-radius:50px;font-size:15px;font-weight:600;transition:all .3s ease;border:2px solid rgba(46,125,50,.3)}.back-btn:hover{background:#2e7d3214;border-color:#2e7d3280;transform:translateY(-2px)}.back-btn svg{width:18px;height:18px}