:root{--system-gradient-1:linear-gradient(135deg,#667eea,#764ba2);--system-gradient-2:linear-gradient(135deg,#f093fb,#f5576c);--system-gradient-3:linear-gradient(135deg,#4facfe,#00f2fe);--system-gradient-success:linear-gradient(135deg,#43e97b,#38f9d7);--system-gradient-error:linear-gradient(135deg,#fa709a,#fee140);--system-gradient-warning:linear-gradient(135deg,#ffd89b,#19547b);--system-gradient-dark:linear-gradient(135deg,#1a202c,#2d3748);--system-gradient-light:linear-gradient(135deg,#f5f7fa,#e9ecef);--system-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--system-shadow-lg:0 25px 50px -12px rgba(0,0,0,.25);--system-radius:1rem;--system-max-width:600px;--system-padding:3rem;--system-padding-mobile:2rem}.system-page-body{margin:0;min-height:100vh;padding:0}.system-page{align-items:center;background:var(--system-gradient-1);display:flex;justify-content:center;min-height:100vh;padding:2rem;position:relative}.system-page:before{animation:float 20s ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 40% 40%,hsla(0,0%,100%,.05) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.system-container{background:#fff;border-radius:var(--system-radius);box-shadow:var(--system-shadow-lg);max-width:var(--system-max-width);padding:var(--system-padding);position:relative;text-align:center;width:100%;z-index:1}.system-icon{align-items:center;animation:pulse 2s ease-in-out infinite;background:var(--system-gradient-1);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 2rem;width:80px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.system-icon svg{height:40px;width:40px;stroke:#fff;fill:none;stroke-width:2}.system-icon.icon-error{background:var(--system-gradient-error)}.system-icon.icon-success{background:var(--system-gradient-success)}.system-icon.icon-warning{background:var(--system-gradient-warning)}.system-icon.icon-info{background:var(--system-gradient-3)}.system-title{color:#2d3748;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800;margin-bottom:1rem}.system-message{color:#718096;font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.system-code{background:var(--system-gradient-1);-webkit-background-clip:text;font-size:clamp(4rem,10vw,8rem);font-weight:900;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin:0 0 1rem}.system-status{border-radius:.5rem;font-weight:500;margin-bottom:2rem;padding:1rem}.system-status.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.system-status.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.system-status.warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.system-status.info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.system-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.btn{border:none;border-radius:.5rem;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.btn-primary{background:var(--system-gradient-1);box-shadow:0 4px 6px rgba(102,126,234,.4);color:#fff}.btn-primary:hover{box-shadow:0 6px 12px rgba(102,126,234,.4);transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#667eea;color:#fff}.btn-ghost{background:transparent;border:2px solid transparent;color:#667eea}.btn-ghost:hover{background:rgba(102,126,234,.1)}.system-form{margin:2rem auto;max-width:400px;text-align:left}.system-form .form-group{margin-bottom:1.5rem}.system-form label{color:#4a5568;display:block;font-weight:500;margin-bottom:.5rem}.system-form .form-actions{display:flex;gap:1rem;justify-content:space-between;margin-top:2rem}.system-form .form-footer{border-top:1px solid #e2e8f0;color:#718096;font-size:.875rem;margin-top:2rem;padding-top:2rem;text-align:center}.system-form .form-footer a{color:#667eea;font-weight:600;text-decoration:none}.system-form .form-footer a:hover{text-decoration:underline}.system-section{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:2rem}.system-section h3{color:#2d3748;font-size:1.125rem;margin-bottom:1rem}.system-contact{background:#f7fafc;border-radius:.5rem;color:#718096;font-size:.875rem;margin-top:2rem;padding:1.5rem}.system-contact a{color:#667eea;font-weight:600;text-decoration:none}.system-contact a:hover{text-decoration:underline}.system-progress{background:#e2e8f0;border-radius:4px;height:8px;margin:2rem 0;overflow:hidden;width:100%}.system-progress-fill{animation:progress 3s ease-in-out infinite;background:var(--system-gradient-1);border-radius:4px;height:100%}@keyframes progress{0%{width:0}50%{width:70%}to{width:100%}}.system-countdown{color:#718096;font-size:.875rem;margin-top:1rem}.system-countdown span{color:#667eea;font-weight:600}.system-page.page-error-404{background:var(--system-gradient-2)}.system-page.page-error-500{background:var(--system-gradient-error)}.system-page.page-error-403{background:var(--system-gradient-warning)}.system-page.page-maintenance{background:var(--system-gradient-3)}.system-page.page-success{background:var(--system-gradient-success)}.system-page.page-auth{background:var(--system-gradient-light)}@media (prefers-color-scheme:dark){.system-page{background:var(--system-gradient-dark)}.system-container{background:#2d3748;color:#e2e8f0}.system-title{color:#e2e8f0}.system-form label,.system-message{color:#cbd5e0}.system-contact{background:#1a202c;color:#cbd5e0}.system-progress{background:#4a5568}.system-section{border-top-color:#4a5568}.system-form .form-footer{border-top-color:#4a5568;color:#cbd5e0}.btn-secondary{background:#2d3748;border-color:#667eea;color:#667eea}}@media (max-width:640px){.system-container{padding:var(--system-padding-mobile)}.system-actions{flex-direction:column;width:100%}.system-actions .btn{width:100%}.system-form .form-actions{flex-direction:column}.system-form .form-actions .btn{width:100%}}@media print{.system-page{background:#fff;min-height:auto}.system-page:before{display:none}.system-container{border:1px solid #000;box-shadow:none}.system-actions{display:none}}