@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes slide-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.page-container{background-color:#0b0b0e;background-image:radial-gradient(circle at 20%,#7c3aed26 0%,#0000 50%),radial-gradient(circle at 80% 80%,#0d94881a 0%,#0000 50%),radial-gradient(circle at 40% 20%,#7c3aed14 0%,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex;position:relative;overflow:hidden}@media (prefers-color-scheme:light){.page-container{background-color:#fff;background-image:radial-gradient(circle at 20%,#7c3aed0d 0%,#0000 50%),radial-gradient(circle at 80% 80%,#0d94880a 0%,#0000 50%),radial-gradient(circle at 40% 20%,#7c3aed08 0%,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}}.page-container:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#7c3aed08 50%,#0000),linear-gradient(#0000,#0d948808 50%,#0000);animation:20s infinite shimmer;position:absolute;inset:0}.page-wrapper{z-index:10;width:100%;max-width:1400px;animation:.8s ease-out slide-in;position:relative}.page-content{text-align:center;flex-direction:column;gap:64px;display:flex}.page-header{flex-direction:column;gap:20px;animation:.6s ease-out slide-in;display:flex}.page-title{letter-spacing:-.02em;background:linear-gradient(135deg,#7c3aed 0%,#0d9488 50%,#7c3aed 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;text-shadow:0 0 40px #7c3aed4d,0 0 80px #7c3aed33;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(48px,8vw,96px);font-weight:800;animation:8s infinite gradient-shift,3s ease-in-out infinite glow;position:relative}.page-title:after{content:"";background:linear-gradient(135deg,#7c3aed 0%,#0d9488 100%);-webkit-text-fill-color:transparent;filter:blur(20px);opacity:.5;z-index:-1;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.page-subtitle{color:#e5e7eb;letter-spacing:.01em;opacity:.9;margin:0;font-size:clamp(18px,2.5vw,28px);font-weight:500}@media (prefers-color-scheme:light){.page-subtitle{color:#6b7280}}.page-features{grid-template-columns:1fr;gap:24px;margin-top:48px;animation:.8s ease-out .2s both slide-in;display:grid}@media (min-width:768px){.page-features{grid-template-columns:repeat(3,1fr);gap:32px}}.page-card{-webkit-backdrop-filter:blur(16px);cursor:pointer;background:linear-gradient(#ffffff0f 0%,#ffffff05 100%);border:1px solid #7c3aed33;border-radius:24px;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}@media (prefers-color-scheme:light){.page-card{background:linear-gradient(#ffffffe6 0%,#ffffffb3 100%);border-color:#7c3aed26;box-shadow:0 8px 32px #00000014,inset 0 1px #ffffffe6}}.page-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#7c3aed,#0000);height:2px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.page-card:hover{border-color:#7c3aed66;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 60px #7c3aed4d,0 0 40px #7c3aed33,inset 0 1px #fff3}.page-card:hover:before{opacity:1}.page-icon{filter:drop-shadow(0 0 10px #7c3aed4d);margin-bottom:20px;font-size:48px;animation:3s ease-in-out infinite float;display:inline-block}.page-card:nth-child(2) .page-icon{animation-delay:.5s}.page-card:nth-child(3) .page-icon{animation-delay:1s}.page-card-title{color:#e5e7eb;letter-spacing:-.01em;margin-top:0;margin-bottom:12px;font-size:24px;font-weight:700}@media (prefers-color-scheme:light){.page-card-title{color:#111827}}.page-card-text{color:#9ca3af;margin:0;font-size:15px;line-height:1.7}@media (prefers-color-scheme:light){.page-card-text{color:#6b7280}}.page-quick-start{-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#7c3aed1f 0%,#0d948814 100%);border:1px solid #7c3aed4d;border-radius:32px;margin-top:48px;padding:40px;animation:.8s ease-out .4s both slide-in;position:relative;overflow:hidden;box-shadow:0 20px 60px #7c3aed33,inset 0 1px #ffffff1a}@media (prefers-color-scheme:light){.page-quick-start{background:linear-gradient(135deg,#7c3aed0f 0%,#0d94880a 100%);border-color:#7c3aed33;box-shadow:0 20px 60px #7c3aed1a,inset 0 1px #ffffffe6}}.page-quick-start:before{content:"";background:radial-gradient(circle,#7c3aed1a 0%,#0000 70%);width:200%;height:200%;animation:4s ease-in-out infinite glow;position:absolute;top:-50%;left:-50%}.page-quick-start-title{color:#e5e7eb;letter-spacing:-.01em;margin-top:0;margin-bottom:24px;font-size:28px;font-weight:700;position:relative}@media (prefers-color-scheme:light){.page-quick-start-title{color:#111827}}.page-commands{text-align:left;flex-direction:column;gap:12px;max-width:600px;margin:0 auto;font-family:JetBrains Mono,Fira Code,Courier New,ui-monospace,monospace;font-size:14px;display:flex;position:relative}.page-command-row{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #7c3aed33;border-radius:16px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .3s;display:flex;position:relative;overflow:hidden}@media (prefers-color-scheme:light){.page-command-row{background:#fffc;border-color:#7c3aed26}}.page-command-row:before{content:"";opacity:0;background:linear-gradient(#7c3aed,#0d9488);width:4px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}.page-command-row:hover{border-color:#7c3aed66;transform:translate(8px);box-shadow:0 8px 24px #7c3aed33}.page-command-row:hover:before{opacity:1}.page-command-label{color:#9ca3af;font-weight:500}@media (prefers-color-scheme:light){.page-command-label{color:#6b7280}}.page-command-code{color:#a78bfa;background:#7c3aed26;border:1px solid #7c3aed4d;border-radius:8px;padding:6px 14px;font-family:JetBrains Mono,Fira Code,Courier New,ui-monospace,monospace;font-weight:600;transition:all .3s}@media (prefers-color-scheme:light){.page-command-code{color:#7c3aed;background:#7c3aed1a}}.page-command-row:hover .page-command-code{background:#7c3aed40;border-color:#7c3aed80;box-shadow:0 0 20px #7c3aed4d}.page-footer{text-align:center;margin-top:48px;animation:.8s ease-out .6s both slide-in}.page-footer-text{color:#6b7280;margin:8px 0;font-size:15px;font-weight:500}@media (prefers-color-scheme:dark){.page-footer-text{color:#9ca3af}}.page-footer-brand{background:linear-gradient(135deg,#7c3aed,#0d9488);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700;transition:all .3s;display:inline-block;position:relative}.page-footer-brand:hover{filter:drop-shadow(0 0 10px #7c3aed80)}code{background-color:#7c3aed26;border:1px solid #7c3aed33;border-radius:6px;padding:4px 10px;font-family:JetBrains Mono,Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-weight:600}@media (prefers-color-scheme:dark){code{background-color:#7c3aed33}}@media (max-width:768px){.page-container{padding:24px 16px}.page-card{padding:24px}.page-quick-start{padding:28px}.page-command-row{flex-direction:column;align-items:flex-start;gap:12px}.page-command-code{width:100%}}