:root{--bg:#f7f6fb;--surface:#fff;--surface2:#f0eef8;--border:#6e46c81c;--accent:#6d28d9;--accent-mid:#8b5cf6;--accent-light:#ede9fe;--text:#18102e;--muted:#8b7aab;--shadow:#6d28d914}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:Bricolage Grotesque,sans-serif;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle,#6d28d90e 1px,#0000 1px);background-size:30px 30px;position:fixed;inset:0}header{z-index:100;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);background:#f7f6fbeb;justify-content:space-between;align-items:center;padding:16px 44px;display:flex;position:sticky;top:0}.logo{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:12px;font-family:DM Mono,monospace;font-size:13px;font-weight:500;display:flex}.logo-mark{background:var(--accent);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.logo-mark:after{content:"";clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#f7f6fb;width:11px;height:11px}.status-bar{color:var(--muted);align-items:center;gap:20px;font-family:DM Mono,monospace;font-size:11px;display:flex}.status-dot{color:var(--text);align-items:center;gap:7px;font-size:12px;display:flex}.dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:2.4s infinite pulse;box-shadow:0 0 0 2px #22c55e33}@keyframes pulse{0%,to{box-shadow:0 0 0 2px #22c55e40}50%{box-shadow:0 0 0 5px #22c55e14}}.header-logout{border:1px solid var(--border);background:var(--surface2);color:var(--muted);cursor:pointer;border-radius:8px;padding:5px 12px;font-family:DM Mono,monospace;font-size:11px;font-weight:600;transition:all .15s}.header-logout:hover{color:#ef4444;background:#ef44440f;border-color:#ef444466}main{z-index:1;max-width:1160px;margin:0 auto;padding:56px 44px 120px;position:relative}.section-header{margin-bottom:44px}.section-label{color:var(--accent-mid);letter-spacing:.3em;text-transform:uppercase;margin-bottom:10px;font-family:DM Mono,monospace;font-size:11px;font-weight:400}.section-title{color:var(--text);letter-spacing:-.035em;font-size:clamp(30px,4.5vw,50px);font-weight:800;line-height:1.06}.section-title span{color:var(--muted)}.card-grid{grid-template-columns:repeat(12,1fr);gap:14px;display:grid}.card{isolation:isolate;border:1px solid var(--border);height:400px;box-shadow:0 2px 16px var(--shadow);opacity:0;cursor:pointer;background:0 0;border-radius:22px;transition:transform .32s cubic-bezier(.34,1.56,.64,1),box-shadow .32s,border-color .2s;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards cardIn;position:relative;overflow:hidden;transform:translateY(22px)}@keyframes cardIn{to{opacity:1;transform:translateY(0)}}.card:first-child{grid-column:span 5;animation-delay:40ms}.card:nth-child(2){grid-column:span 7;animation-delay:90ms}.card:nth-child(3){grid-column:span 4;animation-delay:.14s}.card:nth-child(4){grid-column:span 4;animation-delay:.18s}.card:nth-child(5){grid-column:span 4;animation-delay:.22s}.card:nth-child(6){grid-column:span 4;animation-delay:.27s}.card:nth-child(7){grid-column:span 4;animation-delay:.32s}.card:nth-child(8){grid-column:span 4;animation-delay:.37s}.card:hover{border-color:#6d28d938;transform:translateY(-5px)scale(1.012);box-shadow:0 16px 48px #6d28d921}.card-bg{z-index:0;transition:transform .6s;position:absolute;inset:0}.card:hover .card-bg{transform:scale(1.04)}.card-swiper .card-bg{background:linear-gradient(140deg,#f5f0ff 0%,#ede9fe 55%,#ddd6fe 100%)}.card-cloaker .card-bg{background:linear-gradient(140deg,#f0fdf4 0%,#dcfce7 55%,#bbf7d0 100%)}.card-apps .card-bg{background:linear-gradient(140deg,#eff6ff 0%,#dbeafe 55%,#bfdbfe 100%)}.card-white .card-bg{background:linear-gradient(140deg,#f8f7ff 0%,#eef2ff 100%)}.card-black .card-bg{background:linear-gradient(140deg,#fff1f2 0%,#ffe4e6 55%,#fecdd3 100%)}.card-sheets .card-bg{background:linear-gradient(140deg,#f0fdf4 0%,#dcfce7 55%,#bbf7d0 100%)}.card-docs .card-bg{background:linear-gradient(140deg,#faf5ff 0%,#f3e8ff 55%,#e9d5ff 100%)}.card-tools .card-bg{background:linear-gradient(140deg,#eff6ff 0%,#dbeafe 55%,#bfdbfe 100%)}.card-vsl .card-bg{background:linear-gradient(140deg,#fdf2f8 0%,#fce7f3 55%,#fbcfe8 100%)}.card-illustration{z-index:1;opacity:.5;pointer-events:none;transition:opacity .3s,transform .45s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:-16px;right:-16px}.card:hover .card-illustration{opacity:.72;transform:scale(1.06)rotate(-2deg)}.card-cover{z-index:1;opacity:0;object-fit:cover;width:100%;height:100%;transition:transform .6s;position:absolute;inset:0}.card-cover.loaded{opacity:1}.card:hover .card-cover{transform:scale(1.04)}.card-cover-overlay{z-index:2;opacity:0;background:linear-gradient(160deg,#0000000d 0%,#0000002e 35%,#0000008c 65%,#000000b8 100%),linear-gradient(#0000 35%,#00000038 62%,#000000a6 100%);transition:opacity .3s;position:absolute;inset:0}.card.has-cover .card-cover-overlay{opacity:1}.card-content{z-index:10;flex-direction:column;justify-content:flex-end;padding:26px;display:flex;position:absolute;inset:0}.card-tag{letter-spacing:.22em;text-transform:uppercase;margin-bottom:8px;font-family:DM Mono,monospace;font-size:10px;font-weight:500}.card-title{color:var(--text);letter-spacing:-.025em;margin-bottom:7px;font-size:21px;font-weight:800;line-height:1.18}.card-desc{color:var(--muted);font-size:13px;font-weight:400;line-height:1.55}.card.has-cover .card-title{color:#fff;text-shadow:0 1px 12px #00000080}.card.has-cover .card-desc{color:#ffffffd9;text-shadow:0 1px 4px #0006}.card.has-cover .card-tag{text-shadow:0 1px 6px #00000080;color:#f0b429!important}.card.has-cover .card-icon{background:#00000061;border-color:#ffffff38}.card.has-cover .card-badge{color:#ffffffd1;background:#0000006b;border-color:#ffffff2e}.card-badge{z-index:10;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--muted);background:#ffffffb8;border-radius:20px;padding:4px 11px;font-family:DM Mono,monospace;font-size:10.5px;font-weight:400;position:absolute;top:22px;right:22px}.card-icon{z-index:10;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:19px;display:flex;position:absolute;top:22px;left:22px}.overlay{z-index:999;pointer-events:none;background:#12082300;transition:background .4s;position:fixed;inset:0}.overlay.active{pointer-events:all;background:#1208239e}.expanded-card{z-index:1000;opacity:0;pointer-events:none;background:#fff;border-radius:24px;transition:all .5s cubic-bezier(.77,0,.175,1);position:fixed;overflow:hidden;box-shadow:0 32px 96px #12082338,0 0 0 1px #6d28d91a}.expanded-card.open{opacity:1;pointer-events:all}.expanded-inner{flex-direction:column;width:100%;height:100%;display:flex}.expanded-hero{flex-shrink:0;height:290px;position:relative;overflow:hidden}.expanded-close{z-index:10;cursor:pointer;background:#ffffffd1;border:1px solid #6d28d91f;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:18px;right:18px}.expanded-body{scrollbar-width:none;flex:1;padding:28px 30px;overflow-y:auto}.expanded-body::-webkit-scrollbar{display:none}.expanded-desc{color:var(--muted);margin-bottom:20px;font-size:14px;line-height:1.72}.stats-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.stat-box{border:1px solid var(--border);background:var(--surface2);text-align:center;border-radius:12px;padding:13px 10px}.stat-value{font-family:DM Mono,monospace;font-size:19px;font-weight:500}.stat-label{color:var(--muted);text-transform:uppercase;font-size:10px}.expanded-links{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.link-item{border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:12px;justify-content:space-between;align-items:center;padding:13px 16px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.link-item:hover{background:var(--accent-light);transform:translate(4px)}.cta-button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:15px 24px;font-weight:700}.credentials-block{border:1px solid var(--border);background:var(--surface2);border-radius:14px;flex-direction:column;gap:8px;margin-bottom:18px;padding:14px 16px;display:flex}.credentials-header{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:700}.credentials-row{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.credentials-label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);flex:0 0 56px;font-size:11px;font-weight:700}.credentials-value{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;overflow:hidden}.credentials-value-mono{letter-spacing:.04em;font-family:DM Mono,monospace}.credentials-copy-btn,.credentials-toggle-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;flex:none;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.credentials-copy-btn:hover,.credentials-toggle-btn:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.credentials-toggle-btn{padding:6px 9px;font-size:13px;line-height:1}.credentials-empty{color:var(--muted);font-size:12px;font-style:italic}.credentials-empty code{background:var(--surface);color:var(--text);border-radius:4px;padding:1px 6px;font-family:DM Mono,monospace;font-size:11px}@keyframes bgBreath{0%{filter:brightness(.88)contrast(1.05);transform:scale(1)}50%{filter:brightness(.82)contrast(1.08);transform:scale(1.03)}to{filter:brightness(.85)contrast(1.06);transform:scale(1.01)}}#login-screen{z-index:9999;isolation:isolate;background:#05020f;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}#login-bg-base{z-index:0;background-position:50%;background-size:cover;animation:10s ease-in-out infinite alternate bgBreath;position:absolute;inset:0}#login-overlay{z-index:1;background:radial-gradient(100% 80%,#140a2859 0%,#0a05198c 60%,#05020fb8 100%);position:absolute;inset:0}#login-blobs{z-index:2;mix-blend-mode:screen;opacity:.3;width:100%;height:100%;position:absolute;inset:0}#login-noise{z-index:3;opacity:.032;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px;position:absolute;inset:0}.login-box{z-index:10;-webkit-backdrop-filter:blur(20px);contain:paint;background:linear-gradient(160deg,#1e0f3cd1 0%,#140a2de0 50%,#190c37d9 100%);border:1px solid #ffffff2e;border-radius:32px;flex-direction:column;align-items:center;width:100%;max-width:390px;padding:44px 40px 38px;display:flex;position:relative;box-shadow:inset 0 1.5px #ffffff8c,0 32px 80px #0006}.login-box,.card,.expanded-card{will-change:backdrop-filter, transform}.login-logo{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff38;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:22px;display:flex}.login-logo-inner{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(135deg,#7c3aed 0%,#60a5fa 100%);width:26px;height:26px}.login-title{letter-spacing:-.035em;text-align:center;text-shadow:0 0 20px #fff3,0 1px 12px #0006;margin-bottom:5px;font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:800;color:#fff!important}.login-subtitle{color:#ffffffb3;text-align:center;margin-bottom:32px;font-family:Bricolage Grotesque,sans-serif;font-size:13px}.login-field{text-align:left;width:100%;margin-bottom:8px}.login-label{color:#c8b9f08c;letter-spacing:.22em;text-transform:uppercase;margin-bottom:8px;font-family:DM Mono,monospace;font-size:10px;font-weight:400;display:block}.login-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border:1px solid #ffffff29;border-radius:14px;outline:none;width:100%;padding:13px 16px;font-family:Bricolage Grotesque,sans-serif;font-size:15px;color:#fff!important}.login-input::placeholder{color:#ffffff4d}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(150deg,#a78bfa 0%,#6d28d9 100%);border:1px solid #ffffff80;border-radius:15px;width:100%;margin-top:18px;padding:14px;font-family:Bricolage Grotesque,sans-serif;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 4px 24px #6d28d961}.login-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}@media (width>=861px){.hub-root{flex-direction:column;height:100vh;display:flex;overflow:hidden}.hub-root main{flex-direction:column;flex:1;width:100%;min-height:0;padding:28px 44px 40px;display:flex;overflow:hidden}.hub-root .section-header{flex-shrink:0;margin-bottom:20px}.hub-root .card-grid{flex:1;grid-template-rows:repeat(3,1fr);min-height:0}.hub-root .card{height:auto}}@media (width<=860px){.card:nth-child(n){grid-column:span 12;height:320px}main{padding:36px 18px 80px}header{padding:14px 18px}.logo span{display:none}.stats-row{grid-template-columns:repeat(3,1fr)}.expanded-body{padding:20px 18px}}.tools-container{flex-direction:column;gap:0;display:flex}.tools-accordions{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.tool-accordion{border:1px solid var(--acc-border);border-radius:14px;overflow:hidden}.tool-accordion-header{background:var(--acc-bg);width:100%;color:var(--text);cursor:pointer;text-align:left;border:none;align-items:center;gap:10px;padding:13px 16px;font-family:Bricolage Grotesque,sans-serif;font-size:14px;font-weight:700;transition:filter .2s;display:flex}.tool-accordion-header:hover{filter:brightness(.95)}.tool-acc-dot{background:var(--acc-color);border-radius:50%;flex-shrink:0;width:9px;height:9px}.tool-acc-label{color:var(--acc-color);flex:1}.tool-acc-count{background:var(--acc-bg);border:1px solid var(--acc-border);color:var(--acc-color);border-radius:20px;padding:2px 8px;font-family:DM Mono,monospace;font-size:11px}.tool-acc-chevron{color:var(--acc-color);font-size:20px;line-height:1;transition:transform .2s}.tool-accordion-body{background:#fff;flex-direction:column;gap:6px;padding:10px 12px 12px;display:flex}.tool-row{border:1px solid var(--border);background:var(--surface2);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.tool-row-name{cursor:pointer;color:var(--text);flex:1;font-size:13px;font-weight:600}.tool-row-name:hover{color:var(--accent)}.tool-row-arrow{opacity:.3;margin-left:4px;font-size:11px}.tool-row-actions{align-items:center;gap:8px;display:flex}.tool-status-btn{cursor:pointer;white-space:nowrap;border:1px solid;border-radius:20px;padding:4px 10px;font-family:DM Mono,monospace;font-size:10px;font-weight:700}.tool-remove-btn{cursor:pointer;opacity:.2;background:0 0;border:none;font-size:12px;transition:opacity .2s}.tool-remove-btn:hover{opacity:.6}.add-tool-form{border-top:1px solid var(--border);grid-template-columns:1fr 1fr auto auto;gap:8px;padding-top:16px;display:grid}.add-tool-form input{border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:8px;padding:10px;font-family:Bricolage Grotesque,sans-serif;font-size:13px}.add-tool-select{border:1px solid var(--border);background:var(--surface2);color:var(--text);cursor:pointer;border-radius:8px;padding:10px;font-family:Bricolage Grotesque,sans-serif;font-size:13px}.btn-add-tool{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:18px;font-weight:700;transition:filter .2s}.btn-add-tool:hover{filter:brightness(1.1)}.workspace{flex-direction:column;gap:14px;display:flex}.workspace-tabs{background:var(--surface2);border:1px solid var(--border);border-radius:12px;gap:6px;padding:4px;display:flex}.workspace-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.workspace-tab:hover{color:var(--text);background:#00000008}.workspace-tab-active{background:var(--surface);color:var(--tab-accent,var(--accent));border:1px solid var(--border);box-shadow:0 1px 3px #0000000f}.workspace-tab-active:hover{background:var(--surface)}.workspace-tab-icon{font-size:15px;line-height:1}.workspace-tab-label{letter-spacing:.02em}.workspace-content{min-height:200px}@media (width<=640px){.workspace-tab-label{display:none}.workspace-tab{padding:10px 8px}}.folders-toolbar{justify-content:flex-end;margin-bottom:10px;display:flex}.btn-organizar{border:1px solid var(--border);background:var(--surface2);color:var(--muted);cursor:pointer;border-radius:20px;padding:6px 14px;font-family:DM Mono,monospace;font-size:11px;font-weight:500;transition:all .2s}.btn-organizar:hover{border-color:var(--accent);color:var(--accent)}.btn-organizar.active{background:var(--accent);color:#fff;border-color:var(--accent)}.folder-header-wrap{background:var(--surface2);align-items:stretch;gap:6px;padding:6px 8px;display:flex}.drag-handle{cursor:grab;color:var(--muted);-webkit-user-select:none;user-select:none;border-radius:5px;flex-shrink:0;padding:2px 5px;font-size:15px;line-height:1;transition:color .15s,background .15s}.drag-handle:hover{color:var(--text);background:var(--accent-light)}.drag-handle:active{cursor:grabbing}.org-btn{border:1px solid var(--border);background:var(--surface2);width:22px;height:22px;color:var(--muted);cursor:pointer;border-radius:4px;flex-shrink:0;font-size:11px;line-height:1;transition:all .15s}.org-btn:hover{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.org-rename-input{border:1px solid var(--accent-mid);background:var(--accent-light);width:100%;color:var(--text);border-radius:6px;outline:none;flex:1;padding:4px 8px;font-family:Bricolage Grotesque,sans-serif;font-size:13px;font-weight:600}.folder-link-row{align-items:center;gap:6px;display:flex}.folder-link-row .org-rename-input{font-weight:500}.folder-link-row .org-move-btns{flex-direction:row}.org-edit-fields{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.org-url-input{opacity:.75;font-size:11px;font-weight:400}.tool-row .org-edit-fields{flex:1;min-width:0}.dynamic-link-row{align-items:center;gap:6px;display:flex}.add-dynamic-form{border-top:1px solid var(--border);grid-template-columns:1fr 1fr auto;gap:8px;padding-top:16px;display:grid}.add-dynamic-form input{border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:8px;padding:10px;font-family:Bricolage Grotesque,sans-serif;font-size:13px}.add-folder-link-form{border-top:1px dashed var(--border);grid-template-columns:1fr 1fr auto;gap:6px;margin-top:8px;padding-top:8px;display:grid}.add-folder-link-form input{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:7px;padding:7px 10px;font-family:Bricolage Grotesque,sans-serif;font-size:12px}.folders-list{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.folder-section{border:1px solid var(--border);border-radius:14px;overflow:hidden}.folder-header{background:var(--surface2);width:100%;color:var(--text);cursor:pointer;text-align:left;border:none;align-items:center;gap:10px;padding:13px 16px;font-family:Bricolage Grotesque,sans-serif;font-size:14px;font-weight:700;transition:background .2s;display:flex}.folder-header:hover{background:var(--accent-light)}.folder-icon{font-size:16px}.folder-name{flex:1}.folder-chevron{color:var(--muted);font-size:20px;line-height:1;transition:transform .2s}.folder-body{background:#fff;padding:10px 12px 12px}.folder-links{flex-direction:column;gap:6px;display:flex}.folder-link-item{border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.folder-link-item:hover{background:var(--accent-light);transform:translate(4px)}.folder-link-arrow{color:var(--muted);font-size:14px}.folder-deliverables{margin-top:10px}.deliverable-label{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;background:#6d28d91a;border-radius:20px;margin-bottom:8px;padding:3px 10px;font-family:DM Mono,monospace;font-size:10px;font-weight:500;display:inline-block}.folder-link-item.deliverable{background:#6d28d90a;border-color:#6d28d92e}.folder-link-item.deliverable:hover{background:var(--accent-light)}