@import "https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Kalam:wght@400;700&family=Outfit:wght@400;700;800&family=Plus+Jakarta+Sans:wght@400;600;700&display=swap";:root{--bg-primary:#fff;--dot-color:#e2e8f0;--bg-secondary:#00000008;--bg-card:#f3f4f6;--border-color:#0000000d;--border-hover:#0000001f;--heading-color:#1e2022;--desc-color:#4b5563;--text-primary:#1a1b1f;--text-secondary:#374151;--text-muted:#6b7280;--lead-color:#e11d48;--student-color:#f97316;--faculty-color:#eab308;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", sans-serif;--font-handwritten:"Caveat", cursive;--font-marker:"Kalam", cursive;--radius-lg:2px;--radius-md:8px;--radius-sm:4px;--transition-base:all .3s cubic-bezier(.25, .8, .25, 1)}.dark-theme{--bg-primary:#0f1013;--dot-color:#ffffff12;--bg-secondary:#ffffff0d;--bg-card:#1c1813;--border-color:#ffffff0f;--border-hover:#ffffff26;--heading-color:#fff;--desc-color:#cbd5e1;--text-primary:#f3f4f6;--text-secondary:#e5e7eb;--text-muted:#9ca3af}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);background-image:radial-gradient(var(--dot-color) 1.5px, transparent 1.5px);color:var(--heading-color);background-size:24px 24px;height:100vh;min-height:100vh;max-height:100vh;transition:background-color .4s,color .4s;position:relative;overflow:hidden;box-shadow:inset 0 0 100px #0000000d}.dark-theme body{box-shadow:inset 0 0 120px #00000080}#root{z-index:1;box-sizing:border-box;flex-direction:column;justify-content:space-between;max-width:1100px;height:100vh;min-height:100vh;max-height:100vh;margin:0 auto;padding:2.25rem 1.5rem;display:flex;position:relative}header{border-bottom:1px dashed var(--border-hover);justify-content:space-between;align-items:center;padding-bottom:1.25rem;display:flex}.logo-section{align-items:center;gap:.75rem;display:flex}.logo-badge{color:#fff;border-radius:var(--radius-md);width:38px;height:38px;font-family:var(--font-heading);letter-spacing:-.5px;background:linear-gradient(135deg,#f1e4e7 0%,#fff 100%);justify-content:center;align-items:center;font-size:1.25rem;font-weight:900;display:flex;box-shadow:0 4px 12px #e11d4840}.logo-text h1{font-family:var(--font-heading);letter-spacing:-.5px;color:var(--heading-color);font-size:1.45rem;font-weight:800}.logo-text p{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.7rem;font-weight:700}.header-actions{align-items:center;gap:.75rem;display:flex}.text-btn{border:1px solid var(--border-color);color:var(--heading-color);cursor:pointer;transition:var(--transition-base);background:0 0;border-radius:99px;padding:.5rem 1rem;font-size:.8rem;font-weight:600}.text-btn:hover{background:var(--bg-secondary);border-color:var(--border-hover)}.icon-btn{border:1px solid var(--border-color);color:var(--heading-color);cursor:pointer;width:36px;height:36px;transition:var(--transition-base);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--bg-secondary);border-color:var(--border-hover)}.hero-section{text-align:center;max-width:600px;margin:.75rem auto 1.25rem}.hero-tag{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--desc-color);border-radius:99px;align-items:center;gap:.35rem;margin-bottom:.75rem;padding:.35rem .85rem;font-size:.75rem;font-weight:600;display:inline-flex}.hero-section h2{font-family:var(--font-heading);letter-spacing:-.8px;color:var(--heading-color);margin-bottom:.5rem;font-size:2.35rem;font-weight:800}.hero-section h2 span{color:var(--text-muted);font-weight:400}.hero-section p.hero-desc{color:var(--desc-color);font-size:.95rem;line-height:1.5}.cards-grid{grid-template-columns:repeat(3,minmax(180px,240px));justify-content:center;gap:2.75rem;width:100%;margin:1.5rem auto;display:grid;position:relative}.crm-card{background-color:var(--bg-card);color:var(--text-primary);border-radius:var(--radius-lg);text-align:center;transition:var(--transition-base);aspect-ratio:1;z-index:1;background-image:radial-gradient(circle,#0000 50%,#00000008 100%);border:1px solid #00000014;flex-direction:column;justify-content:space-between;align-items:center;min-height:auto;padding:2.1rem 1.5rem 1.75rem;display:flex;position:relative;overflow:visible;box-shadow:0 1px 3px #0000000f,0 8px 20px #00000014}.dark-theme .crm-card{background-image:radial-gradient(circle,#0000 50%,#00000080 100%);border-color:#ffffff0f;box-shadow:0 1px 3px #0000004d,0 8px 20px #00000080}.crm-card:before,.crm-card:after{content:"";z-index:-2;width:45%;max-width:150px;height:8px;transition:var(--transition-base);background:0 0;position:absolute;bottom:12px;box-shadow:0 14px 10px #00000059}.crm-card:before{left:6px;transform:rotate(-3deg)}.crm-card:after{right:6px;transform:rotate(3deg)}.crm-card.card-lead{transform:rotate(-3deg)translateY(-4px)}.crm-card.card-student{transform:rotate(2deg)translateY(6px)}.crm-card.card-faculty{transform:rotate(-1.5deg)translateY(-2px)}.crm-card:hover{z-index:10;box-shadow:0 2px 5px #0000001a,0 20px 30px #00000040;transform:translateY(-8px)scale(1.04)rotate(0)!important}.crm-card:hover:before{left:10px;box-shadow:0 22px 14px #0000006b}.crm-card:hover:after{right:10px;box-shadow:0 22px 14px #0000006b}.card-click-overlay{z-index:1;cursor:pointer;position:absolute;inset:0}.card-copy-btn{z-index:2;color:var(--text-muted);cursor:pointer;opacity:.3;width:26px;height:26px;transition:var(--transition-base);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:.65rem;right:.65rem}.crm-card:hover .card-copy-btn{opacity:.9}.card-copy-btn:hover{color:var(--text-primary);background:#0000000d}.thumbtack-wrapper{z-index:15;width:24px;height:24px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.thumbtack{background:radial-gradient(circle at 35% 35%, #fffffff2 0%, var(--accent-main) 60%, var(--accent-dark) 100%);z-index:10;border-radius:50%;width:16px;height:16px;position:absolute;top:0;left:4px;box-shadow:0 1.5px 3px #00000040,inset 0 1px 2px #ffffffb3}.thumbtack:after{content:"";background:#ffffff59;border-radius:50%;width:8px;height:8px;position:absolute;top:2px;left:2px}.thumbtack-shadow{filter:blur(2px);pointer-events:none;z-index:5;background:#0006;border-radius:50%;width:14px;height:14px;position:absolute;top:10px;left:10px}.card-lead{--accent-main:var(--lead-color);--accent-dark:#be123c}.card-student{--accent-main:var(--student-color);--accent-dark:#c2410c}.card-faculty{--accent-main:var(--faculty-color);--accent-dark:#a16207}.note-number-badge{font-family:var(--font-handwritten);color:var(--text-muted);font-size:1.6rem;font-weight:700;line-height:1;position:absolute;top:.5rem;left:.85rem}.card-lead .note-number-badge{color:#e11d48b3}.card-student .note-number-badge{color:#f97316b3}.card-faculty .note-number-badge{color:#eab308b3}.card-icon-wrapper{border-radius:var(--radius-md);width:48px;height:48px;color:var(--text-secondary);transition:var(--transition-base);background:#00000008;border:1px solid #0000000f;justify-content:center;align-items:center;margin-top:.5rem;margin-bottom:.5rem;display:flex}.card-lead:hover .card-icon-wrapper{color:var(--lead-color)}.card-student:hover .card-icon-wrapper{color:var(--student-color)}.card-faculty:hover .card-icon-wrapper{color:var(--faculty-color)}.card-info{margin-bottom:.5rem}.card-info h3{font-family:var(--font-marker);color:var(--text-primary);margin-bottom:.15rem;font-size:1.45rem;font-weight:700;line-height:1.2}.card-subtitle{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);font-size:.7rem;font-weight:700}.card-launch-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);transition:var(--transition-base);align-items:center;gap:.35rem;margin-bottom:.5rem;font-size:.72rem;font-weight:700;display:inline-flex}.crm-card:hover .card-launch-label{color:var(--text-primary)}.card-launch-label svg{transition:var(--transition-base)}.crm-card:hover .card-launch-label svg{transform:translate(3px)}.card-url-tag{font-family:var(--font-sans);color:var(--text-muted);border-radius:var(--radius-sm);background:#0000000a;border:1px dashed #00000026;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;opacity:0;pointer-events:none;background:#0000008c;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:all}.modal-container{color:#1f2937;border-radius:var(--radius-md);background:#fff;width:100%;max-width:440px;padding:2rem;transition:transform .2s;transform:translateY(10px);box-shadow:0 20px 40px #0006}.modal-overlay.active .modal-container{transform:translateY(0)}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.modal-header h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:700}.close-btn{color:#9ca3af;cursor:pointer;border-radius:var(--radius-sm);width:28px;height:28px;transition:var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.close-btn:hover{color:#111827;background:#f3f4f6}.modal-desc{color:#4b5563;margin-bottom:1.5rem;font-size:.8rem;line-height:1.4}.config-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-label{color:#374151;font-size:.75rem;font-weight:600}.form-input-wrapper{align-items:center;display:flex;position:relative}.form-input-icon{color:#9ca3af;align-items:center;font-size:.85rem;display:flex;position:absolute;left:.75rem}.form-input{border-radius:var(--radius-sm);color:#111827;width:100%;font-family:var(--font-sans);transition:var(--transition-base);background:#f9fafb;border:1px solid #d1d5db;outline:none;padding:.6rem .75rem .6rem 2.2rem;font-size:.85rem}.form-input:focus{border-color:#9ca3af}.modal-actions{gap:.75rem;margin-top:.75rem;display:flex}.btn-save{color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);background:#111827;border:1px solid #111827;flex:2;padding:.65rem;font-size:.85rem;font-weight:600}.btn-save:hover{filter:brightness(.9)}.btn-reset{color:#4b5563;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);background:0 0;border:1px solid #d1d5db;flex:1;padding:.65rem;font-size:.85rem;font-weight:600}.btn-reset:hover{color:#111827;background:#f3f4f6}footer{text-align:center;color:#fff9;border-top:1px dashed #ffffff26;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;font-size:.75rem;display:flex}footer p{font-weight:500}.badge-version{border-radius:var(--radius-sm);color:#ffffffd9;background:#ffffff0f;border:1px solid #ffffff1f;padding:.15rem .4rem;font-size:.7rem;font-weight:600;display:inline-block}.toast{color:#1f2937;border-radius:var(--radius-sm);z-index:1000;opacity:0;transition:var(--transition-base);background:#fff;border:1px solid #e5e7eb;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.8rem;font-weight:600;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(10px);box-shadow:0 10px 25px #00000040}.toast.show{opacity:1;transform:translateY(0)}@media (width<=768px){#root,body{height:auto;max-height:none;overflow:auto}.cards-grid{grid-template-columns:1fr;max-width:240px;margin-left:auto;margin-right:auto}.hero-section h2{font-size:1.8rem}header{flex-direction:row;justify-content:space-between}footer{flex-direction:column;gap:.5rem;padding-bottom:2rem}}