*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6;color:#333;background:#f8fafc}#app{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%)}@media (max-width: 768px){body{font-size:14px}}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active{transition:all .3s ease-out}.slide-up-enter-from{transform:translateY(30px);opacity:0}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.btn-secondary{background:#f8f9fa;color:#495057;border:1px solid #dee2e6}.btn-secondary:hover{background:#e9ecef;transform:translateY(-1px)}.card{background:white;border-radius:16px;box-shadow:0 4px 6px #00000012;transition:all .3s ease;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.card-body{padding:24px}.section-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.subtitle{font-size:1.25rem;color:#6c757d;margin-bottom:2rem}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width: 768px){.grid{gap:16px}.section-title{font-size:2rem}.card-body{padding:16px}}.code-block{background:#2d3748;color:#e2e8f0;padding:20px;border-radius:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;overflow-x:auto}.inline-code{background:#f1f5f9;color:#475569;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em}.tag{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:20px;font-size:.85rem;font-weight:500;margin:2px 4px 2px 0}.loading{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-container[data-v-a7e66025]{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:relative;overflow:hidden;padding:20px 0}.login-card[data-v-a7e66025]{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:32px;padding:64px 56px;box-shadow:0 25px 50px #00000026;text-align:center;max-width:600px;width:100%;margin:20px;position:relative;z-index:2;transform:scale(1.1)}.login-header .logo[data-v-a7e66025]{margin-bottom:32px}.logo-icon[data-v-a7e66025]{font-size:4.5rem;margin-bottom:16px;animation:pulse-a7e66025 2s infinite}@keyframes pulse-a7e66025{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.site-title[data-v-a7e66025]{font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.site-description[data-v-a7e66025]{font-size:1.4rem;color:#6c757d;margin-bottom:40px;font-weight:300}.welcome-message h2[data-v-a7e66025]{font-size:2.4rem;color:#2d3748;margin-bottom:16px;font-weight:600}.welcome-message p[data-v-a7e66025]{color:#6c757d;font-size:1.2rem;margin-bottom:40px;font-weight:300}.login-btn[data-v-a7e66025]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:20px 64px;font-size:1.4rem;font-weight:600;border-radius:60px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:16px;margin:0 auto;box-shadow:0 12px 24px #667eea66;position:relative;overflow:hidden}.login-btn[data-v-a7e66025]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-btn[data-v-a7e66025]:hover:before{left:100%}.login-btn[data-v-a7e66025]:hover{transform:translateY(-3px);box-shadow:0 16px 32px #667eea80}.login-icon[data-v-a7e66025]{font-size:1.6rem}.footer-info[data-v-a7e66025]{position:fixed;bottom:0;left:0;width:100%;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3;padding:16px 0}.icp-info[data-v-a7e66025]{text-align:center;color:#fffc;font-size:.9rem;line-height:1.5}.icp-info p[data-v-a7e66025]{margin:4px 0}.icp-info a[data-v-a7e66025]{color:#ffffffe6;text-decoration:none;transition:all .3s ease;font-weight:500}.icp-info a[data-v-a7e66025]:hover{color:#fff;text-decoration:underline}.copyright[data-v-a7e66025]{font-size:.85rem;opacity:.7}.powered[data-v-a7e66025]{font-size:.8rem;opacity:.6}.bg-decoration[data-v-a7e66025]{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:1}.floating-shape[data-v-a7e66025]{position:absolute;border-radius:50%;animation:float-a7e66025 8s ease-in-out infinite}.shape-1[data-v-a7e66025]{width:80px;height:80px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);top:20%;left:10%;animation-delay:0s;opacity:.8;box-shadow:0 0 30px #667eea66}.shape-2[data-v-a7e66025]{width:120px;height:120px;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);top:60%;right:15%;animation-delay:2s;opacity:.7;box-shadow:0 0 40px #f093fb66}.shape-3[data-v-a7e66025]{width:60px;height:60px;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);bottom:20%;left:20%;animation-delay:4s;opacity:.9;box-shadow:0 0 25px #4facfe66}.shape-4[data-v-a7e66025]{width:100px;height:100px;background:linear-gradient(135deg,#fa709a 0%,#fee140 100%);top:25%;right:35%;animation-delay:1s;opacity:.7;box-shadow:0 0 35px #fa709a66}.shape-5[data-v-a7e66025]{width:90px;height:90px;background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);bottom:35%;right:20%;animation-delay:3s;opacity:.8;box-shadow:0 0 30px #a8edea66}@keyframes float-a7e66025{0%,to{transform:translateY(0) rotate(0) scale(1)}33%{transform:translateY(-15px) rotate(120deg) scale(1.1)}66%{transform:translateY(-25px) rotate(240deg) scale(.9)}}.main-container[data-v-a7e66025]{display:flex;flex-direction:column;min-height:100vh}.navbar[data-v-a7e66025]{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);padding:12px 0;position:sticky;top:0;z-index:100;transform:translateY(-100%);animation:slideDownFromTop-a7e66025 .8s ease-out forwards;box-shadow:0 2px 20px #667eea1a}@keyframes slideDownFromTop-a7e66025{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.nav-container[data-v-a7e66025]{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.nav-brand[data-v-a7e66025]{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .3s ease}.nav-brand[data-v-a7e66025]:hover{transform:scale(1.05)}.nav-icon[data-v-a7e66025]{font-size:1.8rem;animation:rotateIcon-a7e66025 2s ease-in-out infinite}@keyframes rotateIcon-a7e66025{0%,to{transform:rotate(0)}50%{transform:rotate(10deg)}}.nav-title[data-v-a7e66025]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.nav-title[data-v-a7e66025]:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);transition:width .3s ease}.nav-brand:hover .nav-title[data-v-a7e66025]:after{width:100%}.nav-menu[data-v-a7e66025]{display:flex;align-items:center;gap:32px}.nav-menu a[data-v-a7e66025]{text-decoration:none;color:#495057;font-weight:500;transition:all .3s ease;padding:8px 16px;border-radius:20px}.nav-menu a[data-v-a7e66025]:hover,.nav-menu a.active[data-v-a7e66025]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.logout-btn[data-v-a7e66025]{background:#f8f9fa;color:#495057;border:1px solid #dee2e6;padding:8px 20px;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:500}.logout-btn[data-v-a7e66025]:hover{background:#e9ecef}.main-content[data-v-a7e66025]{flex:1;max-width:1200px;margin:0 auto;padding:40px 24px 80px;width:100%;overflow-y:auto;height:calc(100vh - 80px);scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.main-content[data-v-a7e66025]::-webkit-scrollbar{width:0px;transition:width .3s ease}.main-content[data-v-a7e66025]::-webkit-scrollbar-track{background:transparent}.main-content[data-v-a7e66025]::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.main-content.scrolling[data-v-a7e66025]::-webkit-scrollbar{width:8px}.main-content.scrolling[data-v-a7e66025]::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:4px}.main-content.scrolling[data-v-a7e66025]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2d2d2d,#1a1a1a);border-radius:4px;transition:all .3s ease}.main-content.scrolling[data-v-a7e66025]::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#404040,#2d2d2d)}.hero[data-v-a7e66025]{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;margin-bottom:80px;padding:40px 0}.hero-content[data-v-a7e66025]{text-align:left}.hero-title[data-v-a7e66025]{font-size:3.5rem;font-weight:800;margin-bottom:24px;display:flex;align-items:center;gap:16px}.gradient-text[data-v-a7e66025]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wave[data-v-a7e66025]{display:inline-block;animation:wave-a7e66025 2s infinite}@keyframes wave-a7e66025{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}.hero-subtitle[data-v-a7e66025]{font-size:1.3rem;color:#6c757d;margin-bottom:40px;line-height:1.6}.hero-tags[data-v-a7e66025]{display:flex;gap:24px;justify-content:flex-start}.hero-tag[data-v-a7e66025]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:12px 24px;border-radius:25px;font-size:1rem;font-weight:600;box-shadow:0 4px 12px #667eea4d;transition:all .3s ease;cursor:default}.hero-tag[data-v-a7e66025]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.hero-image[data-v-a7e66025]{display:flex;justify-content:center;align-items:center}.hero-avatar[data-v-a7e66025]{width:200px;height:200px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:4rem;color:#fff;box-shadow:0 20px 40px #667eea4d}.latest-posts[data-v-a7e66025]{margin-bottom:80px}.posts-grid[data-v-a7e66025]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px}.post-card[data-v-a7e66025]{background:white;border-radius:16px;padding:32px;box-shadow:0 4px 6px #00000012;transition:all .3s ease}.post-card[data-v-a7e66025]:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.post-category[data-v-a7e66025]{display:inline-block;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:500;margin-bottom:16px}.post-title[data-v-a7e66025]{font-size:1.4rem;font-weight:600;color:#2d3748;margin-bottom:12px;line-height:1.4}.post-excerpt[data-v-a7e66025]{color:#6c757d;line-height:1.6;margin-bottom:20px}.post-meta[data-v-a7e66025]{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.post-date[data-v-a7e66025]{color:#6c757d;font-size:.9rem}.post-tags[data-v-a7e66025]{display:flex;gap:8px;flex-wrap:wrap}.section-header[data-v-a7e66025]{text-align:center;margin-bottom:48px}.section-title[data-v-a7e66025]{font-size:2.8rem;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.section-description[data-v-a7e66025]{font-size:1.2rem;color:#6c757d}.java-topics[data-v-a7e66025]{display:grid;gap:32px}.topic-card[data-v-a7e66025]{background:white;border-radius:16px;padding:32px;box-shadow:0 4px 6px #00000012;transition:all .3s ease}.topic-card[data-v-a7e66025]:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.topic-header[data-v-a7e66025]{display:flex;align-items:center;gap:16px;margin-bottom:20px}.topic-icon[data-v-a7e66025]{font-size:2rem}.topic-title[data-v-a7e66025]{font-size:1.6rem;font-weight:600;color:#2d3748;flex:1}.topic-level[data-v-a7e66025]{background:#e3f2fd;color:#1976d2;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:500}.topic-description[data-v-a7e66025]{color:#6c757d;line-height:1.6;margin-bottom:24px}.knowledge-points[data-v-a7e66025]{margin-bottom:24px}.knowledge-points h4[data-v-a7e66025]{font-size:1.1rem;color:#2d3748;margin-bottom:12px;font-weight:600}.points-list[data-v-a7e66025]{list-style:none;padding:0}.points-list li[data-v-a7e66025]{color:#495057;position:relative;padding:8px 0 8px 24px}.points-list li[data-v-a7e66025]:before{content:"▸";position:absolute;left:0;color:#667eea;font-weight:700}.code-example[data-v-a7e66025],.flowchart[data-v-a7e66025]{margin-bottom:20px}.code-example h4[data-v-a7e66025],.flowchart h4[data-v-a7e66025]{font-size:1.1rem;color:#2d3748;margin-bottom:12px;font-weight:600}.code-block[data-v-a7e66025]{background:#2d3748;color:#e2e8f0;padding:20px;border-radius:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;overflow-x:auto;white-space:pre-wrap}.flowchart-content[data-v-a7e66025]{background:#f8f9fa;padding:16px;border-radius:12px;color:#495057;font-family:monospace;line-height:1.6;white-space:pre-wrap}.demo-grid[data-v-a7e66025]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px}.demo-card[data-v-a7e66025]{background:white;border-radius:20px;overflow:hidden;box-shadow:0 8px 16px #0000001a;transition:all .4s ease;position:relative}.demo-card[data-v-a7e66025]:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #667eea33}.demo-preview[data-v-a7e66025]{height:200px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:relative;overflow:hidden}.demo-animation[data-v-a7e66025]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.demo-icon[data-v-a7e66025]{font-size:4rem;color:#fff;z-index:2;position:relative}.particle-animation[data-v-a7e66025]{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.2) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.1) 0%,transparent 50%);animation:particleFloat-a7e66025 4s ease-in-out infinite}.fluid-animation[data-v-a7e66025]{background:linear-gradient(45deg,#667eea,#764ba2,#667eea);background-size:200% 200%;animation:fluidMove-a7e66025 3s ease-in-out infinite}.threejs-animation[data-v-a7e66025]{background:conic-gradient(from 0deg,#667eea,#764ba2,#667eea);animation:rotate3d-a7e66025 6s linear infinite}.chart-animation[data-v-a7e66025]{background:repeating-linear-gradient(45deg,#667eea,#667eea 10px,#764ba2 10px,#764ba2 20px);animation:chartPulse-a7e66025 2s ease-in-out infinite}.game-animation[data-v-a7e66025]{background:radial-gradient(ellipse at center,#667eea 0%,#764ba2 100%);animation:gameGlow-a7e66025 2.5s ease-in-out infinite alternate}.performance-animation[data-v-a7e66025]{background:linear-gradient(90deg,#667eea 0%,#764ba2 50%,#667eea 100%);background-size:200% 100%;animation:performanceSpeed-a7e66025 2s linear infinite}@keyframes particleFloat-a7e66025{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(180deg)}}@keyframes fluidMove-a7e66025{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}@keyframes rotate3d-a7e66025{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes chartPulse-a7e66025{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes gameGlow-a7e66025{0%{filter:brightness(1) saturate(1)}to{filter:brightness(1.2) saturate(1.3)}}@keyframes performanceSpeed-a7e66025{0%{background-position:-200% 0%}to{background-position:200% 0%}}.demo-info[data-v-a7e66025]{padding:24px}.demo-title[data-v-a7e66025]{font-size:1.4rem;font-weight:600;color:#2d3748;margin-bottom:12px}.demo-description[data-v-a7e66025]{color:#6c757d;line-height:1.6;margin-bottom:16px}.demo-tech[data-v-a7e66025]{display:flex;gap:8px;flex-wrap:wrap}.tech-tag[data-v-a7e66025]{background:#f1f5f9;color:#475569;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:500;transition:all .3s ease}.tech-tag[data-v-a7e66025]:hover{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;transform:translateY(-1px)}.about-content[data-v-a7e66025]{max-width:800px;margin:0 auto}.about-card[data-v-a7e66025]{background:white;border-radius:16px;padding:40px;box-shadow:0 4px 6px #00000012}.site-info[data-v-a7e66025]{display:flex;align-items:center;gap:32px;margin-bottom:40px}.site-avatar[data-v-a7e66025]{width:120px;height:120px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;animation:avatarGlow-a7e66025 3s ease-in-out infinite alternate}@keyframes avatarGlow-a7e66025{0%{box-shadow:0 0 20px #667eea4d;transform:scale(1)}to{box-shadow:0 0 40px #667eea99;transform:scale(1.05)}}.site-details h3[data-v-a7e66025]{font-size:1.8rem;color:#2d3748;margin-bottom:8px}.site-details p[data-v-a7e66025]{color:#6c757d;font-size:1.1rem;margin-bottom:16px}.site-features[data-v-a7e66025]{display:flex;flex-direction:column;gap:8px}.site-features span[data-v-a7e66025]{color:#495057;font-size:.95rem}.tech-stack[data-v-a7e66025]{margin-bottom:40px}.tech-stack h4[data-v-a7e66025]{font-size:1.3rem;color:#2d3748;margin-bottom:24px;font-weight:600}.tech-grid[data-v-a7e66025]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px}.tech-item[data-v-a7e66025]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#f8fafc;border-radius:16px;transition:all .3s ease;position:relative;overflow:hidden}.tech-item[data-v-a7e66025]:hover{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;transform:translateY(-4px);box-shadow:0 8px 20px #667eea4d}.tech-item:hover .tech-glow[data-v-a7e66025]{opacity:1;transform:scale(1.2)}.tech-icon[data-v-a7e66025]{font-size:2rem;transition:all .3s ease}.tech-name[data-v-a7e66025]{font-weight:500;font-size:.9rem;transition:all .3s ease}.tech-glow[data-v-a7e66025]{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:all .3s ease;pointer-events:none}.site-purpose[data-v-a7e66025]{margin-bottom:20px}.site-purpose h4[data-v-a7e66025]{font-size:1.3rem;color:#2d3748;margin-bottom:16px;font-weight:600}.purpose-text[data-v-a7e66025]{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);padding:24px;border-radius:12px;border-left:4px solid #667eea;color:#495057;line-height:1.8;position:relative;overflow:hidden}.purpose-text[data-v-a7e66025]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%)}.effects-showcase[data-v-a7e66025]{margin-bottom:40px}.effects-grid[data-v-a7e66025]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.effect-card[data-v-a7e66025]{background:#ffffff;border-radius:16px;padding:24px;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;text-align:center}.effect-card[data-v-a7e66025]:hover{transform:translateY(-8px);box-shadow:0 12px 24px #667eea33}.effect-preview[data-v-a7e66025]{width:120px;height:120px;margin:0 auto 16px;border-radius:12px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.matrix-rain[data-v-a7e66025]{background:#000;color:#0f0}.matrix-char[data-v-a7e66025]{position:absolute;font-family:Courier New,monospace;font-size:14px;animation:matrixFall-a7e66025 2s linear infinite}.matrix-char[data-v-a7e66025]:nth-child(odd){animation-delay:.5s}.matrix-char[data-v-a7e66025]:nth-child(2n){animation-delay:1s}@keyframes matrixFall-a7e66025{0%{top:-20px;opacity:1}to{top:140px;opacity:0}}.cosmic-spiral[data-v-a7e66025]{background:radial-gradient(circle,#1a1a2e 0%,#16213e 50%,#0f3460 100%)}.spiral-dot[data-v-a7e66025]{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;animation:spiralRotate-a7e66025 3s linear infinite;box-shadow:0 0 8px #fffc}@keyframes spiralRotate-a7e66025{0%{transform:rotate(0) translate(20px) rotate(0);opacity:1}to{transform:rotate(360deg) translate(40px) rotate(-360deg);opacity:.3}}.neon-pulse[data-v-a7e66025]{background:#1a0033;position:relative}.neon-ring[data-v-a7e66025]{position:absolute;top:50%;left:50%;width:80px;height:80px;border:2px solid #ff00ff;border-radius:50%;transform:translate(-50%,-50%);animation:neonPulse-a7e66025 2s ease-in-out infinite;box-shadow:0 0 20px #f0f,inset 0 0 20px #f0f}.neon-core[data-v-a7e66025]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:#fff;text-shadow:0 0 20px #ff00ff;animation:coreGlow-a7e66025 2s ease-in-out infinite alternate}@keyframes neonPulse-a7e66025{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.7}}@keyframes coreGlow-a7e66025{0%{text-shadow:0 0 20px #ff00ff}to{text-shadow:0 0 30px #ff00ff,0 0 40px #ff00ff}}.wave-motion[data-v-a7e66025]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.wave-line[data-v-a7e66025]{position:absolute;width:100%;height:2px;background:rgba(255,255,255,.8);animation:waveMove-a7e66025 3s ease-in-out infinite}.wave-line[data-v-a7e66025]:nth-child(1){top:20%}.wave-line[data-v-a7e66025]:nth-child(2){top:35%}.wave-line[data-v-a7e66025]:nth-child(3){top:50%}.wave-line[data-v-a7e66025]:nth-child(4){top:65%}.wave-line[data-v-a7e66025]:nth-child(5){top:80%}@keyframes waveMove-a7e66025{0%,to{transform:translate(-100%);opacity:0}50%{transform:translate(0);opacity:1}}.effect-card h3[data-v-a7e66025]{font-size:1.1rem;color:#2d3748;margin:0;font-weight:600}.footer[data-v-a7e66025]{background:linear-gradient(135deg,rgba(10,10,15,.98),rgba(15,15,25,.95));-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-top:1px solid rgba(102,126,234,.2);color:#fff;padding:0;position:fixed;bottom:0;left:0;right:0;z-index:50;height:42px;transform:translateY(100%);animation:slideUpFromBottom-a7e66025 .8s ease-out .3s forwards;box-shadow:0 -4px 25px #0006}@keyframes slideUpFromBottom-a7e66025{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.footer-content[data-v-a7e66025]{max-width:1200px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center}.footer-center[data-v-a7e66025]{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px}.copyright[data-v-a7e66025]{margin:0 0 10px;color:#fffc;font-size:.95rem}.icp-info[data-v-a7e66025]{margin:0;font-size:.9rem}.icp-info a[data-v-a7e66025]{color:#fff9;text-decoration:none;transition:all .3s ease;padding:4px 8px;border-radius:4px}.icp-info a[data-v-a7e66025]:hover{color:#4facfe;background:rgba(79,172,254,.1)}.explore-section[data-v-a7e66025]{padding:40px 0}.animation-showcase[data-v-a7e66025]{display:flex;flex-direction:column;gap:60px}.showcase-category[data-v-a7e66025]{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;transition:all .3s ease}.showcase-category[data-v-a7e66025]:hover{transform:translateY(-5px);box-shadow:0 20px 40px #667eea1a}.category-title[data-v-a7e66025]{font-size:1.8rem;margin-bottom:30px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.effects-grid[data-v-a7e66025],.interactive-grid[data-v-a7e66025],.visual-grid[data-v-a7e66025]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.effect-card[data-v-a7e66025],.interactive-card[data-v-a7e66025],.visual-card[data-v-a7e66025]{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:24px;transition:all .3s ease;overflow:hidden;position:relative}.effect-card[data-v-a7e66025]:hover,.interactive-card[data-v-a7e66025]:hover,.visual-card[data-v-a7e66025]:hover{transform:translateY(-8px);box-shadow:0 15px 35px #667eea33;border-color:#667eea4d}.effect-preview[data-v-a7e66025],.interactive-preview[data-v-a7e66025],.visual-preview[data-v-a7e66025]{height:120px;border-radius:12px;margin-bottom:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:relative}.particle-demo[data-v-a7e66025]{width:100%;height:100%;position:relative;overflow:hidden}.particle[data-v-a7e66025]{position:absolute;width:4px;height:4px;background:white;border-radius:50%;opacity:.8}.particle-1[data-v-a7e66025]{top:20%;left:10%;animation:twinkle-a7e66025 2s infinite}.particle-2[data-v-a7e66025]{top:30%;left:80%;animation:twinkle-a7e66025 2.5s infinite}.particle-3[data-v-a7e66025]{top:60%;left:20%;animation:twinkle-a7e66025 1.8s infinite}.particle-4[data-v-a7e66025]{top:80%;left:70%;animation:twinkle-a7e66025 2.2s infinite}.particle-5[data-v-a7e66025]{top:15%;left:50%;animation:twinkle-a7e66025 1.5s infinite}.particle-6[data-v-a7e66025]{top:70%;left:45%;animation:twinkle-a7e66025 2.8s infinite}.particle-7[data-v-a7e66025]{top:40%;left:30%;animation:twinkle-a7e66025 2.3s infinite}.particle-8[data-v-a7e66025]{top:50%;left:85%;animation:twinkle-a7e66025 1.9s infinite}@keyframes twinkle-a7e66025{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.starfield-animation .particle[data-v-a7e66025]{animation:starfield-a7e66025 3s infinite linear}@keyframes starfield-a7e66025{0%{transform:translateY(100px) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) scale(1);opacity:0}}.fireworks-animation .particle[data-v-a7e66025]{animation:firework-a7e66025 2s infinite ease-out}@keyframes firework-a7e66025{0%{transform:translate(0) scale(0);opacity:1}50%{transform:translate(var(--x, 30px),var(--y, -30px)) scale(1);opacity:1}to{transform:translate(var(--x, 30px),var(--y, -30px)) scale(0);opacity:0}}.energy-wave-animation .particle[data-v-a7e66025]{animation:energyWave-a7e66025 1.5s infinite ease-in-out}@keyframes energyWave-a7e66025{0%,to{transform:scale(1) rotate(0);opacity:.5}50%{transform:scale(2) rotate(180deg);opacity:1}}.interactive-demo[data-v-a7e66025]{width:80px;height:80px;background:rgba(255,255,255,.2);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;transition:all .3s ease;cursor:pointer}.hover-transform .interactive-demo[data-v-a7e66025]:hover{transform:rotateY(180deg) scale(1.1);background:rgba(255,255,255,.3)}.ripple-effect .interactive-demo[data-v-a7e66025]:hover{animation:ripple-a7e66025 .6s ease-out}@keyframes ripple-a7e66025{0%{box-shadow:0 0 #ffffff80}to{box-shadow:0 0 0 40px #fff0}}.magnetic-effect .interactive-demo[data-v-a7e66025]:hover{animation:magnetic-a7e66025 .8s ease-in-out}@keyframes magnetic-a7e66025{0%,to{transform:translate(0)}25%{transform:translate(5px,-5px)}50%{transform:translate(-5px,5px)}75%{transform:translate(-5px,-5px)}}.light-tracking .interactive-demo[data-v-a7e66025]:hover{box-shadow:0 0 30px #fffc;animation:glow-a7e66025 1s ease-in-out infinite alternate}@keyframes glow-a7e66025{0%{box-shadow:0 0 30px #fffc}to{box-shadow:0 0 50px #fff}}.visual-demo[data-v-a7e66025]{width:100%;height:100%;position:relative;overflow:hidden}.visual-content[data-v-a7e66025]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.visual-icon[data-v-a7e66025]{font-size:3rem;z-index:3}.visual-overlay[data-v-a7e66025]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.gradient-flow .visual-overlay[data-v-a7e66025]{background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57,#ff9ff3);background-size:400% 400%;animation:gradientFlow-a7e66025 4s ease infinite}@keyframes gradientFlow-a7e66025{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.geometric-morph .visual-overlay[data-v-a7e66025]{background:conic-gradient(from 0deg,#667eea,#764ba2,#667eea);animation:spin 3s linear infinite;clip-path:polygon(50% 0%,0% 100%,100% 100%);animation:morphShape-a7e66025 2s ease-in-out infinite alternate}@keyframes morphShape-a7e66025{0%{clip-path:polygon(50% 0%,0% 100%,100% 100%)}33%{clip-path:polygon(0% 0%,0% 100%,100% 100%)}66%{clip-path:polygon(0% 0%,0% 100%,100% 0%)}to{clip-path:polygon(50% 0%,0% 100%,100% 100%)}}.liquid-effect .visual-overlay[data-v-a7e66025]{background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),#4facfe 0%,transparent 50%);animation:liquid-a7e66025 3s ease-in-out infinite}@keyframes liquid-a7e66025{0%,to{--x: 50%;--y: 50%;transform:scale(1)}25%{--x: 30%;--y: 70%;transform:scale(1.1)}50%{--x: 70%;--y: 30%;transform:scale(.9)}75%{--x: 20%;--y: 80%;transform:scale(1.05)}}.hologram-effect .visual-overlay[data-v-a7e66025]{background:linear-gradient(90deg,transparent 0%,rgba(79,172,254,.3) 50%,transparent 100%);animation:hologram-a7e66025 2s linear infinite}@keyframes hologram-a7e66025{0%{transform:translate(-100%)}to{transform:translate(100%)}}.effect-info h4[data-v-a7e66025],.interactive-info h4[data-v-a7e66025],.visual-info h4[data-v-a7e66025]{color:#333;margin-bottom:8px;font-size:1.1rem;font-weight:600}.effect-info p[data-v-a7e66025],.interactive-info p[data-v-a7e66025],.visual-info p[data-v-a7e66025]{color:#666;font-size:.9rem;line-height:1.5;margin-bottom:12px}.nav-decorations[data-v-a7e66025]{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none;overflow:hidden}.floating-particle[data-v-a7e66025]{position:absolute;top:20%;width:4px;height:4px;background:rgba(102,126,234,.6);border-radius:50%;animation:floatParticle-a7e66025 4s ease-in-out infinite}@keyframes floatParticle-a7e66025{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-20px) scale(1.5);opacity:1}}.pulse-wave[data-v-a7e66025]{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.5),transparent);animation:pulseWave-a7e66025 3s ease-in-out infinite}@keyframes pulseWave-a7e66025{0%,to{transform:scaleX(0);opacity:0}50%{transform:scaleX(1);opacity:1}}.gradient-line[data-v-a7e66025]{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:gradientMove-a7e66025 4s linear infinite}@keyframes gradientMove-a7e66025{0%{background-position:-200% 0}to{background-position:200% 0}}.brand-container[data-v-a7e66025]{position:relative;display:flex;align-items:center;justify-content:center}.icon-halo[data-v-a7e66025]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:2px solid rgba(102,126,234,.3);border-radius:50%;animation:haloRotate-a7e66025 3s linear infinite}@keyframes haloRotate-a7e66025{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.2)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1)}}.brand-effects[data-v-a7e66025]{position:absolute;top:-10px;left:0;right:0;height:40px;pointer-events:none}.sparkle[data-v-a7e66025]{position:absolute;font-size:.8rem;opacity:0;animation:sparkleFloat-a7e66025 3s ease-in-out infinite var(--delay)}@keyframes sparkleFloat-a7e66025{0%,to{opacity:0;transform:translateY(0) rotate(0)}50%{opacity:1;transform:translateY(-15px) rotate(180deg)}}.menu-bg-effect[data-v-a7e66025]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-radius:25px;opacity:0;transition:opacity .3s ease}.nav-menu:hover .menu-bg-effect[data-v-a7e66025]{opacity:1}.nav-link[data-v-a7e66025]{position:relative;padding:8px 16px;overflow:hidden}.link-effect[data-v-a7e66025]{position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transform:translate(-50%);transition:width .3s ease}.nav-link:hover .link-effect[data-v-a7e66025],.nav-link.active .link-effect[data-v-a7e66025]{width:80%}.logout-btn[data-v-a7e66025]{position:relative;overflow:hidden}.btn-effect[data-v-a7e66025]{position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease}.logout-btn:hover .btn-effect[data-v-a7e66025]{width:100px;height:100px}.footer-decorations[data-v-a7e66025]{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none;overflow:hidden}.gradient-wave[data-v-a7e66025]{position:absolute;top:0;left:-100%;right:-100%;height:2px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.6),rgba(118,75,162,.6),transparent);animation:gradientWave-a7e66025 6s ease-in-out infinite}@keyframes gradientWave-a7e66025{0%,to{transform:translate(-50%) scaleX(.5);opacity:.3}50%{transform:translate(50%) scaleX(1.5);opacity:1}}.floating-orb[data-v-a7e66025]{position:absolute;top:30%;width:6px;height:6px;background:radial-gradient(circle,rgba(102,126,234,.8),transparent);border-radius:50%;animation:floatOrb-a7e66025 5s ease-in-out infinite}@keyframes floatOrb-a7e66025{0%,to{transform:translateY(0) scale(1);opacity:.8}25%{transform:translateY(-15px) scale(1.3);opacity:1}75%{transform:translateY(-8px) scale(.8);opacity:.6}}.wave-line-footer[data-v-a7e66025]{position:absolute;top:20%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.4),transparent);animation:waveFooter-a7e66025 4s ease-in-out infinite}@keyframes waveFooter-a7e66025{0%,to{transform:scaleY(1) translate(0)}50%{transform:scaleY(3) translate(20px)}}.sparkle-trail[data-v-a7e66025]{position:absolute;top:0;left:0;right:0;height:100%}.trail-dot[data-v-a7e66025]{position:absolute;top:60%;width:2px;height:2px;background:rgba(118,75,162,.6);border-radius:50%;animation:trailMove-a7e66025 6s ease-in-out infinite}@keyframes trailMove-a7e66025{0%,to{opacity:0;transform:translateY(0)}25%{opacity:1;transform:translateY(-10px)}75%{opacity:.5;transform:translateY(-5px)}}.copyright-container[data-v-a7e66025]{position:relative;display:flex;align-items:center;gap:8px;margin-bottom:8px}.copyright-icon[data-v-a7e66025]{animation:rotateIcon-a7e66025 4s ease-in-out infinite}.copyright-effect[data-v-a7e66025]{position:absolute;bottom:-2px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.5),transparent);animation:copyrightGlow-a7e66025 3s ease-in-out infinite}@keyframes copyrightGlow-a7e66025{0%,to{opacity:0;transform:scaleX(0)}50%{opacity:1;transform:scaleX(1)}}.icp-container[data-v-a7e66025]{position:relative;margin-bottom:12px}.icp-underline[data-v-a7e66025]{position:absolute;bottom:-2px;left:0;width:0;height:1px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.icp-info a:hover .icp-underline[data-v-a7e66025]{width:100%}.status-indicators[data-v-a7e66025]{display:flex;align-items:center;gap:8px;justify-content:center}.status-dot[data-v-a7e66025]{position:relative;width:8px;height:8px;background:#4ade80;border-radius:50%}.status-dot.active[data-v-a7e66025]{animation:statusPulse-a7e66025 2s ease-in-out infinite}.dot-pulse[data-v-a7e66025]{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:1px solid #4ade80;border-radius:50%;animation:dotPulse-a7e66025 2s ease-in-out infinite}@keyframes statusPulse-a7e66025{0%,to{opacity:1}50%{opacity:.6}}@keyframes dotPulse-a7e66025{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}.status-text[data-v-a7e66025]{font-size:.75rem;color:#9ca3af}.page-decorations[data-v-a7e66025]{position:relative;height:100px;margin-bottom:40px;overflow:hidden}.floating-geometry[data-v-a7e66025]{position:absolute;top:0;left:0;right:0;height:100%}.geo-shape[data-v-a7e66025]{position:absolute;top:20%;animation:geoFloat-a7e66025 6s ease-in-out infinite}.geo-shape.triangle[data-v-a7e66025]{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:14px solid rgba(102,126,234,.6)}.geo-shape.circle[data-v-a7e66025]{width:12px;height:12px;background:rgba(118,75,162,.6);border-radius:50%}.geo-shape.square[data-v-a7e66025]{width:10px;height:10px;background:rgba(102,126,234,.6);transform:rotate(45deg)}@keyframes geoFloat-a7e66025{0%,to{transform:translateY(0) rotate(0);opacity:.6}33%{transform:translateY(-20px) rotate(120deg);opacity:1}66%{transform:translateY(-10px) rotate(240deg);opacity:.8}}.aurora-effect[data-v-a7e66025]{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.aurora-layer[data-v-a7e66025]{position:absolute;top:0;left:-50%;right:-50%;height:100%;background:linear-gradient(90deg,transparent,hsla(var(--hue),70%,60%,.1),transparent);animation:auroraMove-a7e66025 8s ease-in-out infinite}@keyframes auroraMove-a7e66025{0%,to{transform:translate(-100%) skew(-15deg)}50%{transform:translate(100%) skew(15deg)}}.connection-animation[data-v-a7e66025]{position:relative;height:60px;margin:40px 0;display:flex;align-items:center}.connect-line[data-v-a7e66025]{position:relative;width:100%;height:2px;background:rgba(102,126,234,.2);border-radius:1px}.line-progress[data-v-a7e66025]{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1px;animation:lineProgress-a7e66025 4s ease-in-out infinite}@keyframes lineProgress-a7e66025{0%,to{width:0}50%{width:100%}}.connect-node[data-v-a7e66025]{position:absolute;top:50%;width:8px;height:8px;background:#667eea;border-radius:50%;transform:translateY(-50%);animation:nodeActivate-a7e66025 3s ease-in-out infinite}.node-pulse[data-v-a7e66025]{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:1px solid #667eea;border-radius:50%;animation:nodePulse-a7e66025 3s ease-in-out infinite}@keyframes nodeActivate-a7e66025{0%,to{background:rgba(102,126,234,.5);transform:translateY(-50%) scale(1)}50%{background:#667eea;transform:translateY(-50%) scale(1.3)}}@keyframes nodePulse-a7e66025{0%{transform:scale(1);opacity:1}to{transform:scale(2.5);opacity:0}}.explore-decorations[data-v-a7e66025]{position:relative;height:120px;margin-bottom:40px;overflow:hidden}.constellation[data-v-a7e66025]{position:absolute;top:0;left:0;right:0;height:100%}.star-point[data-v-a7e66025]{position:absolute;width:3px;height:3px;background:#fbbf24;border-radius:50%;animation:starTwinkle-a7e66025 3s ease-in-out infinite}.star-glow[data-v-a7e66025]{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:radial-gradient(circle,rgba(251,191,36,.6),transparent);border-radius:50%;animation:starGlow-a7e66025 3s ease-in-out infinite}@keyframes starTwinkle-a7e66025{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@keyframes starGlow-a7e66025{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(2);opacity:.8}}.constellation-line[data-v-a7e66025]{position:absolute;width:1px;height:1px;background:rgba(251,191,36,.4);animation:constellationLine 6s ease-in-out infinite}.constellation-line[data-v-a7e66025]:before{content:"";position:absolute;top:0;left:0;width:calc(var(--end-x) - var(--start-x));height:1px;background:linear-gradient(90deg,rgba(251,191,36,.4),transparent);transform-origin:left;animation:lineGrow-a7e66025 6s ease-in-out infinite}@keyframes lineGrow-a7e66025{0%,to{transform:scaleX(0)}50%{transform:scaleX(1)}}.energy-field[data-v-a7e66025]{position:absolute;top:0;left:0;right:0;bottom:0}.field-wave[data-v-a7e66025]{position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.3),transparent);animation:fieldWave-a7e66025 5s ease-in-out infinite}@keyframes fieldWave-a7e66025{0%,to{transform:translateY(-50%) scaleY(1);opacity:.3}50%{transform:translateY(-50%) scaleY(3);opacity:1}}.title-container[data-v-a7e66025]{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.title-decoration[data-v-a7e66025]{display:flex;align-items:center;gap:16px;margin-bottom:16px}.deco-line[data-v-a7e66025]{width:60px;height:1px;background:linear-gradient(90deg,transparent,#667eea,transparent);animation:decoGlow-a7e66025 3s ease-in-out infinite}.deco-line.left[data-v-a7e66025]{animation-delay:0s}.deco-line.right[data-v-a7e66025]{animation-delay:1.5s}@keyframes decoGlow-a7e66025{0%,to{opacity:.5;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.2)}}.deco-icon[data-v-a7e66025]{font-size:1.5rem;animation:iconFloat-a7e66025 4s ease-in-out infinite}@keyframes iconFloat-a7e66025{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(180deg)}}.title-underline[data-v-a7e66025]{position:relative;width:200px;height:2px;background:rgba(102,126,234,.2);border-radius:1px;margin-top:8px}.underline-progress[data-v-a7e66025]{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1px;animation:underlineProgress-a7e66025 4s ease-in-out infinite}@keyframes underlineProgress-a7e66025{0%,to{width:0}50%{width:100%}}.explore-stats[data-v-a7e66025]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px;margin-top:32px;padding:24px;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.1)}.stat-item[data-v-a7e66025]{text-align:center;padding:16px;border-radius:12px;background:rgba(255,255,255,.05);transition:transform .3s ease}.stat-item[data-v-a7e66025]:hover{transform:translateY(-5px)}.stat-number[data-v-a7e66025]{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label[data-v-a7e66025]{font-size:.9rem;color:#9ca3af;margin-bottom:12px}.stat-bar[data-v-a7e66025]{width:100%;height:4px;background:rgba(102,126,234,.2);border-radius:2px;overflow:hidden}.stat-progress[data-v-a7e66025]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;animation:statProgress-a7e66025 2s ease-out}@keyframes statProgress-a7e66025{0%{width:0}}.main-info-row[data-v-a7e66025]{display:flex;align-items:center;gap:16px;font-size:.9rem;color:#e2e8f0;height:28px;justify-content:center}.copyright-section[data-v-a7e66025]{position:relative;display:flex;align-items:center;gap:8px}.copyright-icon[data-v-a7e66025]{font-size:1rem;animation:sparkle-a7e66025 4s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(102,126,234,.4))}@keyframes sparkle-a7e66025{0%,to{opacity:.8;transform:scale(1) rotate(0);filter:drop-shadow(0 0 4px rgba(102,126,234,.4))}25%{opacity:1;transform:scale(1.15) rotate(5deg);filter:drop-shadow(0 0 8px rgba(102,126,234,.8))}50%{opacity:.9;transform:scale(1.1) rotate(-3deg);filter:drop-shadow(0 0 6px rgba(118,75,162,.6))}75%{opacity:1;transform:scale(1.2) rotate(3deg);filter:drop-shadow(0 0 10px rgba(102,126,234,.9))}}.copyright-text[data-v-a7e66025]{font-weight:600;color:#f8fafc;font-size:.85rem;text-shadow:0 1px 2px rgba(0,0,0,.3);animation:textGlow-a7e66025 6s ease-in-out infinite}@keyframes textGlow-a7e66025{0%,to{color:#f8fafc;text-shadow:0 1px 2px rgba(0,0,0,.3)}50%{color:#fff;text-shadow:0 0 8px rgba(102,126,234,.3),0 1px 2px rgba(0,0,0,.3)}}.divider-dot[data-v-a7e66025]{color:#667eeab3;font-weight:700;font-size:.9rem;animation:pulse-a7e66025 3s ease-in-out infinite}@keyframes pulse-a7e66025{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.icp-section[data-v-a7e66025]{position:relative}.icp-link[data-v-a7e66025]{color:#cbd5e1;text-decoration:none;transition:all .3s ease;position:relative;font-size:.8rem}.icp-link[data-v-a7e66025]:hover{color:#667eea;text-shadow:0 0 6px rgba(102,126,234,.4);transform:translateY(-1px)}.icp-text[data-v-a7e66025]{font-size:.8rem;font-weight:500}.status-section[data-v-a7e66025]{display:flex;align-items:center;gap:6px}.status-text[data-v-a7e66025]{font-size:.8rem;color:#cbd5e1;font-weight:500;animation:statusBreathe-a7e66025 4s ease-in-out infinite}@keyframes statusBreathe-a7e66025{0%,to{color:#cbd5e1;text-shadow:none}50%{color:#34d399;text-shadow:0 0 4px rgba(52,211,153,.3)}}@media (max-width: 768px){.nav-decorations .floating-particle[data-v-a7e66025],.brand-effects[data-v-a7e66025]{display:none}.page-decorations[data-v-a7e66025]{height:60px}.floating-geometry .geo-shape[data-v-a7e66025]{transform:scale(.8)}.connection-animation[data-v-a7e66025]{height:40px}.explore-decorations[data-v-a7e66025]{height:80px}.constellation .star-point[data-v-a7e66025]{transform:scale(.8)}.explore-stats[data-v-a7e66025]{grid-template-columns:1fr;gap:16px;padding:16px}.footer-decorations .floating-orb[data-v-a7e66025]{display:none}.main-info-row[data-v-a7e66025]{gap:12px;font-size:.8rem}.copyright-text[data-v-a7e66025]{font-size:.75rem}.icp-text[data-v-a7e66025],.status-text[data-v-a7e66025]{font-size:.7rem}}@media (max-width: 480px){.title-decoration[data-v-a7e66025]{gap:8px}.deco-line[data-v-a7e66025]{width:30px}.explore-stats .stat-number[data-v-a7e66025]{font-size:1.5rem}.main-info-row[data-v-a7e66025]{flex-direction:column;gap:4px;height:auto;font-size:.75rem}.divider-dot[data-v-a7e66025]{display:none}.copyright-text[data-v-a7e66025]{font-size:.7rem}.icp-text[data-v-a7e66025],.status-text[data-v-a7e66025]{font-size:.65rem}}.particle-system[data-v-a7e66025]{position:relative;overflow:hidden}.particle[data-v-a7e66025]{position:absolute;width:4px;height:4px;border-radius:50%;animation:particleFloat-a7e66025 4s infinite ease-in-out}@keyframes particleFloat-a7e66025{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-30px) scale(1.2);opacity:1}}.dna-helix[data-v-a7e66025]{position:relative;overflow:hidden}.helix-strand[data-v-a7e66025]{position:absolute;width:2px;height:100%;background:linear-gradient(to bottom,#4facfe,#00f2fe);border-radius:1px;animation:helixRotate-a7e66025 3s infinite linear}.strand-1[data-v-a7e66025]{left:30%;transform-origin:center}.strand-2[data-v-a7e66025]{right:30%;transform-origin:center;animation-delay:1.5s}.helix-base[data-v-a7e66025]{position:absolute;width:60%;height:2px;background:rgba(79,172,254,.6);left:20%;border-radius:1px;animation:baseFloat-a7e66025 2.4s infinite ease-in-out}@keyframes helixRotate-a7e66025{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes baseFloat-a7e66025{0%,to{transform:translateY(0) scaleX(1);opacity:.6}50%{transform:translateY(-10px) scaleX(1.2);opacity:1}}.interactive-cards[data-v-a7e66025]{margin:80px 0}.cards-grid[data-v-a7e66025]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:40px}.interactive-card[data-v-a7e66025]{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:32px;text-align:center;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.interactive-card[data-v-a7e66025]:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0003;border-color:#ffffff4d}.card-icon[data-v-a7e66025]{font-size:3rem;margin-bottom:16px;display:block}.interactive-card h3[data-v-a7e66025]{color:#fff;margin-bottom:12px;font-size:1.4rem}.interactive-card p[data-v-a7e66025]{color:#fffc;margin-bottom:20px}.hover-indicator[data-v-a7e66025]{position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.hover-indicator.active[data-v-a7e66025]{transform:scaleX(1)}.color-cycle[data-v-a7e66025]{transition:all .5s ease}.color-dots[data-v-a7e66025]{display:flex;justify-content:center;gap:8px;margin-top:16px}.color-dot[data-v-a7e66025]{width:16px;height:16px;border-radius:50%;transition:all .3s ease;opacity:.5}.color-dot.active[data-v-a7e66025]{opacity:1;transform:scale(1.3);box-shadow:0 0 15px currentColor}.pulse-rings[data-v-a7e66025]{position:relative;display:flex;justify-content:center;align-items:center;height:60px}.pulse-ring[data-v-a7e66025]{position:absolute;width:40px;height:40px;border:2px solid #ff6b6b;border-radius:50%;animation:pulseExpand-a7e66025 2s infinite ease-out}@keyframes pulseExpand-a7e66025{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}.typing-text[data-v-a7e66025]{font-family:Courier New,monospace;font-size:1.2rem;min-height:1.5em;color:#4facfe}.cursor-blink[data-v-a7e66025]{display:inline-block;color:#4facfe;animation:blink-a7e66025 1s infinite}@keyframes blink-a7e66025{0%,50%{opacity:1}51%,to{opacity:0}}.data-visualization[data-v-a7e66025]{margin:80px 0}.viz-grid[data-v-a7e66025]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-top:40px}.viz-card[data-v-a7e66025]{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:32px;text-align:center}.viz-card h3[data-v-a7e66025]{color:#fff;margin-bottom:24px;font-size:1.3rem}.progress-ring[data-v-a7e66025]{position:relative;display:inline-block}.progress-svg[data-v-a7e66025]{transform:rotate(-90deg)}.progress-bg[data-v-a7e66025]{fill:none;stroke:#ffffff1a;stroke-width:8}.progress-bar[data-v-a7e66025]{fill:none;stroke:url(#progressGradient);stroke-width:8;stroke-dasharray:314;stroke-linecap:round;transition:stroke-dashoffset .3s ease}.progress-text[data-v-a7e66025]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.5rem;font-weight:700}.waveform[data-v-a7e66025]{display:flex;align-items:end;justify-content:center;height:80px;gap:3px}.wave-bar[data-v-a7e66025]{width:8px;background:linear-gradient(to top,#4facfe,#00f2fe);border-radius:4px;animation:waveUp-a7e66025 2s infinite ease-in-out}@keyframes waveUp-a7e66025{0%,to{height:20%}50%{height:80%}}.radar-chart[data-v-a7e66025]{position:relative;width:120px;height:120px;margin:0 auto}.radar-grid[data-v-a7e66025]{position:absolute;width:100%;height:100%}.radar-line[data-v-a7e66025]{position:absolute;width:1px;height:50%;background:rgba(255,255,255,.3);left:50%;top:50%;transform-origin:bottom center}.radar-point[data-v-a7e66025]{position:absolute;left:50%;top:50%;transform-origin:center;transition:all .5s ease}.point-dot[data-v-a7e66025]{width:8px;height:8px;background:#ff6b6b;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #ff6b6b}.creative-components[data-v-a7e66025]{margin:80px 0}.components-grid[data-v-a7e66025]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto}.component-card[data-v-a7e66025]{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:30px;text-align:center;transition:all .3s ease;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.component-card[data-v-a7e66025]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #4facfe4d}.component-card h3[data-v-a7e66025]{margin-top:20px;color:#ffffffe6;font-size:1.1rem;font-weight:500}.mini-clock[data-v-a7e66025]{text-align:center}.mini-time[data-v-a7e66025]{font-size:1.8rem;font-weight:700;color:#4facfe;font-family:Courier New,monospace;text-shadow:0 0 10px rgba(79,172,254,.5);margin-bottom:8px}.mini-date[data-v-a7e66025]{font-size:.9rem;color:#ffffffb3}.cube-container[data-v-a7e66025]{perspective:300px;width:120px;height:120px;margin:0 auto}.cube[data-v-a7e66025]{position:relative;width:120px;height:120px;transform-style:preserve-3d;animation:rotateCube-a7e66025 6s infinite linear}.face[data-v-a7e66025]{position:absolute;width:120px;height:120px;display:flex;align-items:center;justify-content:center;font-size:2rem;border:2px solid rgba(255,255,255,.3);border-radius:8px}.front[data-v-a7e66025]{transform:rotateY(0) translateZ(60px);background:rgba(255,107,107,.8)}.back[data-v-a7e66025]{transform:rotateY(180deg) translateZ(60px);background:rgba(79,172,254,.8)}.right[data-v-a7e66025]{transform:rotateY(90deg) translateZ(60px);background:rgba(240,147,251,.8)}.left[data-v-a7e66025]{transform:rotateY(-90deg) translateZ(60px);background:rgba(67,233,123,.8)}.top[data-v-a7e66025]{transform:rotateX(90deg) translateZ(60px);background:rgba(102,126,234,.8)}.bottom[data-v-a7e66025]{transform:rotateX(-90deg) translateZ(60px);background:rgba(255,159,64,.8)}@keyframes rotateCube-a7e66025{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}.equalizer[data-v-a7e66025]{display:flex;justify-content:center;align-items:end;height:80px;gap:4px}.bar[data-v-a7e66025]{width:8px;height:20px;background:linear-gradient(to top,#667eea,#764ba2);border-radius:4px;animation:equalizerBounce-a7e66025 1.5s ease-in-out infinite}@keyframes equalizerBounce-a7e66025{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.rainbow-loader[data-v-a7e66025]{display:flex;justify-content:center;gap:8px}.rainbow-circle[data-v-a7e66025]{width:16px;height:16px;border-radius:50%;animation:rainbowBounce-a7e66025 1.4s ease-in-out infinite both}.rainbow-circle[data-v-a7e66025]:nth-child(1){background:#ff6b6b}.rainbow-circle[data-v-a7e66025]:nth-child(2){background:#4ecdc4}.rainbow-circle[data-v-a7e66025]:nth-child(3){background:#45b7d1}.rainbow-circle[data-v-a7e66025]:nth-child(4){background:#96ceb4}.rainbow-circle[data-v-a7e66025]:nth-child(5){background:#ffeaa7}.rainbow-circle[data-v-a7e66025]:nth-child(6){background:#dda0dd}@keyframes rainbowBounce-a7e66025{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.electric-effect[data-v-a7e66025]{width:120px;height:80px;position:relative;background:radial-gradient(circle,rgba(79,172,254,.2) 0%,transparent 70%)}.electric-line[data-v-a7e66025]{position:absolute;width:100%;height:2px;background:linear-gradient(90deg,transparent,#4facfe,transparent);top:50%;transform:translateY(-50%);animation:electricFlow-a7e66025 2s linear infinite}@keyframes electricFlow-a7e66025{0%{left:-100%;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}.magic-circle[data-v-a7e66025]{position:relative;width:100px;height:100px;margin:0 auto}.circle-ring[data-v-a7e66025]{position:absolute;border:2px solid;border-radius:50%;animation:magicRotate-a7e66025 3s linear infinite}.circle-ring[data-v-a7e66025]:nth-child(1){width:100px;height:100px;border-color:#ff6b6b;top:0;left:0}.circle-ring[data-v-a7e66025]:nth-child(2){width:80px;height:80px;border-color:#4facfe;top:10px;left:10px}.circle-ring[data-v-a7e66025]:nth-child(3){width:60px;height:60px;border-color:#43e97b;top:20px;left:20px}.circle-ring[data-v-a7e66025]:nth-child(4){width:40px;height:40px;border-color:#f093fb;top:30px;left:30px}.circle-center[data-v-a7e66025]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;animation:pulse-a7e66025 2s ease-in-out infinite}@keyframes magicRotate-a7e66025{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glow-button-container[data-v-a7e66025]{position:relative}.glow-button[data-v-a7e66025]{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:25px;padding:12px 24px;color:#fff;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.glow-button[data-v-a7e66025]:hover{transform:scale(1.05);box-shadow:0 0 25px #667eea99}.button-glow[data-v-a7e66025]{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:scale(0);border-radius:50%;transition:transform .6s ease}.glow-button:active .button-glow[data-v-a7e66025]{transform:scale(1)}.heartbeat-monitor[data-v-a7e66025]{display:flex;flex-direction:column;align-items:center;gap:15px}.heartbeat-line[data-v-a7e66025]{display:flex;gap:4px;height:40px;align-items:center}.beat-dot[data-v-a7e66025]{width:4px;height:4px;background:#ff6b6b;border-radius:50%;animation:heartbeat-a7e66025 1.5s ease-in-out infinite}.heart-icon[data-v-a7e66025]{font-size:1.5rem;animation:heartPulse-a7e66025 1.5s ease-in-out infinite}@keyframes heartbeat-a7e66025{0%,to{transform:scaleY(1)}25%{transform:scaleY(3)}50%{transform:scaleY(.5)}75%{transform:scaleY(2)}}@keyframes heartPulse-a7e66025{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.gravity-particles[data-v-a7e66025]{position:relative;width:120px;height:120px;margin:0 auto}.particle[data-v-a7e66025]{position:absolute;width:6px;height:6px;border-radius:50%;animation:gravityOrbit-a7e66025 4s linear infinite}.gravity-center[data-v-a7e66025]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;animation:gravityPulse-a7e66025 2s ease-in-out infinite}@keyframes gravityOrbit-a7e66025{0%{transform:rotate(0) translate(50px) rotate(0)}to{transform:rotate(360deg) translate(50px) rotate(-360deg)}}@keyframes gravityPulse-a7e66025{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.3)}}.clock-container[data-v-a7e66025]{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:800px;margin:40px auto;align-items:center}.digital-clock[data-v-a7e66025]{text-align:center;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:40px}.time-display[data-v-a7e66025]{font-size:3rem;font-weight:700;color:#4facfe;font-family:Courier New,monospace;text-shadow:0 0 20px rgba(79,172,254,.5);margin-bottom:16px;letter-spacing:2px}.date-display[data-v-a7e66025]{font-size:1.2rem;color:#fffc;font-weight:300}.analog-clock[data-v-a7e66025]{display:flex;justify-content:center;align-items:center}.clock-face[data-v-a7e66025]{position:relative;width:200px;height:200px;border:4px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.clock-center[data-v-a7e66025]{position:absolute;top:50%;left:50%;width:12px;height:12px;background:#ff6b6b;border-radius:50%;transform:translate(-50%,-50%);z-index:3;box-shadow:0 0 10px #ff6b6b}.hour-hand[data-v-a7e66025],.minute-hand[data-v-a7e66025],.second-hand[data-v-a7e66025]{position:absolute;bottom:50%;left:50%;transform-origin:bottom center;border-radius:2px}.hour-hand[data-v-a7e66025]{width:6px;height:60px;background:linear-gradient(to top,#667eea,#764ba2);margin-left:-3px;z-index:2}.minute-hand[data-v-a7e66025]{width:4px;height:80px;background:linear-gradient(to top,#4facfe,#00f2fe);margin-left:-2px;z-index:2}.second-hand[data-v-a7e66025]{width:2px;height:90px;background:#ff6b6b;margin-left:-1px;z-index:3;transition:transform .1s ease-out}.hour-marker[data-v-a7e66025]{position:absolute;width:4px;height:15px;background:rgba(255,255,255,.6);left:50%;top:50%;margin-left:-2px;transform-origin:center 45px;border-radius:2px}@media (max-width: 768px){.login-card[data-v-a7e66025]{padding:32px;margin:16px}.nav-container[data-v-a7e66025]{padding:0 16px}.nav-menu[data-v-a7e66025]{gap:16px;font-size:.9rem}.main-content[data-v-a7e66025]{padding:24px 16px}.hero[data-v-a7e66025]{grid-template-columns:1fr;text-align:center;gap:32px}.hero-title[data-v-a7e66025]{font-size:2.5rem;flex-direction:column;gap:8px}.hero-tags[data-v-a7e66025]{gap:16px;justify-content:center}.hero-tag[data-v-a7e66025]{font-size:.9rem;padding:10px 20px}.posts-grid[data-v-a7e66025],.java-topics[data-v-a7e66025]{grid-template-columns:1fr}.topic-header[data-v-a7e66025]{flex-direction:column;align-items:flex-start;gap:12px}.site-info[data-v-a7e66025]{flex-direction:column;text-align:center}.tech-grid[data-v-a7e66025]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.demo-grid[data-v-a7e66025]{grid-template-columns:1fr}.footer-content[data-v-a7e66025]{flex-direction:column;gap:16px;text-align:center}.footer-links[data-v-a7e66025]{justify-content:center}}@media (max-width: 768px){.login-card[data-v-a7e66025]{padding:48px 32px;transform:scale(1);max-width:90%}.site-title[data-v-a7e66025]{font-size:2.8rem}.logo-icon[data-v-a7e66025]{font-size:3.5rem}.site-description[data-v-a7e66025]{font-size:1.2rem}.welcome-message h2[data-v-a7e66025]{font-size:2rem}.welcome-message p[data-v-a7e66025]{font-size:1.1rem}.login-btn[data-v-a7e66025]{padding:18px 48px;font-size:1.3rem}.footer-info[data-v-a7e66025]{padding:12px 0}.icp-info[data-v-a7e66025]{font-size:.8rem}.floating-shape[data-v-a7e66025]{opacity:.6}}@media (max-width: 480px){.login-card[data-v-a7e66025]{padding:36px 24px;transform:scale(.95)}.site-title[data-v-a7e66025]{font-size:2.2rem}.logo-icon[data-v-a7e66025]{font-size:3rem}.site-description[data-v-a7e66025]{font-size:1rem}.welcome-message h2[data-v-a7e66025]{font-size:1.8rem}.welcome-message p[data-v-a7e66025]{font-size:1rem}.login-btn[data-v-a7e66025]{padding:16px 40px;font-size:1.2rem}.icp-info[data-v-a7e66025]{font-size:.75rem;padding:0 20px}.floating-shape[data-v-a7e66025]{opacity:.4}.shape-1[data-v-a7e66025],.shape-2[data-v-a7e66025],.shape-3[data-v-a7e66025],.shape-4[data-v-a7e66025],.shape-5[data-v-a7e66025]{transform:scale(.7)}.hero-title[data-v-a7e66025],.section-title[data-v-a7e66025]{font-size:2rem}.demo-card[data-v-a7e66025]{margin:0 auto;max-width:400px}.tech-item[data-v-a7e66025]{padding:16px}.tech-icon[data-v-a7e66025]{font-size:1.5rem}.effects-grid[data-v-a7e66025]{grid-template-columns:1fr}.effect-preview[data-v-a7e66025]{width:100px;height:100px}.cards-grid[data-v-a7e66025],.viz-grid[data-v-a7e66025]{grid-template-columns:1fr}.interactive-card[data-v-a7e66025],.viz-card[data-v-a7e66025]{padding:24px}.components-grid[data-v-a7e66025]{grid-template-columns:1fr;gap:20px}.component-card[data-v-a7e66025]{padding:20px;min-height:150px}.mini-time[data-v-a7e66025]{font-size:1.5rem}.cube-container[data-v-a7e66025],.cube[data-v-a7e66025],.face[data-v-a7e66025]{width:100px;height:100px}.face[data-v-a7e66025]{font-size:1.5rem}.footer-center[data-v-a7e66025]{padding:0 20px}}