:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100%;min-height:100vh}#app{width:100%;margin:0 auto;padding:0}.landing-container[data-v-6f3935db]{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;background-color:#f8fafc;color:#1e293b;font-family:Inter,system-ui,-apple-system,sans-serif}.background-shapes[data-v-6f3935db]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.shape[data-v-6f3935db]{position:absolute;filter:blur(80px);opacity:.6;animation:float-6f3935db 20s infinite ease-in-out}.shape-1[data-v-6f3935db]{width:500px;height:500px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);top:-100px;left:-100px;border-radius:50%;animation-delay:0s}.shape-2[data-v-6f3935db]{width:400px;height:400px;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);bottom:-50px;right:-50px;border-radius:40% 60% 70% 30%/40% 50% 60%;animation-delay:-5s}.shape-3[data-v-6f3935db]{width:300px;height:300px;background:linear-gradient(135deg,#ccfbf1,#99f6e4);top:40%;left:60%;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation-delay:-10s}@keyframes float-6f3935db{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.main-content[data-v-6f3935db]{position:relative;z-index:10;width:100%;max-width:1200px;margin:0 auto;padding:4rem 1.5rem 8rem;display:flex;flex-direction:column;align-items:center}.hero-card[data-v-6f3935db]{padding:3rem 4rem;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px #0000000d;text-align:center;margin-bottom:4rem;width:100%;max-width:800px;transition:transform .3s ease}.hero-card[data-v-6f3935db]:hover{transform:translateY(-2px)}.main-title[data-v-6f3935db]{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.subtitle[data-v-6f3935db]{font-size:1.125rem;color:#64748b;font-weight:400}.articles-section[data-v-6f3935db]{width:100%;display:flex;flex-direction:column;align-items:center}.section-title[data-v-6f3935db]{font-size:1.5rem;font-weight:600;color:#334155;margin-bottom:2rem;position:relative;display:inline-block}.section-title[data-v-6f3935db]:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:40px;height:3px;background:#cbd5e1;border-radius:2px}.articles-grid[data-v-6f3935db]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%}.article-card[data-v-6f3935db]{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000000d}.article-card[data-v-6f3935db]:hover{background:#ffffffe6;transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.article-meta[data-v-6f3935db]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.875rem}.category[data-v-6f3935db]{color:#3b82f6;font-weight:600;background:#eff6ff;padding:.25rem .5rem;border-radius:6px}.date[data-v-6f3935db]{color:#94a3b8}.article-title[data-v-6f3935db]{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.75rem;line-height:1.4}.article-snippet[data-v-6f3935db]{font-size:.95rem;color:#64748b;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.footer[data-v-6f3935db]{width:100%;text-align:center;padding:2rem 0;margin-top:auto;position:relative;z-index:10}.icp-link[data-v-6f3935db]{color:#94a3b8;text-decoration:none;font-size:.875rem;transition:color .2s ease;padding:.5rem 1rem;border-radius:9999px;background:#ffffff80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.icp-link[data-v-6f3935db]:hover{color:#475569;background:#fffc}.modal-overlay[data-v-6f3935db]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a33;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;justify-content:center;align-items:center;padding:2rem}.modal-content[data-v-6f3935db]{background:#fff;width:100%;max-width:800px;height:auto;max-height:90vh;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;position:relative;overflow-y:auto;animation:modalSlideIn-6f3935db .3s ease-out}.close-btn[data-v-6f3935db]{position:absolute;top:1.5rem;right:1.5rem;background:#f1f5f9;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s;z-index:10}.close-btn[data-v-6f3935db]:hover{background:#e2e8f0;color:#1e293b;transform:rotate(90deg)}.article-detail[data-v-6f3935db]{padding:3rem}.article-header[data-v-6f3935db]{margin-bottom:2rem;border-bottom:1px solid #e2e8f0;padding-bottom:2rem}.category-tag[data-v-6f3935db]{display:inline-block;color:#3b82f6;font-weight:600;font-size:.875rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.article-date[data-v-6f3935db]{display:block;color:#94a3b8;font-size:.875rem;margin-bottom:1rem}.detail-title[data-v-6f3935db]{font-size:2rem;font-weight:800;color:#1e293b;line-height:1.3}.article-body[data-v-6f3935db]{color:#334155;line-height:1.8;font-size:1.1rem}.article-body[data-v-6f3935db] h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin-top:2.5rem;margin-bottom:1rem}.article-body[data-v-6f3935db] h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin-top:2rem;margin-bottom:.75rem}.article-body[data-v-6f3935db] p{margin-bottom:1.5rem}.fade-enter-active[data-v-6f3935db],.fade-leave-active[data-v-6f3935db]{transition:opacity .3s ease}.fade-enter-from[data-v-6f3935db],.fade-leave-to[data-v-6f3935db]{opacity:0}@keyframes modalSlideIn-6f3935db{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.main-content[data-v-6f3935db]{padding:3rem 1rem 6rem}.hero-card[data-v-6f3935db]{padding:2.5rem 1.5rem}.main-title[data-v-6f3935db]{font-size:1.75rem}.modal-overlay[data-v-6f3935db]{padding:0;align-items:flex-end}.modal-content[data-v-6f3935db]{max-height:85vh;border-bottom-left-radius:0;border-bottom-right-radius:0}.article-detail[data-v-6f3935db]{padding:2rem 1.5rem}.detail-title[data-v-6f3935db]{font-size:1.5rem}}