*{box-sizing:border-box;margin:0;padding:0}:root{--blue:#2e8ed5;--blue-dark:#258cd1;--yellow:#ffad07;--green:#5cb85c;--green-dark:#4cae4c;--red:#d9534f;--text-dark:#33495f;--text-grey:#666;--bg-light:#f6fafd;--bg-info:#d9edf7;--border-info:#bce8f1}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-light);color:var(--text-dark);line-height:1.6;min-height:100vh;overflow-x:hidden}.container{max-width:900px;margin:0 auto;padding:20px}.header{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);text-align:center;margin:-20px -9999px 30px;padding:15px 9999px}.header a{display:inline-block}.logo{max-width:200px;height:auto}.main-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:20px}.title-section{padding:24px 32px;border-bottom:1px solid #eee}.title{font-size:24px;font-weight:600;color:var(--blue);display:flex;align-items:center;gap:12px}.title-icon{color:var(--green);font-size:28px}.info-box{background:var(--bg-info);border:1px solid var(--border-info);border-radius:4px;padding:16px 20px;margin:20px 32px}.info-box p{margin:4px 0;font-size:14px}.info-box strong{color:var(--text-dark)}.info-box .modify-note{color:var(--green);font-style:italic}.content-section{padding:24px 32px}.greeting{font-size:18px;font-weight:600;margin-bottom:16px}.description{color:var(--text-grey);margin-bottom:16px;font-size:15px;line-height:1.7}.description a{color:var(--blue)}.choice-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:20px;padding:24px 32px}.choice-title{font-size:18px;font-weight:600;margin-bottom:12px}.choice-title.accept{color:var(--green)}.choice-title.refuse{color:var(--red)}.choice-description{color:var(--text-grey);font-size:14px;margin-bottom:20px;line-height:1.6}.btn{padding:14px 28px;border:none;border-radius:4px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-accept{background:var(--green);color:#fff}.btn-accept:hover:not(:disabled){background:var(--green-dark)}.btn-refuse{background:var(--red);color:#fff}.btn-refuse:hover:not(:disabled){background:#c9302c}.success-section{padding:32px;text-align:center}.success-icon{font-size:64px;margin-bottom:16px}.success-title{font-size:24px;color:var(--green);margin-bottom:8px}.success-title.refused{color:var(--red)}.success-message{color:var(--text-grey);margin-bottom:24px}.back-link{color:var(--blue);text-decoration:none;font-weight:500}.back-link:hover{text-decoration:underline}.error-section{padding:40px 32px;text-align:center}.error-icon{font-size:64px;margin-bottom:16px}.error-title{font-size:24px;color:var(--red);margin-bottom:8px}.error-message{color:var(--text-grey)}.loading-section{padding:60px 32px;text-align:center}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid var(--blue);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:var(--text-grey)}.footer{background:#33495f;color:#fff;margin-top:40px;margin-left:-9999px;margin-right:-9999px;padding-left:9999px;padding-right:9999px}.footer-content{max-width:900px;margin:0 auto;padding:40px 20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px}.footer-section{flex:1 1;min-width:200px}.footer-section h4{font-size:16px;font-weight:600;margin-bottom:16px;color:#fff}.footer-section a,.footer-section p{font-size:14px;color:hsla(0,0%,100%,.8);line-height:1.8;text-decoration:none}.footer-section a:hover{color:#fff;text-decoration:underline}.footer-links{list-style:none}.footer-links li{margin-bottom:8px}.footer-logo{filter:brightness(0) invert(1);opacity:.9;margin-bottom:16px}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);text-align:center;font-size:13px;color:hsla(0,0%,100%,.6);margin-left:-9999px;margin-right:-9999px;padding:20px 9999px;background:#2a3d4f}@media (max-width:640px){.container{padding:10px}.choice-card,.content-section,.title-section{padding:16px 20px}.info-box{margin:16px 20px}.title{font-size:20px}.btn{width:100%;justify-content:center}}