.cln-404{background:linear-gradient(135deg,#faf8f3 0%,#f5f0e8 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex;position:relative;overflow:hidden}.cln-404__illustration{z-index:0;pointer-events:none;opacity:.15;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.jar{flex-direction:column;width:200px;height:280px;display:flex;position:relative}.jar__lid{background:linear-gradient(#d4a574,#c89968);border-radius:0 0 8px 8px;width:100%;height:40px;position:relative;box-shadow:inset 0 2px 8px #0000001a}.jar__lid:before{content:"";background:linear-gradient(#e8c8a0,#d4a574);border-radius:50% 50% 0 0;width:180px;height:15px;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.jar__body{background:linear-gradient(90deg,#ffffff4d 0%,#0000 20% 80%,#0000000d 100%);border:3px solid #c9b8a0;border-top:none;border-radius:0 0 30px 30px;flex:1;position:relative;overflow:hidden}.jar__content{background:linear-gradient(#d4a76a 0%,#c89555 100%);border-radius:0 0 27px 27px;width:100%;height:60%;animation:3s ease-in-out infinite wiggle;position:absolute;bottom:0}.jar__shine{opacity:.5;background:linear-gradient(90deg,#fff9 0%,#0000 100%);border-radius:50%;width:30px;height:80px;position:absolute;top:20px;left:15px}.floating-spreads{width:100%;height:100%;position:absolute}.spread{opacity:.6;background:#d4a76a;border-radius:50%;animation:6s ease-in-out infinite float;position:absolute}.spread-1{width:40px;height:40px;animation-delay:0s;bottom:20%;left:10%}.spread-2{width:30px;height:30px;animation-delay:2s;bottom:30%;right:15%}.spread-3{width:35px;height:35px;animation-delay:1s;bottom:15%;left:50%}@keyframes wiggle{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.05)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}}.cln-404__inner{z-index:10;text-align:center;max-width:700px;position:relative}.cln-404__content{animation:.8s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cln-404__eyebrow{letter-spacing:2px;text-transform:uppercase;color:#a67c52;margin-bottom:1rem;font-size:.875rem;font-weight:600;animation:.8s ease-out fadeInDown;display:inline-block}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cln-404__title{color:#1a1a1a;margin:1.5rem 0;font-size:3rem;font-weight:700;line-height:1.2;animation:.8s ease-out .1s both fadeInDown}@media (max-width:768px){.cln-404__title{font-size:2rem}}.cln-404__404-visual{letter-spacing:-.02em;color:#d4a76a;opacity:.5;justify-content:center;align-items:center;gap:.5rem;margin:2rem 0;font-size:4rem;font-weight:900;animation:1s ease-out .2s both fadeIn;display:flex}.zero{border:4px solid #d4a76a;border-radius:50%;width:3.5rem;height:3.5rem;position:relative}.zero:after{content:"";background:linear-gradient(135deg,#0000 35%,#d4a76a 35% 65%,#0000 65%);width:2rem;height:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fadeIn{0%{opacity:0}to{opacity:.5}}.cln-404__message{color:#d4a76a;margin:1.5rem 0 1rem;font-size:1.1rem;font-weight:600;animation:.8s ease-out .2s both fadeInDown}.cln-404__lede{color:#555;margin:1.5rem 0 2.5rem;font-size:1.0625rem;line-height:1.6;animation:.8s ease-out .3s both fadeInDown}.cln-404__actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin:2.5rem 0;animation:.8s ease-out .4s both fadeInDown;display:flex}@media (max-width:640px){.cln-404__actions{flex-direction:column}}.cln-404__btn{cursor:pointer;border:2px solid #0000;border-radius:50px;justify-content:center;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.cln-404__btn:before{content:"";z-index:-1;background:#fff3;width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.cln-404__btn:hover:before{left:100%}.cln-404__btn--primary{color:#fff;background:linear-gradient(135deg,#d4a76a 0%,#c89555 100%);box-shadow:0 8px 24px #d4a76a4d}.cln-404__btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #d4a76a66}.cln-404__btn--primary:active{transform:translateY(0)}.cln-404__btn--secondary{color:#d4a76a;background:#fff;border:2px solid #d4a76a}.cln-404__btn--secondary:hover{background:#faf8f3;transform:translateY(-2px);box-shadow:0 8px 24px #d4a76a33}.cln-404__btn--secondary:active{transform:translateY(0)}.btn-icon{font-size:1.25rem;animation:2s ease-in-out infinite bounce;display:inline-block}.cln-404__btn--primary .btn-icon{animation:2s ease-in-out infinite bounceDown}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.cln-404__breadcrumb{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border-radius:16px;margin-top:3rem;padding:2rem;animation:.8s ease-out .5s both fadeInDown}.cln-404__breadcrumb-label{color:#888;text-transform:uppercase;letter-spacing:1px;margin:0 0 1rem;font-size:.875rem;font-weight:600}.cln-404__links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.cln-404__links li{display:inline-block}.cln-404__links a{color:#d4a76a;padding-bottom:2px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.cln-404__links a:after{content:"";background:#d4a76a;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.cln-404__links a:hover:after{width:100%}.cln-404__links a:hover{color:#c89555}.cln-404__easter-egg{background:linear-gradient(135deg,#ffeaa7 0%,#ffdbac 100%);border-left:4px solid #d4a76a;border-radius:12px;margin-top:2.5rem;padding:1rem;animation:.8s ease-out .6s both fadeInDown}.cln-404__easter-egg p{color:#8b5a2b;margin:0;font-size:.95rem;font-weight:500}.cln-404__easter-egg em{color:#c89555;font-style:normal;font-weight:600}@media (max-width:768px){.cln-404{padding:1.5rem}.cln-404__illustration{opacity:.08}.cln-404__title{font-size:2rem}.cln-404__message{font-size:1rem}.cln-404__lede{font-size:.95rem}.cln-404__btn{padding:.875rem 1.75rem;font-size:.95rem}.btn-icon{font-size:1.1rem}.cln-404__404-visual{gap:.25rem;font-size:3rem}.zero{border-width:3px;width:2.8rem;height:2.8rem}.cln-404__breadcrumb{margin-top:2rem;padding:1.5rem}.cln-404__links{gap:.5rem}}@media (max-width:480px){.cln-404__title{font-size:1.5rem}.cln-404__message{font-size:.95rem}.cln-404__lede{font-size:.9rem}.cln-404__404-visual{font-size:2.5rem}.cln-404__btn{padding:.75rem 1.5rem;font-size:.9rem}.cln-404__actions{flex-direction:column}.cln-404__links{gap:.35rem;font-size:.875rem}}