@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Noto+Sans+TC:wght@300;400;500;700;900&display=swap";
:root{--bg-main:#060913;--bg-sub:#0d1222;--bg-card:#0d142673;--text-main:#f8fafc;--text-sub:#94a3b8;--border:#ffffff12;--border-hover:#6366f166;--navbar-bg:#060913b3;--primary:#6366f1;--primary-hover:#4f46e5;--primary-glow:#6366f140;--accent:#a855f7;--shadow-card:0 10px 30px -10px #00000080,0 1px 3px #ffffff0d;--shadow-hover:0 20px 40px -10px #6366f126,0 0 20px #a855f71a;--icon-bg:#6366f11f;--grid-color:#ffffff06;--glow-color-1:#6366f10d;--glow-color-2:#a855f70d;--partner-card-bg:#ffffff05;--partner-card-border:#ffffff0d}[data-theme=light]{--bg-main:#f8fafc;--bg-sub:#f1f5f9;--bg-card:#ffffffbf;--text-main:#0f172a;--text-sub:#475569;--border:#0f172a14;--border-hover:#6366f14d;--navbar-bg:#f8fafcb3;--primary:#4f46e5;--primary-hover:#3730a3;--primary-glow:#4f46e526;--accent:#7c3aed;--shadow-card:0 10px 35px -10px #0000000d,0 1px 3px #00000005;--shadow-hover:0 20px 45px -10px #4f46e51f,0 4px 15px #4f46e50d;--icon-bg:#4f46e512;--grid-color:#0f172a05;--glow-color-1:#4f46e508;--glow-color-2:#7c3aed08;--partner-card-bg:#0f172a05;--partner-card-border:#0f172a0d}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .4s,border-color .4s,box-shadow .4s}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Outfit,Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.grid-overlay{background-image:linear-gradient(var(--grid-color)1px,transparent 1px),linear-gradient(90deg,var(--grid-color)1px,transparent 1px);pointer-events:none;z-index:0;background-position:50%;background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 40%,#0000 80%);mask-image:radial-gradient(#000 40%,#0000 80%)}.glow-spot-1{background:radial-gradient(circle,var(--glow-color-1)0%,transparent 70%);filter:blur(40px);pointer-events:none;z-index:0;width:40vw;height:40vw;position:absolute;top:15%;left:10%}.glow-spot-2{background:radial-gradient(circle,var(--glow-color-2)0%,transparent 70%);filter:blur(45px);pointer-events:none;z-index:0;width:45vw;height:45vw;position:absolute;bottom:20%;right:10%}.navbar{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:.8rem 0;transition:all .3s;background-color:var(--navbar-bg)!important}.nav-link{font-size:.95rem;font-weight:500;transition:color .3s;position:relative;color:var(--text-sub)!important}.nav-link:hover{color:var(--text-main)!important}.nav-link:after{content:"";background:linear-gradient(90deg,var(--primary),var(--accent));width:0;height:2px;transition:all .3s;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.nav-link:hover:after{width:80%}.nav-link.active:after{background:linear-gradient(90deg,var(--primary),var(--accent));width:80%}.nav-link.active{color:var(--text-main)!important}.hero-section{padding:160px 0 100px;position:relative;overflow:hidden}.hero-title{letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-main)40%,var(--primary)70%,var(--accent)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:4.5rem;font-weight:800;line-height:1.15}@media (max-width:991.98px){.hero-title{font-size:3rem}}.badge-custom{color:var(--primary);letter-spacing:.05em;background:linear-gradient(135deg,#6366f11a 0%,#a855f71a 100%);border:1px solid #6366f133;border-radius:100px;align-items:center;margin-bottom:24px;padding:8px 20px;font-size:.85rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--primary)0%,var(--accent)100%);box-shadow:0 4px 15px var(--primary-glow);border:none;border-radius:10px;padding:12px 32px;font-weight:600;color:#fff!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover)0%,var(--primary)100%);box-shadow:0 8px 25px var(--primary-glow);transform:translateY(-2px)}.btn-outline{border:1px solid var(--border);color:var(--text-main);background:0 0;border-radius:10px;padding:12px 32px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-outline:hover{background:var(--bg-sub);border-color:var(--primary);color:var(--text-main);transform:translateY(-2px)}.theme-toggle-btn{border:1px solid var(--border);color:var(--text-main);cursor:pointer;background:0 0;border-radius:10px;outline:none;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.theme-toggle-btn:hover{border-color:var(--primary);background:var(--bg-sub);color:var(--primary)}.feature-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:24px;padding:35px;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover);transform:translateY(-6px)}.border-hover{transition:all .4s cubic-bezier(.4,0,.2,1)}.border-hover:hover{border-color:var(--primary)}.icon-box{background-color:var(--icon-bg);width:52px;height:52px;color:var(--primary);border-radius:14px;justify-content:center;align-items:center;margin-bottom:24px;transition:all .3s;display:flex}.feature-card:hover .icon-box{background:linear-gradient(135deg,var(--primary)0%,var(--accent)100%);color:#fff;box-shadow:0 4px 15px var(--primary-glow);transform:scale(1.08)rotate(3deg)}.partner-section{background-color:#0b0f19;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:100px 0;position:relative}.partner-section h2{color:#f8fafc!important}.partner-section .text-sub{color:#94a3b8!important}.partner-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;padding:2.5rem;transition:all .4s}.partner-card:hover{background:#ffffff0f;border-color:#6366f166;transform:translateY(-4px);box-shadow:0 20px 40px -10px #6366f140}.partner-logo{object-fit:contain;max-width:250px;max-height:90px;transition:all .4s}.partner-name{letter-spacing:.05em;margin-top:1.2rem;font-size:1.15rem;font-weight:700;color:#f8fafc!important}.footer{background-color:var(--bg-sub);border-top:1px solid var(--border);color:var(--text-sub);padding:80px 0 30px}.footer-logo-title{color:var(--text-main);letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.footer-link{color:var(--text-sub);transition:color .3s,padding-left .3s;display:inline-block}.footer-link:hover{color:var(--primary);padding-left:4px}.text-main{color:var(--text-main)!important}.text-sub{color:var(--text-sub)!important}.bg-sub-light{background-color:var(--bg-sub)}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:700}h2{letter-spacing:-.02em;font-size:2.5rem}.fw-extrabold{font-weight:800}.legal-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:28px;padding:50px}@media (max-width:575.98px){.legal-card{padding:30px 20px}}