.page-404{min-height:100vh;padding:var(--spacing-xl,2rem);background:var(--bg-primary);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.page-404__background{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.page-404__background:before{content:"";background:radial-gradient(circle,#4a90e226 0%,#0000 70%);border-radius:50%;width:800px;height:800px;animation:20s ease-in-out infinite float;position:absolute;top:-50%;right:-20%}.page-404__background:after{content:"";background:radial-gradient(circle,#8b7fd826 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:15s ease-in-out infinite reverse float;position:absolute;bottom:-30%;left:-10%}@keyframes float{0%,to{transform:translateY(0)translate(0)scale(1)}33%{transform:translateY(-30px)translate(20px)scale(1.05)}66%{transform:translateY(20px)translate(-20px)scale(.95)}}.page-404__cloud{filter:blur(40px);pointer-events:none;background:linear-gradient(135deg,#4a90e21a,#8b7fd814);border-radius:50%;animation:30s ease-in-out infinite drift;position:absolute}.page-404__cloud--1{width:300px;height:300px;animation-delay:0s;top:10%;left:10%}.page-404__cloud--2{width:250px;height:250px;animation-delay:5s;top:60%;right:15%}.page-404__cloud--3{width:200px;height:200px;animation-delay:10s;bottom:20%;left:20%}@keyframes drift{0%,to{opacity:.3;transform:translate(0)}50%{opacity:.6;transform:translate(30px,-20px)}}.page-404__container{z-index:1;text-align:center;background:var(--surface-primary);width:100%;max-width:700px;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1.5px solid var(--border-primary);border-radius:var(--radius-2xl,1.5rem);padding:var(--spacing-3xl,4rem);box-shadow:var(--shadow-lg);animation:.8s slideUp;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page-404__icon{width:120px;height:120px;margin:0 auto var(--spacing-xl,2rem);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;justify-content:center;align-items:center;font-size:3.5rem;animation:4s ease-in-out infinite breathe;display:flex;box-shadow:0 10px 30px #4a90e24d}@keyframes breathe{0%,to{transform:scale(1);box-shadow:0 10px 30px #4a90e24d}50%{transform:scale(1.1);box-shadow:0 15px 40px #4a90e280}}.page-404__code{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-text-fill-color:transparent;letter-spacing:-.02em;margin:0 0 var(--spacing-md,1rem)0;-webkit-background-clip:text;background-clip:text;font-size:5rem;font-weight:900;animation:1s .2s both fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-404__title{color:var(--text-primary);margin:0 0 var(--spacing-md,1rem)0;font-size:2rem;font-weight:700;animation:1s .3s both fadeIn}.page-404__message{color:var(--text-secondary);margin:0 0 var(--spacing-2xl,3rem)0;font-size:1.1rem;line-height:1.7;animation:1s .4s both fadeIn}.page-404__quote{border-left:4px solid var(--primary);border-radius:var(--radius-lg,.75rem);padding:var(--spacing-lg,1.5rem);margin-bottom:var(--spacing-2xl,3rem);background:linear-gradient(135deg,#4a90e214,#8b7fd80d);animation:1s .5s both fadeIn}.page-404__quote-text{color:var(--text-secondary);margin:0 0 var(--spacing-sm,.5rem)0;font-size:1rem;font-style:italic;line-height:1.6}.page-404__quote-author{color:var(--primary);margin:0;font-size:.9rem;font-weight:600}.page-404__buttons{gap:var(--spacing-md,1rem);flex-wrap:wrap;justify-content:center;animation:1s .6s both fadeIn;display:flex}.page-404__btn{align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-md,1rem)var(--spacing-xl,2rem);border-radius:var(--radius-lg,.75rem);cursor:pointer;transition:all var(--transition-base,.25s ease);border:none;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.page-404__btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.page-404__btn:hover:before{transform:translate(100%)}.page-404__btn--primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 12px #4a90e24d}.page-404__btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4a90e266}.page-404__btn--secondary{background:var(--surface-primary);color:var(--text-primary);border:1.5px solid var(--border-primary)}.page-404__btn--secondary:hover{background:var(--bg-secondary);border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.page-404__tips{margin-top:var(--spacing-2xl,3rem);padding-top:var(--spacing-2xl,3rem);border-top:1px solid var(--border-primary);animation:1s .7s both fadeIn}.page-404__tips-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-md,1rem)0;font-size:.9rem;font-weight:700}.page-404__tips-list{gap:var(--spacing-md,1rem);flex-wrap:wrap;justify-content:center;display:flex}.page-404__tip{align-items:center;gap:var(--spacing-sm,.5rem);color:var(--text-secondary);padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem);background:var(--bg-secondary);border-radius:var(--radius-full,9999px);transition:all var(--transition-base,.25s ease);font-size:.9rem;display:flex}.page-404__tip:hover{color:var(--primary);background:linear-gradient(135deg,#4a90e21a,#8b7fd814);transform:scale(1.05)}.page-404__tip-icon{font-size:1.2rem}@media (max-width:768px){.page-404__container{padding:var(--spacing-xl,2rem)}.page-404__code{font-size:3.5rem}.page-404__title{font-size:1.5rem}.page-404__message{font-size:1rem}.page-404__icon{width:100px;height:100px;font-size:3rem}.page-404__buttons{flex-direction:column;width:100%}.page-404__btn{justify-content:center;width:100%}}@media (max-width:480px){.page-404,.page-404__container{padding:var(--spacing-lg,1.5rem)}.page-404__code{font-size:3rem}.page-404__title{font-size:1.25rem}.page-404__message{font-size:.95rem}.page-404__icon{width:80px;height:80px;font-size:2.5rem}.page-404__tips-list{flex-direction:column}.page-404__tip{justify-content:center;width:100%}}