*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#1a1a1a;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;padding:0 20px}.section{padding:80px 0}.section-title{color:#1a1a1a;font-size:48px;font-weight:700;margin-bottom:20px;text-align:center}.section-subtitle{color:#666;font-size:20px;margin-bottom:60px;margin-left:auto;margin-right:auto;max-width:700px;text-align:center}.btn{border:none;border-radius:12px;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:16px 32px;text-decoration:none;transition:all .3s ease}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#667eea;color:#fff}.btn-large{font-size:18px;padding:18px 36px}@media (max-width:768px){.section{padding:50px 0}.section-title{font-size:32px}.section-subtitle{font-size:16px}}.error-page{align-items:center;background:#667eea;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.error-content{align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;min-height:400px;width:100%}@media (max-width:968px){.error-content{gap:40px;grid-template-columns:1fr}}.error-animation[data-v-f4e00c21],.guitarist[data-v-f4e00c21]{position:relative}.guitarist[data-v-f4e00c21]{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center;margin:0 auto;width:300px}.head[data-v-f4e00c21]{animation:strum-f4e00c21 1.5s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3));font-size:180px;text-align:center;transform-origin:center}@keyframes strum-f4e00c21{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.guitar[data-v-f4e00c21]{height:300px;pointer-events:none;top:50%;transform:translate(-50%,-50%);width:200px}.guitar[data-v-f4e00c21],.strings[data-v-f4e00c21]{left:50%;position:absolute}.strings[data-v-f4e00c21]{display:flex;flex-direction:column;gap:10px;top:100px;transform:translate(-50%);width:120px}.string[data-v-f4e00c21]{animation:vibrate-f4e00c21 .3s ease-in-out infinite;background:#fff9;height:2px;position:relative}.string[data-v-f4e00c21]:first-child{animation-delay:0s;opacity:.7}.string[data-v-f4e00c21]:nth-child(2){animation-delay:.1s;opacity:.7}.string[data-v-f4e00c21]:nth-child(3){animation-delay:.2s;opacity:.7}.string[data-v-f4e00c21]:nth-child(4){animation-delay:.3s;opacity:.7}.string[data-v-f4e00c21]:nth-child(5){animation-delay:.4s;opacity:.7}.string[data-v-f4e00c21]:nth-child(6){animation-delay:.5s;opacity:.7}@keyframes vibrate-f4e00c21{0%,to{transform:translateY(0)}25%{transform:translateY(-2px)}75%{transform:translateY(2px)}}.string.broken[data-v-f4e00c21]{animation:break-f4e00c21 .5s ease-out forwards;opacity:0!important}.string.restringing[data-v-f4e00c21]{animation:restring-f4e00c21 .5s ease-out forwards}@keyframes break-f4e00c21{0%{transform:translateY(0) scaleX(1)}50%{transform:translateY(-10px) scaleX(.8)}to{opacity:0;transform:translateY(20px) scaleX(.3)}}@keyframes restring-f4e00c21{0%{opacity:0;transform:translateY(-20px) scaleX(.3)}50%{opacity:.5;transform:translateY(-10px) scaleX(.8)}to{opacity:.7;transform:translateY(0) scaleX(1)}}.broken-string[data-v-f4e00c21]{animation:fall-f4e00c21 1s ease-out forwards;background:#fffc;height:2px;left:50%;position:absolute;top:120px;transform-origin:left center;width:60px}@keyframes fall-f4e00c21{0%{opacity:1;transform:translate(-50%) rotate(0)}to{opacity:0;transform:translate(-50%) translateY(200px) rotate(180deg)}}.music-notes[data-v-f4e00c21]{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.note[data-v-f4e00c21]{animation:float-notes-f4e00c21 3s ease-in-out infinite;color:#ffffff4d;font-size:40px;position:absolute}.note[data-v-f4e00c21]:first-child{animation-delay:0s;left:10%;top:10%}.note[data-v-f4e00c21]:nth-child(2){animation-delay:.5s;right:15%;top:30%}.note[data-v-f4e00c21]:nth-child(3){animation-delay:1s;bottom:20%;left:20%}.note[data-v-f4e00c21]:nth-child(4){animation-delay:1.5s;right:10%;top:50%}.note[data-v-f4e00c21]:nth-child(5){animation-delay:2s;bottom:10%;right:25%}@keyframes float-notes-f4e00c21{0%,to{opacity:0;transform:translateY(0) rotate(0)}50%{opacity:.5;transform:translateY(-30px) rotate(10deg)}}.error-text[data-v-f4e00c21]{color:#fff;text-align:left}.error-code[data-v-f4e00c21]{animation:pulse-f4e00c21 2s ease-in-out infinite;font-size:120px;font-weight:800;line-height:1;margin:0 0 20px;text-shadow:0 10px 30px rgba(0,0,0,.3)}@keyframes pulse-f4e00c21{0%,to{opacity:1}50%{opacity:.7}}.error-title[data-v-f4e00c21]{font-size:48px;font-weight:700;line-height:1.2;margin:0 0 20px}.error-message[data-v-f4e00c21]{font-size:20px;line-height:1.6;margin:0 0 40px;opacity:.9}.error-actions[data-v-f4e00c21]{display:flex;flex-wrap:wrap;gap:16px}.btn[data-v-f4e00c21]{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:18px;font-weight:600;gap:10px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.btn-primary[data-v-f4e00c21]{background:#fff;color:#667eea}.btn-primary[data-v-f4e00c21]:hover{box-shadow:0 10px 30px #ffffff4d;transform:translateY(-3px)}.btn-secondary[data-v-f4e00c21]{background:#fff3;border:2px solid #fff;color:#fff}.btn-secondary[data-v-f4e00c21]:hover{background:#ffffff4d;transform:translateY(-3px)}.icon[data-v-f4e00c21]{font-size:24px;line-height:1}@media (max-width:968px){.error-content[data-v-f4e00c21]{gap:40px;grid-template-columns:1fr}.error-content[data-v-f4e00c21],.error-text[data-v-f4e00c21]{text-align:center}.error-code[data-v-f4e00c21]{font-size:80px}.error-title[data-v-f4e00c21]{font-size:32px}.error-message[data-v-f4e00c21]{font-size:18px}.error-actions[data-v-f4e00c21]{justify-content:center}}@media (max-width:576px){.guitarist[data-v-f4e00c21]{height:300px;width:200px}.head[data-v-f4e00c21]{font-size:120px}.error-code[data-v-f4e00c21]{font-size:60px}.error-title[data-v-f4e00c21]{font-size:24px}.btn[data-v-f4e00c21],.error-message[data-v-f4e00c21]{font-size:16px}.btn[data-v-f4e00c21]{justify-content:center;padding:12px 24px;width:100%}.error-actions[data-v-f4e00c21]{flex-direction:column}}
