.loading-overlay[data-v-8fb40553]{position:fixed;top:0;left:0;width:100%;height:100%;background:#040810;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .6s ease,visibility .6s ease}.loading-overlay.hidden[data-v-8fb40553]{opacity:0;visibility:hidden;pointer-events:none}.carousel-bg[data-v-8fb40553]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.carousel-slide[data-v-8fb40553]{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 1.2s cubic-bezier(.4,0,.2,1);transform:scale(1.05);transition-property:opacity,transform}.carousel-slide.active[data-v-8fb40553]{opacity:1;transform:scale(1)}.bg-overlay[data-v-8fb40553]{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#0408104d,#040810d9);z-index:1}.scan-line[data-v-8fb40553]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}.loading-center[data-v-8fb40553]{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:1rem}.hex-spinner[data-v-8fb40553]{position:relative;width:90px;height:90px;margin-bottom:.5rem}.hex-ring[data-v-8fb40553]{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid transparent;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.hex-ring-1[data-v-8fb40553]{border-color:#00d4ff33;animation:hexSpin-8fb40553 3s linear infinite}.hex-ring-2[data-v-8fb40553]{width:75%;height:75%;top:12.5%;left:12.5%;border-color:#00d4ff59;animation:hexSpin-8fb40553 2s linear infinite reverse}.hex-ring-3[data-v-8fb40553]{width:50%;height:50%;top:25%;left:25%;border-color:#00d4ff8c;animation:hexSpin-8fb40553 1.5s linear infinite}.hex-core[data-v-8fb40553]{position:absolute;top:50%;left:50%;width:12px;height:12px;transform:translate(-50%,-50%)}.core-dot[data-v-8fb40553]{width:100%;height:100%;background:#00d4ff;border-radius:50%;box-shadow:0 0 20px #00d4ffe6,0 0 40px #00d4ff80;animation:corePulse-8fb40553 1.5s ease-in-out infinite}@keyframes hexSpin-8fb40553{to{transform:rotate(360deg)}}@keyframes corePulse-8fb40553{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.8);opacity:1}}.loading-title[data-v-8fb40553]{text-align:center}.title-text[data-v-8fb40553]{font-family:Orbitron,Rajdhani,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:.35em;color:#00d4ff;text-shadow:0 0 24px rgba(0,212,255,.6),0 0 4px rgba(0,0,0,.8);text-transform:uppercase}.loading-status[data-v-8fb40553]{display:flex;align-items:center;gap:.5rem;color:#e8eef4;font-size:1.05rem;font-weight:500;text-shadow:0 0 4px rgba(0,0,0,.7)}.status-dot[data-v-8fb40553]{width:6px;height:6px;background:#00d4ff;border-radius:50%;animation:statusBlink-8fb40553 .8s ease-in-out infinite}@keyframes statusBlink-8fb40553{0%,to{opacity:.3}50%{opacity:1}}.resource-list[data-v-8fb40553]{display:flex;flex-direction:column;gap:5px;min-width:320px;max-width:420px}.resource-item[data-v-8fb40553]{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#04081099;backdrop-filter:blur(6px);border:1px solid rgba(0,212,255,.1);border-radius:4px;font-size:12px;transition:border-color .3s}.resource-item.loading[data-v-8fb40553]{border-color:#00d4ff40}.resource-item.done[data-v-8fb40553]{border-color:#0f83}.resource-icon[data-v-8fb40553]{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}.icon-pending[data-v-8fb40553]{color:#4a5e73;font-size:6px}.icon-spin[data-v-8fb40553]{color:#00d4ff;animation:spin-8fb40553 1s linear infinite}.icon-done[data-v-8fb40553]{color:#0f8;font-size:12px;font-weight:700}@keyframes spin-8fb40553{to{transform:rotate(360deg)}}.resource-name[data-v-8fb40553]{color:#e8eef4;min-width:60px;flex-shrink:0}.resource-item.done .resource-name[data-v-8fb40553]{color:#7a8fa6}.resource-file[data-v-8fb40553]{flex:1;color:#4a5e73;font-family:Consolas,monospace;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-bar[data-v-8fb40553]{width:60px;height:3px;background:#00d4ff1a;border-radius:3px;overflow:hidden;flex-shrink:0}.resource-fill[data-v-8fb40553]{display:block;height:100%;background:#00d4ff;border-radius:3px;transition:width .4s ease-out}.resource-item.done .resource-fill[data-v-8fb40553]{background:#0f8}.progress-container[data-v-8fb40553]{display:flex;align-items:center;gap:.75rem}.progress-track[data-v-8fb40553]{position:relative;width:280px;height:5px;background:#040810b3;border-radius:10px;overflow:hidden;border:1px solid rgba(0,212,255,.15);backdrop-filter:blur(4px)}.progress-fill[data-v-8fb40553]{height:100%;background:linear-gradient(90deg,#068,#00d4ff,#068);background-size:300% 100%;border-radius:10px;transition:width .4s ease-out;position:relative;animation:progressFlow-8fb40553 2s linear infinite}.progress-glow[data-v-8fb40553]{position:absolute;right:0;top:-2px;height:9px;width:20px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.5));filter:blur(2px)}.progress-ticks[data-v-8fb40553]{position:absolute;top:0;left:0;width:100%;height:100%}.tick[data-v-8fb40553]{position:absolute;top:0;width:1px;height:100%;background:#00d4ff33;transform:translate(-50%)}.progress-percent[data-v-8fb40553]{color:#00d4ff;font-family:Consolas,monospace;font-size:.8rem;font-weight:500;min-width:36px;text-align:right;text-shadow:0 0 4px rgba(0,0,0,.7)}@keyframes progressFlow-8fb40553{to{background-position:300% center}}.loading-footer[data-v-8fb40553]{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.footer-line[data-v-8fb40553]{width:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.25),transparent)}.footer-text[data-v-8fb40553]{color:#4a5e73;font-family:Orbitron,sans-serif;font-size:.6rem;letter-spacing:.15em;text-shadow:0 0 3px rgba(0,0,0,.6)}@media (max-width: 480px){.hex-spinner[data-v-8fb40553]{width:70px;height:70px}.title-text[data-v-8fb40553]{font-size:.9rem}.loading-status[data-v-8fb40553]{font-size:.95rem}.progress-track[data-v-8fb40553]{width:200px}}.welcome-banner[data-v-3bf497e7]{background:linear-gradient(135deg,#2d2d44e6,#1f1f3ad9);border-bottom:2px solid rgba(0,212,255,.5);padding:.75rem 2rem;display:flex;align-items:center;justify-content:center;position:relative;z-index:100;backdrop-filter:blur(10px);box-shadow:0 4px 20px #00d4ff33;animation:slideDown-3bf497e7 .5s ease-out}.banner-content[data-v-3bf497e7]{text-align:center}.banner-close[data-v-3bf497e7]{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:#ffffff14;border:1px solid rgba(0,212,255,.25);color:#7a8fa6;width:24px;height:24px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.banner-close[data-v-3bf497e7]:hover{background:#00d4ff2e;color:#00d4ff;border-color:#00d4ff80}.banner-fade-leave-active[data-v-3bf497e7]{transition:all .3s ease}.banner-fade-leave-to[data-v-3bf497e7]{opacity:0;transform:translateY(-10px)}@keyframes slideDown-3bf497e7{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.welcome-text[data-v-3bf497e7]{color:#00d4ff;font-size:1.2rem;font-weight:700;margin-bottom:.25rem;text-shadow:0 0 20px rgba(0,212,255,.6);animation:glow-3bf497e7 2s ease-in-out infinite alternate}@keyframes glow-3bf497e7{0%{text-shadow:0 0 10px rgba(0,212,255,.4),0 0 20px rgba(0,212,255,.2)}to{text-shadow:0 0 20px rgba(0,212,255,.8),0 0 30px rgba(0,212,255,.4)}}.contact-text[data-v-3bf497e7]{color:#f0f0f0;font-size:.9rem;background:#1f1f3a66;padding:.3rem .75rem;border-radius:20px;display:inline-block;border:1px solid rgba(0,212,255,.2);backdrop-filter:blur(5px)}@media (max-width: 768px){.welcome-banner[data-v-3bf497e7]{padding:.6rem 1.5rem}.welcome-text[data-v-3bf497e7]{font-size:1rem}.contact-text[data-v-3bf497e7]{font-size:.8rem}}.header[data-v-b6d3e601]{height:40px;padding:0 1rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#040810f5;border-bottom:1px solid rgba(0,212,255,.15);position:fixed;top:0;left:0;right:0;z-index:1000;backdrop-filter:blur(16px)}.header-left[data-v-b6d3e601]{display:flex;align-items:center;gap:.5rem;justify-self:start}.logo-mark[data-v-b6d3e601]{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.logo-hex[data-v-b6d3e601]{display:block;width:14px;height:14px;background:#00d4ff;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);box-shadow:0 0 8px #00d4ff80;animation:logoPulse-b6d3e601 3s ease-in-out infinite}@keyframes logoPulse-b6d3e601{0%,to{box-shadow:0 0 6px #00d4ff66}50%{box-shadow:0 0 12px #00d4ffb3}}.logo-text[data-v-b6d3e601]{color:#00d4ff;font-family:Orbitron,Rajdhani,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.version-tag[data-v-b6d3e601]{color:#4a5e73;font-family:Orbitron,monospace;font-size:.55rem;letter-spacing:.1em;background:#00d4ff0f;padding:.1rem .35rem;border-radius:3px;border:1px solid rgba(0,212,255,.1);text-transform:uppercase}.nav[data-v-b6d3e601]{display:flex;align-items:center;gap:.15rem;justify-self:center}.nav-btn[data-v-b6d3e601]{position:relative;padding:.35rem .65rem;color:#7a8fa6;text-decoration:none;font-size:.73rem;font-weight:500;border-radius:4px;transition:all .25s ease;display:flex;align-items:center;gap:.3rem}.nav-btn[data-v-b6d3e601]:hover{color:#e8eef4;background:#00d4ff14}.nav-btn.active[data-v-b6d3e601]{color:#00d4ff;background:#00d4ff1f}.nav-dot[data-v-b6d3e601]{display:none;width:4px;height:4px;background:#00d4ff;border-radius:50%}.nav-btn.active .nav-dot[data-v-b6d3e601]{display:block}.nav-sep[data-v-b6d3e601]{width:1px;height:16px;background:#00d4ff1f;margin:0 .25rem}.lang-btn[data-v-b6d3e601]{padding:.25rem .45rem;background:#00d4ff0f;border:1px solid rgba(0,212,255,.15);color:#7a8fa6;border-radius:4px;cursor:pointer;font-size:.65rem;font-weight:600;font-family:Orbitron,monospace;letter-spacing:.05em;transition:all .25s}.lang-btn[data-v-b6d3e601]:hover{background:#00d4ff26;border-color:#00d4ff59;color:#00d4ff}.mobile-menu-btn[data-v-b6d3e601]{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.25rem}.mobile-menu-btn span[data-v-b6d3e601]{width:20px;height:2px;background:#7a8fa6;border-radius:1px;transition:all .3s}.mobile-menu-btn:hover span[data-v-b6d3e601]{background:#00d4ff}@media (max-width: 768px){.mobile-menu-btn[data-v-b6d3e601]{display:flex}.nav[data-v-b6d3e601]{position:absolute;top:100%;left:0;right:0;flex-direction:column;padding:.75rem 1rem;gap:.25rem;background:#040810fa;border-bottom:1px solid rgba(0,212,255,.2);backdrop-filter:blur(16px);transform:translateY(-120%);opacity:0;visibility:hidden;transition:all .25s cubic-bezier(.4,0,.2,1)}.nav.open[data-v-b6d3e601]{transform:translateY(0);opacity:1;visibility:visible}.nav-btn[data-v-b6d3e601]{width:100%;text-align:center;justify-content:center}.nav-sep[data-v-b6d3e601]{display:none}.lang-btn[data-v-b6d3e601]{width:100%;text-align:center}}.tutorial-overlay[data-v-5ca1a972]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;justify-content:center;align-items:flex-start;z-index:9998;padding:1rem;pointer-events:auto}.tutorial-modal[data-v-5ca1a972]{background:linear-gradient(145deg,#1a1a2efa,#2d2d44f2);border:2px solid rgba(0,212,255,.3);border-radius:20px;width:100%;max-width:550px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 40px #00d4ff33;animation:modalAppear-5ca1a972 .4s ease-out;z-index:9999;position:fixed}.tutorial-modal[data-v-5ca1a972]:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.6),transparent);z-index:1;pointer-events:none;animation:modalScan-5ca1a972 3s ease-in-out infinite}@keyframes modalScan-5ca1a972{0%{top:0;opacity:1}50%{top:calc(100% - 2px);opacity:.3}to{top:0;opacity:1}}@keyframes modalAppear-5ca1a972{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.tutorial-header[data-v-5ca1a972]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#00d4ff1a,#00d4ff0d);border-bottom:1px solid rgba(0,212,255,.2)}.tutorial-title[data-v-5ca1a972]{display:flex;align-items:center;gap:.75rem;color:#00d4ff;font-size:1.3rem;font-weight:600;text-shadow:0 0 15px rgba(0,212,255,.4)}.tutorial-icon[data-v-5ca1a972]{font-size:1.5rem}.close-btn[data-v-5ca1a972]{background:#00d4ff33;border:1px solid rgba(0,212,255,.4);color:#00d4ff;width:32px;height:32px;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s}.close-btn[data-v-5ca1a972]:hover{background:#00d4ff4d;transform:scale(1.1)}.progress-bar[data-v-5ca1a972]{height:4px;background:#2d2d44cc;overflow:hidden}.progress-fill[data-v-5ca1a972]{height:100%;background:linear-gradient(90deg,#00d4ff,#0af);background-size:200% 100%;transition:width .4s ease;box-shadow:0 0 15px #00d4ff80;animation:shimmer-5ca1a972 2s linear infinite}@keyframes shimmer-5ca1a972{to{background-position:200% center}}.progress-text[data-v-5ca1a972]{text-align:center;padding:.75rem;color:#c5c5c5;font-size:.9rem;background:#2d2d4466}.tutorial-content[data-v-5ca1a972]{padding:2rem;max-height:40vh;overflow-y:auto}.step-icon[data-v-5ca1a972]{font-size:3rem;margin-bottom:1rem;text-align:center;filter:drop-shadow(0 4px 12px rgba(0,212,255,.3))}.step-title[data-v-5ca1a972]{color:#00d4ff;font-size:1.4rem;font-weight:600;margin-bottom:1rem;text-align:center;text-shadow:0 0 15px rgba(0,212,255,.4)}.step-description[data-v-5ca1a972]{color:#f0f0f0;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;text-align:center}.step-points[data-v-5ca1a972]{list-style:none;padding:0;margin:0}.step-points li[data-v-5ca1a972]{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;color:#c5c5c5;border-bottom:1px solid rgba(0,212,255,.1)}.step-points li[data-v-5ca1a972]:last-child{border-bottom:none}.point-bullet[data-v-5ca1a972]{color:#4ecdc4;font-weight:700;flex-shrink:0;font-size:.9rem}.tutorial-footer[data-v-5ca1a972]{display:flex;gap:.75rem;padding:1.5rem 2rem;background:#2d2d4466;border-top:1px solid rgba(0,212,255,.2);justify-content:center;flex-wrap:wrap}.btn[data-v-5ca1a972]{padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s;border:2px solid transparent;font-size:.95rem}.btn-primary[data-v-5ca1a972]{background:linear-gradient(135deg,#00d4ff4d,#00d4ff33);border-color:#00d4ff80;color:#00d4ff}.btn-primary[data-v-5ca1a972]:hover{background:linear-gradient(135deg,#00d4ff80,#00d4ff4d);border-color:#00d4ffcc;transform:translateY(-2px);box-shadow:0 8px 20px #00d4ff4d}.btn-secondary[data-v-5ca1a972]{background:#2d2d4499;border-color:#fff3;color:#c5c5c5}.btn-secondary[data-v-5ca1a972]:hover{background:#37374eb3;border-color:#ffffff4d;color:#f0f0f0}.btn-success[data-v-5ca1a972]{background:linear-gradient(135deg,#4ecdc44d,#4ecdc433);border-color:#4ecdc480;color:#4ecdc4}.btn-success[data-v-5ca1a972]:hover{background:linear-gradient(135deg,#4ecdc480,#4ecdc44d);border-color:#4ecdc4cc;transform:translateY(-2px);box-shadow:0 8px 20px #4ecdc44d}.spotlight-overlay[data-v-5ca1a972]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9997}.spotlight-hole[data-v-5ca1a972]{position:absolute;box-shadow:0 0 0 9999px #000000bf;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));border:3px solid #00D4FF;transition:all .4s ease;animation:pulseGlow-5ca1a972 2s ease-in-out infinite}@keyframes pulseGlow-5ca1a972{0%,to{box-shadow:0 0 0 9999px #000000b3,0 0 20px #00d4ff80}50%{box-shadow:0 0 0 9999px #000000b3,0 0 40px #00d4ffcc}}.spotlight-glow[data-v-5ca1a972]{position:absolute;inset:-3px;border-radius:14px;background:transparent;animation:glowPulse-5ca1a972 1.5s ease-in-out infinite}@keyframes glowPulse-5ca1a972{0%,to{box-shadow:inset 0 0 10px #00d4ff4d}50%{box-shadow:inset 0 0 20px #00d4ff99}}.spotlight-arrow[data-v-5ca1a972]{position:fixed;color:#00d4ff;font-size:2rem;text-shadow:0 0 20px rgba(0,212,255,.8);animation:bounce-5ca1a972 1s ease-in-out infinite;z-index:10000;pointer-events:none}@keyframes bounce-5ca1a972{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.arrow-line[data-v-5ca1a972]{display:block;width:3px;height:30px;background:linear-gradient(to bottom,#00D4FF,transparent);margin:0 auto;border-radius:2px}.arrow-head[data-v-5ca1a972]{display:block;text-align:center;font-size:1.5rem;margin-top:-5px}.spotlight-tip[data-v-5ca1a972]{position:fixed;background:#00d4fff2;color:#fff;padding:10px 20px;border-radius:10px;font-size:.95rem;font-weight:500;box-shadow:0 8px 30px #00d4ff80;z-index:10002;animation:tipAppear-5ca1a972 .4s ease-out;pointer-events:none}.spotlight-tip[data-v-5ca1a972]:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(0,212,255,.95)}@keyframes tipAppear-5ca1a972{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.modal-enter-active[data-v-5ca1a972],.modal-leave-active[data-v-5ca1a972]{transition:opacity .3s ease}.modal-enter-from[data-v-5ca1a972],.modal-leave-to[data-v-5ca1a972]{opacity:0}.modal-enter-active .tutorial-modal[data-v-5ca1a972],.modal-leave-active .tutorial-modal[data-v-5ca1a972]{transition:transform .3s ease,opacity .3s ease}.modal-enter-from .tutorial-modal[data-v-5ca1a972],.modal-leave-to .tutorial-modal[data-v-5ca1a972]{opacity:0;transform:scale(.9) translateY(20px)}@media (max-width: 768px){.tutorial-modal[data-v-5ca1a972]{max-width:95%;max-height:95vh}.tutorial-header[data-v-5ca1a972]{padding:1rem 1.5rem}.tutorial-title[data-v-5ca1a972]{font-size:1.1rem}.tutorial-content[data-v-5ca1a972]{padding:1.5rem;max-height:50vh}.step-icon[data-v-5ca1a972]{font-size:2.5rem}.step-title[data-v-5ca1a972]{font-size:1.2rem}.tutorial-footer[data-v-5ca1a972]{padding:1rem 1.5rem}.btn[data-v-5ca1a972]{padding:.6rem 1.2rem;font-size:.9rem}}@media (max-width: 480px){.tutorial-overlay[data-v-5ca1a972]{padding:.5rem}.tutorial-content[data-v-5ca1a972]{padding:1rem}.step-icon[data-v-5ca1a972]{font-size:2rem}.step-description[data-v-5ca1a972]{font-size:.9rem}.step-points li[data-v-5ca1a972]{font-size:.9rem;padding:.5rem 0}}#app{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.app-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.bg-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:#000}.app-content{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.main-container{flex:1;display:flex;gap:2rem;padding:2rem;max-width:1600px;margin:0 auto;width:100%}.main-container.canvas-mode{padding:0;max-width:none;margin:0;gap:0}.main-content{flex:1;animation:fadeInPage .6s ease-out}@keyframes fadeInPage{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.main-sidebar{width:280px;flex-shrink:0}.sidebar-card{background:#0a0a0a;border:1px solid rgba(212,175,55,.3);border-radius:20px;padding:1.5rem;position:relative}.sidebar-card:before,.sidebar-card:after{content:"";position:absolute;width:20px;height:20px;border-color:#d4af37;border-style:solid;opacity:.5}.sidebar-card:before{top:10px;left:10px;border-width:2px 0 0 2px}.sidebar-card:after{bottom:10px;right:10px;border-width:0 2px 2px 0}.sidebar-card h3{color:#d4af37;font-size:1.1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,107,122,.2)}.sidebar-links{display:flex;flex-direction:column;gap:.5rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#f0f0f0;text-decoration:none;border-radius:10px;transition:all .3s;background:#1e1e3299}.sidebar-link:hover{background:#d4af3726;transform:translate(5px);color:#d4af37}.app-footer{background:#0a1020;border-top:1px solid rgba(0,212,255,.12);padding:.8rem 2rem;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.footer-left{display:flex;align-items:center;gap:.75rem;color:#7a8fa6;font-size:.82rem}.footer-icon{font-size:1.1rem}.footer-version{color:#00d4ff;font-size:.72rem;font-family:Orbitron,monospace;letter-spacing:.08em;background:#00d4ff14;padding:.15rem .45rem;border-radius:3px;border:1px solid rgba(0,212,255,.15)}.footer-right{color:#4a5e73;font-size:.78rem}button{font-family:inherit}a{color:inherit;text-decoration:none}::selection{background:#e9456066;color:#fff}::-moz-selection{background:#e9456066;color:#fff}@media (max-width: 1200px){.main-sidebar{display:none}}@media (max-width: 768px){.main-container{padding:1.5rem 1rem;gap:1.5rem}.app-footer{padding:1rem}.footer-content{flex-direction:column;gap:.75rem;text-align:center}}.home-container[data-v-aa9b331c]{position:relative;text-align:center;padding:2.5rem 1rem;animation:fadeIn-aa9b331c .6s ease-out;overflow:hidden;background:var(--bg-card);border:1px solid var(--primary-border);clip-path:polygon(0 0,calc(100% - var(--clip-xl)) 0,100% var(--clip-xl),100% 100%,var(--clip-xl) 100%,0 calc(100% - var(--clip-xl)));backdrop-filter:blur(20px)}.home-container[data-v-aa9b331c]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.5),transparent);animation:headerSweep 6s ease-in-out infinite}@keyframes fadeIn-aa9b331c{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-text[data-v-aa9b331c]{margin-bottom:1.5rem}.welcome-line[data-v-aa9b331c]{font-size:.85rem;font-family:var(--font-display);color:var(--primary);margin-bottom:.25rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.contact-line[data-v-aa9b331c]{font-size:.75rem;color:var(--text-dim);margin:0}.home-title[data-v-aa9b331c]{font-size:2.8rem;font-family:var(--font-display);background:linear-gradient(135deg,#00d4ff,#0f8);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer-aa9b331c 3s linear infinite;margin-bottom:.5rem;font-weight:700;letter-spacing:.06em}@keyframes shimmer-aa9b331c{to{background-position:200% center}}.home-subtitle[data-v-aa9b331c]{font-size:1.1rem;color:var(--text-secondary);margin-bottom:3rem;font-weight:400;letter-spacing:.04em}.feature-grid[data-v-aa9b331c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:3rem}.feature-card[data-v-aa9b331c]{background:var(--bg-card);border:1px solid var(--primary-border);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));padding:2rem;text-align:center;transition:all .5s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;backdrop-filter:blur(12px)}.feature-card[data-v-aa9b331c]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.04),transparent);transition:left .7s ease}.feature-card[data-v-aa9b331c]:hover:before{left:100%}.feature-card[data-v-aa9b331c]:hover{border-color:var(--primary-border-hover);transform:translateY(-10px) scale(1.02);box-shadow:0 20px 50px #00d4ff1f,0 0 30px #00d4ff0d}.feature-icon[data-v-aa9b331c]{font-size:3.5rem;margin-bottom:1.25rem;position:relative;filter:drop-shadow(0 4px 10px rgba(0,212,255,.3));animation:float-aa9b331c 3s ease-in-out infinite}.feature-icon[data-v-aa9b331c]:before{content:"";position:absolute;top:50%;left:50%;width:80px;height:80px;border-radius:50%;border:1px solid rgba(0,212,255,.15);transform:translate(-50%,-50%);animation:ringPulse-aa9b331c 3s ease-in-out infinite;pointer-events:none}@keyframes ringPulse-aa9b331c{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.15)}}@keyframes float-aa9b331c{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-title[data-v-aa9b331c]{color:var(--primary);margin-bottom:.75rem;font-size:1.3rem;font-weight:600;font-family:var(--font-display);letter-spacing:.06em;text-shadow:0 0 15px rgba(0,212,255,.3)}.feature-desc[data-v-aa9b331c]{color:var(--text-secondary);line-height:1.7;font-size:.95rem}.stats[data-v-aa9b331c]{background:var(--bg-card);padding:2.5rem;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));border:1px solid var(--primary-border);box-shadow:var(--shadow-lg);backdrop-filter:blur(12px)}.stats h3[data-v-aa9b331c]{color:var(--primary);margin-bottom:1.5rem;font-family:var(--font-display);font-size:1.2rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.stats-grid[data-v-aa9b331c]{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.stat-item[data-v-aa9b331c]{text-align:center;padding:1rem;background:#00d4ff08;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));border:1px solid rgba(0,212,255,.08);transition:all .3s}.stat-item[data-v-aa9b331c]:hover{background:#00d4ff14;border-color:var(--primary-border-hover);transform:translateY(-5px)}.stat-value[data-v-aa9b331c]{font-size:2.8rem;font-weight:700;font-family:var(--font-display);background:linear-gradient(135deg,#00d4ff,#0af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.stat-label[data-v-aa9b331c]{color:var(--text-secondary);font-size:.85rem;font-weight:500;letter-spacing:.04em}@media (max-width: 768px){.home-title[data-v-aa9b331c]{font-size:1.6rem}.home-subtitle[data-v-aa9b331c]{font-size:.9rem;margin-bottom:2rem}.feature-grid[data-v-aa9b331c]{grid-template-columns:1fr;gap:1rem}.feature-card[data-v-aa9b331c]{padding:1.25rem}.feature-icon[data-v-aa9b331c]{font-size:2.5rem}.feature-title[data-v-aa9b331c]{font-size:1.2rem}.stats-grid[data-v-aa9b331c]{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-value[data-v-aa9b331c]{font-size:1.8rem}}@media (max-width: 480px){.home-title[data-v-aa9b331c]{font-size:1.4rem}.stat-value[data-v-aa9b331c]{font-size:1.5rem}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--primary: #00D4FF;--primary-hover: #00AAFF;--primary-dark: #0088AA;--primary-glow: rgba(0, 212, 255, .4);--primary-dim: rgba(0, 212, 255, .08);--primary-border: rgba(0, 212, 255, .1);--primary-border-hover: rgba(0, 212, 255, .45);--primary-border-active: rgba(0, 212, 255, .8);--accent-gold: #FFB830;--accent-gold-dim: rgba(255, 184, 48, .3);--accent-purple: #B366FF;--accent-purple-dim: rgba(179, 102, 255, .3);--accent-red: #FF4466;--accent-red-dim: rgba(255, 68, 102, .3);--accent-green: #00FF88;--accent-green-dim: rgba(0, 255, 136, .3);--bg-primary: #040810;--bg-secondary: #0A1020;--bg-tertiary: #0F1A2E;--bg-card: rgba(10, 16, 32, .88);--bg-card-hover: rgba(16, 24, 48, .95);--text-primary: #E8EEF4;--text-secondary: #7A8FA6;--text-dim: #4A5E73;--font-primary: "Rajdhani", "Noto Sans SC", "Segoe UI", sans-serif;--font-mono: "Fira Code", "Consolas", monospace;--font-display: "Orbitron", "Rajdhani", sans-serif;--clip-sm: 4px;--clip-md: 8px;--clip-lg: 10px;--clip-xl: 16px;--clip-xxl: 20px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 25px rgba(0, 0, 0, .4);--shadow-primary: 0 4px 15px rgba(0, 212, 255, .3)}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.6;letter-spacing:.02em;position:relative;opacity:0;animation:bootSequence .8s ease-out .2s forwards}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,transparent,transparent 4px,rgba(0,212,255,.003) 4px,rgba(0,212,255,.003) 5px)}@keyframes bootSequence{0%{opacity:0;filter:brightness(2) saturate(0)}30%{opacity:1;filter:brightness(1.5) saturate(.5)}to{opacity:1;filter:brightness(1) saturate(1)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#040810cc}::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:5px;transition:background var(--transition-normal)}::-webkit-scrollbar-thumb:hover{background:#00d4ff80}::selection{background:#00d4ff4d;color:#fff}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.section-header{margin-bottom:2rem;display:flex;flex-direction:column;gap:.5rem}.section-header h2{color:var(--primary);font-family:var(--font-display);font-size:1.6rem;font-weight:700;letter-spacing:.08em;text-shadow:0 0 25px rgba(0,212,255,.4);position:relative;text-transform:uppercase}.section-header h2:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--primary),transparent)}.section-header p{color:var(--text-secondary);font-size:1rem;margin:6px 0 0}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem;align-items:start}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.item-card{background:var(--bg-card);border:1px solid var(--primary-border);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));padding:1.5rem;text-align:center;transition:all var(--transition-slow);box-shadow:var(--shadow-md);position:relative;overflow:hidden;width:100%;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;backdrop-filter:blur(12px)}.item-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.04),transparent);transition:left .7s ease;pointer-events:none;z-index:1}.item-card:hover{border-color:var(--primary-border-hover);transform:translateY(-4px);box-shadow:0 15px 40px #00d4ff1f;background:var(--bg-card-hover)}.item-card:hover:before{left:100%}.item-card img{width:64px;height:64px;margin-bottom:1rem;filter:drop-shadow(0 4px 12px rgba(0,212,255,.3));transition:all var(--transition-slow)}.item-card:hover img{transform:scale(1.12);filter:drop-shadow(0 6px 20px rgba(0,212,255,.5))}.item-card h4{font-size:1rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:600;font-family:var(--font-primary)}.item-card .category{font-size:.75rem;color:var(--text-secondary);background:#00d4ff14;padding:.3rem .7rem;clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px));display:inline-block;border:1px solid rgba(0,212,255,.15);transition:all var(--transition-normal);font-size:.7rem;letter-spacing:.05em}.item-card:hover .category{background:#00d4ff26;border-color:#00d4ff4d}.recipe-list{display:flex;flex-direction:column;gap:1.5rem;align-items:stretch}.recipe-card{background:var(--bg-card);border:1px solid var(--primary-border);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));padding:2rem;box-shadow:var(--shadow-md);transition:all var(--transition-slow);position:relative;overflow:hidden;width:100%;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;backdrop-filter:blur(12px)}.recipe-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.04),transparent);transition:left .7s ease;pointer-events:none}.recipe-card:hover{border-color:var(--primary-border-hover);box-shadow:0 15px 35px #00d4ff26;background:var(--bg-card-hover);transform:translateY(-4px)}.recipe-card:hover:before{left:100%}.recipe-card h3{color:var(--primary);margin-bottom:1.5rem;font-weight:600;font-size:1.3rem;font-family:var(--font-display);letter-spacing:.06em;text-shadow:0 0 15px rgba(0,212,255,.3)}.recipe-ingredients{display:flex;gap:1.2rem;flex-wrap:wrap;margin-bottom:1.5rem;align-items:center;flex:1;min-height:120px}.recipe-ingredient{display:flex;align-items:center;gap:.6rem;background:#00d4ff0a;padding:.7rem 1.3rem;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));border:1px solid rgba(0,212,255,.1);transition:all var(--transition-normal)}.recipe-ingredient:hover{border-color:var(--primary-border-hover);transform:translateY(-3px);box-shadow:0 8px 20px #00d4ff26}.recipe-ingredient img{width:32px;height:32px;filter:drop-shadow(0 2px 8px rgba(0,212,255,.2))}.recipe-arrow{color:var(--primary);font-size:1.8rem;filter:drop-shadow(0 0 15px rgba(0,212,255,.5));animation:pulseArrow 2s ease-in-out infinite}@keyframes pulseArrow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.recipe-output{display:flex;align-items:center;gap:.6rem;background:#00d4ff0f;padding:.7rem 1.3rem;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));border:1px solid rgba(0,212,255,.15);box-shadow:0 4px 15px #0000004d;transition:all var(--transition-normal)}.recipe-output:hover{border-color:var(--primary-border-hover);transform:translateY(-2px)}.recipe-output img{width:32px;height:32px;filter:drop-shadow(0 2px 8px rgba(0,212,255,.3))}.filter-tabs{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap;padding:1.2rem 1.5rem;background:var(--bg-card);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));border:1px solid var(--primary-border);backdrop-filter:blur(12px)}.filter-tab{padding:.55rem 1.2rem;background:transparent;border:1px solid var(--primary-border);color:var(--text-secondary);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));cursor:pointer;transition:all var(--transition-slow);font-family:var(--font-primary);font-weight:600;font-size:.88rem;letter-spacing:.04em}.filter-tab:hover{border-color:var(--primary-border-hover);color:var(--text-primary);background:#00d4ff0f;transform:translateY(-2px)}.filter-tab.active{background:#00d4ff1f;border-color:var(--primary-border-active);color:var(--primary);text-shadow:0 0 10px rgba(0,212,255,.4);transform:translateY(-2px)}.search-box{width:100%;padding:.85rem 1.2rem;background:var(--bg-card);border:1px solid var(--primary-border);color:var(--text-primary);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));font-family:var(--font-primary);font-size:.95rem;letter-spacing:.04em;margin-bottom:2rem;transition:all .35s;backdrop-filter:blur(10px)}.search-box:focus{outline:none;border-color:var(--primary-border-active);box-shadow:0 0 25px #00d4ff26,inset 0 0 15px #00d4ff0d;background:var(--bg-card-hover)}.search-box::placeholder{color:var(--text-dim);letter-spacing:.06em}.empty-state{text-align:center;padding:5rem 3rem;color:var(--text-secondary);background:var(--bg-card);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));border:2px dashed var(--primary-border);transition:all var(--transition-normal);backdrop-filter:blur(10px)}.empty-state:hover{border-color:var(--primary-border-hover);box-shadow:0 10px 30px #00d4ff1a}.empty-state:before{content:"";font-size:5rem;display:block;margin-bottom:1.5rem;opacity:.5;filter:drop-shadow(0 6px 15px rgba(0,212,255,.2))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-family:var(--font-display);font-size:.85rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all var(--transition-normal);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#00d4ff,#08a);color:#040810;border:none;box-shadow:0 4px 20px #00d4ff4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00d4ff66}.btn-secondary{background:transparent;border:1px solid rgba(0,212,255,.45);color:var(--primary)}.btn-secondary:hover{background:#00d4ff1a;border-color:var(--primary);box-shadow:0 4px 15px #00d4ff26;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#00c864,#00994d);color:#fff;border:none;box-shadow:0 4px 20px #00c8644d}.btn-success:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00c86466}.card{background:var(--bg-card);border:1px solid var(--primary-border);clip-path:polygon(0 0,calc(100% - var(--clip-lg)) 0,100% var(--clip-lg),100% 100%,var(--clip-lg) 100%,0 calc(100% - var(--clip-lg)));padding:1.5rem;backdrop-filter:blur(12px);box-shadow:var(--shadow-md);transition:all var(--transition-slow);position:relative}.card:hover{border-color:var(--primary-border-hover);transform:translateY(-4px);box-shadow:0 15px 40px #00d4ff1a;background:var(--bg-card-hover)}.card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.04),transparent);transition:left .7s ease;pointer-events:none}.card:hover:before{left:100%}.stat-card{background:var(--bg-card);border:1px solid var(--primary-border);clip-path:polygon(0 0,calc(100% - var(--clip-lg)) 0,100% var(--clip-lg),100% 100%,var(--clip-lg) 100%,0 calc(100% - var(--clip-lg)));padding:1.5rem;text-align:center;transition:all var(--transition-slow);position:relative;backdrop-filter:blur(12px)}.stat-card:hover{border-color:var(--primary-border-hover);transform:translateY(-5px);box-shadow:0 15px 35px #00d4ff1a}.stat-card .stat-value{font-size:2.5rem;font-weight:700;color:var(--primary);font-family:var(--font-display);text-shadow:0 0 20px rgba(0,212,255,.4);margin-bottom:.5rem}.stat-card .stat-label{font-size:.85rem;color:var(--text-secondary);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .7rem;clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px));font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-family:var(--font-display)}.badge-primary{background:#00d4ff1f;color:var(--primary);border:1px solid rgba(0,212,255,.3)}.badge-success{background:#00ff881f;color:var(--accent-green);border:1px solid rgba(0,255,136,.3)}.badge-warning{background:#ffb8301f;color:var(--accent-gold);border:1px solid rgba(255,184,48,.3)}.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.2),transparent);margin:2rem 0}.gradient-text{background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-center{text-align:center}.text-muted{color:var(--text-dim)}.text-primary{color:var(--primary)}.text-success{color:var(--accent-green)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap{display:flex;flex-wrap:wrap;gap:1rem}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.card-sm{padding:1.25rem}.card-lg{padding:2.5rem}.list-group{display:flex;flex-direction:column;gap:.75rem}.list-item{padding:.75rem 1.25rem;background:#00d4ff0a;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));border:1px solid rgba(0,212,255,.08);transition:all var(--transition-normal)}.list-item:hover{background:#00d4ff14;border-color:#00d4ff33}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.animate-slide-left{animation:slideInLeft .5s ease-out forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-slide-right{animation:slideInRight .5s ease-out forwards}.floating{animation:floating 3s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.scan-beam{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent 0%,#00D4FF 30%,#fff 50%,#00D4FF 70%,transparent 100%);box-shadow:0 0 20px #00d4ff,0 0 60px #00d4ff4d;pointer-events:none;z-index:9990;animation:scanBeam 8s ease-in-out infinite;opacity:0}@keyframes scanBeam{0%{top:-5px;opacity:0}5%{opacity:.6}95%{opacity:.6}to{top:100vh;opacity:0}}.ambient-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(80px);animation:orbFloat 12s ease-in-out infinite;opacity:0}.ambient-orb.orb-1{top:-50px;right:-50px;width:350px;height:350px;background:radial-gradient(circle,rgba(0,212,255,.08),transparent 70%);animation-delay:0s;animation-duration:14s}.ambient-orb.orb-2{bottom:-50px;left:-50px;width:280px;height:280px;background:radial-gradient(circle,rgba(179,102,255,.06),transparent 70%);animation-delay:-4s;animation-duration:16s}.ambient-orb.orb-3{top:50%;left:50%;width:220px;height:220px;background:radial-gradient(circle,rgba(255,184,48,.05),transparent 70%);animation-delay:-8s;animation-duration:18s}@keyframes orbFloat{0%,to{opacity:.3;transform:translate(0) scale(1)}25%{opacity:.6;transform:translate(30px,-20px) scale(1.05)}50%{opacity:.4;transform:translate(-20px,15px) scale(.95)}75%{opacity:.7;transform:translate(15px,25px) scale(1.02)}}.ambient-pulse{position:fixed;top:50%;left:50%;width:600px;height:600px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(0,212,255,.03),transparent 60%);animation:ambientPulse 8s ease-in-out infinite}@keyframes ambientPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}@keyframes titleReveal{0%{opacity:0;transform:translateY(30px);letter-spacing:.3em;filter:blur(8px)}to{opacity:1;transform:translateY(0);letter-spacing:normal;filter:blur(0)}}.animate-title-reveal{animation:titleReveal 1.2s ease-out .3s both}@keyframes cardReveal{to{opacity:1;transform:translateY(0)}}.card-stagger{opacity:0;transform:translateY(20px);animation:cardReveal .6s ease-out var(--card-delay, 0ms) forwards}@keyframes scrollHint{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:.5;transform:translateY(5px)}}.scroll-indicator{animation:scrollHint 2s ease-in-out infinite}@keyframes headerSweep{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes cursorBlink{50%{opacity:0}}.glow{box-shadow:0 0 20px #00d4ff66}.glow-success{box-shadow:0 0 20px #0f86}.glow-gold{box-shadow:0 0 20px #ffb83066}.content-isolation{background:#0a1020bf;backdrop-filter:blur(20px);border:1px solid rgba(0,212,255,.1);clip-path:polygon(0 0,calc(100% - var(--clip-xl)) 0,100% var(--clip-xl),100% 100%,var(--clip-xl) 100%,0 calc(100% - var(--clip-xl)));padding:2rem}.tooltip:before{content:attr(data-tooltip);padding:.5rem .85rem;background:var(--bg-card);border:1px solid var(--primary-border-hover);color:var(--text-primary);font-size:.75rem;clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px));opacity:0;visibility:hidden;transition:all .3s;pointer-events:none}.progress-bar{width:100%;height:8px;background:var(--bg-card);border:1px solid var(--primary-border);clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px));overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#00d4ff,#08a);box-shadow:0 0 10px #00d4ff66;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShimmer 2s ease-in-out infinite}@media (max-width: 1024px){.items-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1.2rem}.stat-card .stat-value{font-size:2rem}}@media (max-width: 768px){.container{padding:0 1.5rem}.items-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1rem}.item-card{padding:1rem;min-height:180px}.item-card img{width:48px;height:48px}.recipe-card{padding:1.5rem;min-height:240px}.recipe-ingredients{gap:.8rem}.filter-tabs{gap:.5rem;padding:1rem}.filter-tab{padding:.5rem 1rem;font-size:.85rem}.search-box{padding:.75rem 1rem}.section-header h2{font-size:1.3rem}.stat-card .stat-value{font-size:1.8rem}}@media (max-width: 480px){.container{padding:0 1rem}.items-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.75rem}.item-card{padding:.75rem;min-height:150px}.item-card img{width:40px;height:40px}.item-card h4{font-size:.9rem}.recipe-card{padding:1rem}.recipe-ingredients{flex-direction:column;align-items:flex-start}.recipe-arrow{transform:rotate(90deg);margin:.5rem 0}.filter-tab{padding:.4rem .75rem;font-size:.8rem}.empty-state{padding:4rem 1.5rem}.empty-state:before{font-size:4rem}.stat-card{padding:1rem}.stat-card .stat-value{font-size:1.5rem}}@media (max-width: 1024px){.calculator-layout{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 768px){body{font-size:14px}.header{padding:.8rem 1rem;background:linear-gradient(135deg,#16213efa,#0f3460f2);backdrop-filter:blur(10px)}.logo h1{font-size:1.1rem}.logo-icon{font-size:1.4rem}.version{display:none}.home-container{padding:1rem .5rem}.welcome-text{margin-bottom:1rem}.welcome-line{font-size:1.1rem}.contact-line{font-size:.9rem}.home-title{font-size:1.8rem}.home-subtitle{font-size:1rem;margin-bottom:2rem}.feature-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.feature-card{padding:1.5rem 1rem;background:linear-gradient(145deg,#16213ee6,#0f3460cc);backdrop-filter:blur(10px)}.feature-icon{font-size:2.5rem}.feature-title{font-size:1.2rem}.feature-desc{font-size:.9rem}.stats{padding:1.5rem 1rem;background:linear-gradient(145deg,#16213ee6,#0f3460cc);backdrop-filter:blur(10px)}.stats h3{font-size:1.1rem;margin-bottom:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-value{font-size:2rem}.stat-label{font-size:.85rem}.canvas-container{padding:1rem}.canvas-header{flex-direction:column;gap:.5rem;margin-bottom:1rem}.canvas-title{font-size:1.3rem}.canvas-controls{flex-wrap:wrap;justify-content:center}.canvas-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.items-header,.recipes-header{padding:1rem}.section-header h2{font-size:1.3rem}.items-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;padding:.5rem}.item-card{padding:.8rem .5rem}.item-card img{width:40px;height:40px}.item-card h4{font-size:.8rem}.item-card .category{font-size:.7rem}.recipe-card{padding:1rem;margin:.5rem}.recipe-card h3{font-size:1.1rem}.recipe-ingredients{flex-direction:column;align-items:flex-start;gap:.5rem}.recipe-ingredient{width:100%;justify-content:space-between}.calculator-container{padding:1rem}.calculator-header h2{font-size:1.3rem}.calculator-content{padding:1rem}.input-group{margin-bottom:1rem}.input-group label{display:block;margin-bottom:.5rem;font-size:.95rem}.input-group input,.input-group select{width:100%;padding:.8rem;font-size:1rem}.result-card{padding:1rem}button,.btn{padding:.8rem 1.2rem;font-size:1rem;min-height:44px}input,select,textarea{font-size:16px}.card{padding:1rem;margin:.5rem}.loading-overlay{padding:1rem}.loading-content h3{font-size:1.1rem}.loading-bar{height:4px}}@media (max-width: 480px){.home-title{font-size:1.5rem}.home-subtitle{font-size:.9rem}.feature-icon{font-size:2rem}.feature-title{font-size:1.1rem}.stat-value{font-size:1.5rem}.items-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.item-card img{width:32px;height:32px}}@media (max-width: 768px) and (orientation: landscape){.home-container{padding:1rem}.feature-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (hover: none) and (pointer: coarse){.item-card:hover,.feature-card:hover,.recipe-card:hover{transform:none}.nav-btn,.feature-card,.item-card{min-height:44px}}