:root{--bg-color:#030712;--panel-bg:#11182773;--panel-border:#ffffff14;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--accent-zyden:#3b82f6;--accent-zyden-glow:#3b82f666;--accent-lawcore:#ef4444;--accent-lawcore-glow:#ef444466;--accent-strangeer:#a855f7;--accent-strangeer-glow:#a855f766;--accent-claudefm:#ff9f1c;--accent-claudefm-glow:#ff9f1c66;--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);flex-direction:column;justify-content:space-between;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.backdrop{z-index:-2;pointer-events:none;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-position:50%;background-size:50px 50px;width:100%;height:100%;position:fixed;top:0;left:0}.backdrop:after{content:"";background:radial-gradient(circle at 50% 50%, transparent 10%, var(--bg-color) 80%);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#particle-canvas{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}header{text-align:center;z-index:10;padding:2.5rem 2rem}.logo-container{flex-direction:column;align-items:center;gap:.5rem;display:inline-flex}.c1-logo{letter-spacing:.15em;background:linear-gradient(135deg,#fff 30%,#6b7280 100%);-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #ffffff1a;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:900;transform:translateZ(20px)}.c1-tag{text-transform:uppercase;letter-spacing:.3em;color:var(--text-secondary);font-size:.75rem;font-weight:500}.doc-header{flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 2rem 1rem;display:flex}.back-link{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--text-primary)}.doc-nav{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;gap:.25rem;margin-top:.5rem;padding:.35rem;display:inline-flex}.nav-tab{color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.nav-tab:hover{color:var(--text-primary)}.nav-tab.active{color:var(--text-primary);background:#ffffff14;box-shadow:0 4px 12px #00000040}.reader-container{flex-grow:1;width:100%;max-width:800px;margin:0 auto;padding:2rem}.doc-article{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);border-radius:24px;padding:3rem;box-shadow:0 20px 40px #0000004d}.doc-article h2{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem;font-weight:800}.doc-article .updated{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff0f;margin-bottom:2rem;padding-bottom:1rem;font-size:.85rem}.doc-article h3{color:var(--text-primary);margin-top:2rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.doc-article h4{color:var(--text-primary);margin-top:1.25rem;margin-bottom:.5rem;font-size:1.05rem;font-weight:600}.doc-article p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:1rem;line-height:1.75}.doc-article ul{color:var(--text-secondary);margin-bottom:1.25rem;padding-left:1.5rem;line-height:1.75}.doc-article li{margin-bottom:.5rem}.doc-article strong{color:var(--text-primary)}main{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.cards-container{perspective:1000px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:3rem;width:100%;padding:2rem 0;display:grid}.card-wrapper{perspective:1000px;height:480px}.card{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;border-radius:24px;flex-direction:column;justify-content:space-between;padding:3rem 2.5rem;text-decoration:none;transition:border-color .4s,box-shadow .4s,transform .1s;display:flex;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#0000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.card-shine{background:radial-gradient(circle 150px at var(--x,0) var(--y,0), #ffffff14, transparent);pointer-events:none;border-radius:24px;position:absolute;inset:0}.card.zyden:hover{border-color:var(--accent-zyden);box-shadow:0 10px 40px -10px var(--accent-zyden-glow)}.card.lawcore:hover{border-color:var(--accent-lawcore);box-shadow:0 10px 40px -10px var(--accent-lawcore-glow)}.card.strangeer:hover{border-color:var(--accent-strangeer);box-shadow:0 10px 40px -10px var(--accent-strangeer-glow)}.card.claudefm:hover{border-color:var(--accent-claudefm);box-shadow:0 10px 40px -10px var(--accent-claudefm-glow)}.card-header{flex-direction:column;gap:1.5rem;display:flex;transform:translateZ(40px)}.icon-wrapper{background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.zyden .icon-wrapper{color:var(--accent-zyden);box-shadow:inset 0 0 15px #3b82f61a}.lawcore .icon-wrapper{color:var(--accent-lawcore);box-shadow:inset 0 0 15px #ef44441a}.strangeer .icon-wrapper{color:var(--accent-strangeer);box-shadow:inset 0 0 15px #a855f71a}.claudefm .icon-wrapper{color:var(--accent-claudefm);box-shadow:inset 0 0 15px #ff9f1c1a}.card:hover .icon-wrapper{transform:scale(1.1)rotate(5deg)}.bot-title{letter-spacing:-.02em;color:var(--text-primary);font-size:2.25rem;font-weight:800}.bot-desc{color:var(--text-secondary);font-size:1rem;line-height:1.6;transform:translateZ(30px)}.card-actions{z-index:10;gap:1rem;display:flex;transform:translateZ(50px)}.action-btn{color:var(--text-primary);font-family:var(--font-family);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.zyden .action-btn:hover{background:var(--accent-zyden);border-color:var(--accent-zyden);transform:translateY(-2px);box-shadow:0 4px 20px #3b82f64d}.lawcore .action-btn:hover{background:var(--accent-lawcore);border-color:var(--accent-lawcore);transform:translateY(-2px);box-shadow:0 4px 20px #ef44444d}.strangeer .action-btn:hover{background:var(--accent-strangeer);border-color:var(--accent-strangeer);transform:translateY(-2px);box-shadow:0 4px 20px #a855f74d}.claudefm .action-btn:hover{background:var(--accent-claudefm);border-color:var(--accent-claudefm);transform:translateY(-2px);box-shadow:0 4px 20px #ff9f1c4d}footer{text-align:center;color:#4b5563;z-index:10;padding:2.5rem 2rem;font-size:.8rem}@media (width<=768px){.cards-container{grid-template-columns:1fr;max-width:450px;margin:0 auto}.card-wrapper{height:440px}.c1-logo{font-size:2rem}.doc-article{padding:1.5rem}}