*,*:before,*:after{box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#cdd6f4;background-color:#1e1e2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.landing{--lp-bg: #0a0a0f;--lp-bg-raised: #0f0f17;--lp-bg-card: #12121c;--lp-border: #1a1a2e;--lp-border-glow: #34d39933;--lp-text: #c8cad0;--lp-text-muted: #6b7084;--lp-text-bright: #e8eaef;--lp-accent: #34d399;--lp-accent-dim: #34d39944;--lp-accent-bright: #6ee7b7;--lp-heading: #f0f1f4;--lp-glow: radial-gradient(ellipse 600px 400px at 50% 0%, #34d39910 0%, transparent 70%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--lp-text);background:var(--lp-bg);min-height:100vh;overflow-x:hidden}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0fd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--lp-border)}.landing-nav-inner{max-width:1200px;margin:0 auto;padding:0 32px;height:64px;display:flex;align-items:center;justify-content:space-between}.landing-nav-brand{display:flex;align-items:center;gap:10px}.landing-nav-logo{width:32px;height:32px}.landing-nav-wordmark{font-size:18px;font-weight:700;color:var(--lp-heading);letter-spacing:1.5px}.landing-nav-links{display:flex;align-items:center;gap:28px}.landing-nav-links a{color:var(--lp-text-muted);text-decoration:none;font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;transition:color .2s}.landing-nav-links a:hover{color:var(--lp-accent)}.landing-btn-sm{display:inline-flex;align-items:center;gap:4px;padding:7px 16px;border:1px solid var(--lp-accent);border-radius:6px;background:transparent;color:var(--lp-accent);font-size:12.5px;font-weight:600;cursor:pointer;letter-spacing:.3px;transition:all .2s}.landing-btn-sm:hover{background:var(--lp-accent);color:#0a0a0f}.landing-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border:none;border-radius:8px;background:var(--lp-accent);color:#0a0a0f;font-size:15px;font-weight:700;cursor:pointer;letter-spacing:.3px;transition:all .25s;box-shadow:0 0 24px var(--lp-accent-dim),0 2px 8px #0000004d}.landing-btn-primary:hover{background:var(--lp-accent-bright);box-shadow:0 0 40px var(--lp-accent-dim),0 4px 16px #0006;transform:translateY(-1px)}.landing-btn-primary svg{color:#0a0a0f}.landing-btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border:1px solid var(--lp-border);border-radius:8px;background:transparent;color:var(--lp-text);font-size:15px;font-weight:600;cursor:pointer;letter-spacing:.3px;transition:all .25s}.landing-btn-secondary:hover{border-color:var(--lp-accent);color:var(--lp-accent);background:#34d3990a}.landing-btn-secondary svg{color:var(--lp-accent)}.landing-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:120px 32px 80px}.hero-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(52,211,153,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(52,211,153,.03) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 30%,transparent 70%);pointer-events:none}.hero-glow{position:absolute;top:-120px;left:50%;transform:translate(-50%);width:900px;height:600px;background:radial-gradient(ellipse at center,rgba(52,211,153,.06) 0%,transparent 70%);pointer-events:none}.hero-scan-line{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--lp-accent-dim),transparent);animation:heroScan 6s ease-in-out infinite;pointer-events:none}@keyframes heroScan{0%,to{top:20%;opacity:0}10%{opacity:1}50%{top:80%;opacity:.6}90%{opacity:1}}.hero-content{position:relative;z-index:1;text-align:center;max-width:720px}.hero-logo{width:120px;height:120px;margin-bottom:24px;filter:drop-shadow(0 0 40px rgba(52,211,153,.15));animation:heroLogoIn 1s ease-out}@keyframes heroLogoIn{0%{opacity:0;transform:scale(.85) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.hero-title{font-size:clamp(48px,8vw,80px);font-weight:800;color:var(--lp-heading);margin:0 0 16px;letter-spacing:3px;line-height:1}.hero-title-mil{color:var(--lp-accent)}.hero-subtitle{font-size:clamp(16px,2.5vw,22px);color:var(--lp-text-bright);margin:0 0 16px;font-weight:500;letter-spacing:.5px}.hero-desc{font-size:15px;color:var(--lp-text-muted);margin:0 auto 40px;max-width:540px;line-height:1.7}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.hero-note{font-size:12px;color:var(--lp-text-muted);letter-spacing:.5px;text-transform:uppercase;margin:0}.section-inner{max-width:1200px;margin:0 auto;padding:0 32px}.section-heading{font-size:32px;font-weight:700;color:var(--lp-heading);margin:0 0 12px;letter-spacing:1px}.heading-accent{color:var(--lp-accent);margin-right:8px;font-weight:400}.section-subheading{font-size:16px;color:var(--lp-text-muted);margin:0 0 48px;max-width:460px}.landing-features{padding:100px 0;background:var(--lp-bg-raised);border-top:1px solid var(--lp-border);border-bottom:1px solid var(--lp-border)}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.feature-card{background:var(--lp-bg-card);border:1px solid var(--lp-border);border-radius:12px;padding:28px 24px;transition:all .25s}.feature-card:hover{border-color:var(--lp-border-glow);box-shadow:0 0 24px #34d3990a;transform:translateY(-2px)}.feature-icon-wrap{width:44px;height:44px;border-radius:10px;background:#34d39914;border:1px solid rgba(52,211,153,.12);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--lp-accent)}.feature-card h3{font-size:15px;font-weight:600;color:var(--lp-text-bright);margin:0 0 8px;letter-spacing:.3px}.feature-card p{font-size:13.5px;color:var(--lp-text-muted);margin:0;line-height:1.6}.landing-mission{padding:100px 0}.pillars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.pillar-card{border:1px solid var(--lp-border);border-radius:16px;padding:40px 32px;background:var(--lp-bg-raised);position:relative;overflow:hidden;transition:border-color .3s}.pillar-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--lp-accent),transparent);opacity:0;transition:opacity .3s}.pillar-card:hover{border-color:var(--lp-border-glow)}.pillar-card:hover:before{opacity:1}.pillar-icon{color:var(--lp-accent);margin-bottom:20px}.pillar-card h3{font-size:18px;font-weight:700;color:var(--lp-heading);margin:0 0 12px;letter-spacing:.5px}.pillar-card p{font-size:14.5px;color:var(--lp-text-muted);margin:0;line-height:1.7}.landing-download{padding:80px 0;background:var(--lp-bg-raised);border-top:1px solid var(--lp-border);border-bottom:1px solid var(--lp-border)}.download-inner{display:flex;align-items:center;justify-content:space-between;gap:48px;flex-wrap:wrap}.download-text h2{font-size:28px;font-weight:700;color:var(--lp-heading);margin:0 0 12px;letter-spacing:1px}.download-text p{font-size:15px;color:var(--lp-text-muted);margin:0;max-width:460px;line-height:1.7}.download-actions{display:flex;gap:16px;flex-wrap:wrap}.landing-footer{padding:40px 0;border-top:1px solid var(--lp-border)}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-brand{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--lp-text-bright);letter-spacing:1px}.footer-logo{width:24px;height:24px}.footer-copy{font-size:12.5px;color:var(--lp-text-muted);margin:0}.footer-links{display:flex;gap:16px}.footer-links a{display:inline-flex;align-items:center;gap:5px;color:var(--lp-text-muted);text-decoration:none;font-size:13px;transition:color .2s}.footer-links a:hover{color:var(--lp-accent)}.footer-links a svg{color:var(--lp-accent)}@media (max-width: 768px){.landing-nav-links a{display:none}.landing-hero{padding:100px 20px 60px}.hero-logo{width:80px;height:80px}.hero-actions{flex-direction:column;align-items:center}.section-inner{padding:0 20px}.download-inner{flex-direction:column;text-align:center}.download-actions{justify-content:center}.footer-inner{flex-direction:column;text-align:center}}@media (max-width: 480px){.hero-title{letter-spacing:1px}.landing-btn-primary,.landing-btn-secondary{padding:12px 24px;font-size:14px;width:100%;justify-content:center}.features-grid,.pillars-grid{grid-template-columns:1fr}}.app{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden;position:fixed;top:0;left:0}.toolbar{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#1e1e2e;border-bottom:1px solid #313244;flex-shrink:0;overflow-x:auto}.toolbar-brand{font-size:16px;font-weight:700;color:#89b4fa;padding:0 8px;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.toolbar-group{display:flex;align-items:center;gap:2px}.toolbar-divider{width:1px;height:28px;background:#45475a;margin:0 6px;flex-shrink:0}.toolbar-spacer{flex:1}.toolbar button{display:flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid transparent;border-radius:6px;background:transparent;color:#cdd6f4;font-size:12.5px;cursor:pointer;white-space:nowrap;transition:all .15s}.toolbar button svg,.toolbar-group svg{color:#34d399;flex-shrink:0}.toolbar button:hover:not(:disabled){background:#313244;border-color:#45475a}.toolbar button.active{background:#45475a;border-color:#585b70;color:#89b4fa}.toolbar button.active svg{color:#6ee7b7}.toolbar button:disabled{opacity:.35;cursor:not-allowed}.toolbar button:disabled svg{color:inherit}.zoom-label,.page-label{color:#a6adc8;font-size:12.5px;min-width:50px;text-align:center;-webkit-user-select:none;user-select:none}.zoom-controls button,.page-nav button{padding:4px 8px;font-size:14px}.main-content{display:flex;flex:1;overflow:hidden}.page-thumbnails{width:160px;background:#181825;border-right:1px solid #313244;display:flex;flex-direction:column;flex-shrink:0}.page-thumbnails h3{padding:10px 12px;margin:0;font-size:12px;color:#a6adc8;border-bottom:1px solid #313244;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.thumbnail-list{overflow-y:auto;padding:8px;flex:1;display:flex;flex-direction:column;gap:6px}.thumbnail-item{position:relative;cursor:pointer;border:2px solid transparent;border-radius:6px;overflow:hidden;transition:border-color .15s;background:#1e1e2e}.thumbnail-item:hover{border-color:#45475a}.thumbnail-item.active{border-color:#89b4fa}.thumbnail-item.drag-over{border-color:#f9e2af;border-style:dashed}.thumbnail-item canvas{width:100%;display:block}.page-number{position:absolute;bottom:4px;right:4px;background:#000000bf;color:#cdd6f4;font-size:10px;padding:1px 6px;border-radius:4px;font-weight:500}.pdf-viewer{flex:1;overflow:auto;background:#11111b;display:flex;justify-content:center;padding:24px}.pdf-viewer.empty{align-items:center}.empty-message{text-align:center;color:#6c7086}.empty-icon{color:#34d399;display:block;margin:0 auto 16px}.empty-message h2{font-size:20px;font-weight:500;margin:0 0 8px;color:#a6adc8}.empty-message p{font-size:14px;margin:0}.canvas-container{position:relative;display:inline-block;box-shadow:0 4px 24px #00000080;line-height:0;align-self:flex-start}.pdf-canvas{display:block}.pdf-canvas.tool-text{cursor:text}.pdf-canvas.tool-signature,.pdf-canvas.tool-crop,.pdf-canvas.tool-highlight,.pdf-canvas.tool-draw,.pdf-canvas.tool-redact{cursor:crosshair}.pdf-viewer.drag-active{outline:3px dashed #89b4fa;outline-offset:-8px;background:#89b4fa0f}.annotation{position:absolute;pointer-events:auto}.annotation:hover .annotation-delete{opacity:1}.annotation-text span{color:#000;font-family:Helvetica,Arial,sans-serif;pointer-events:none;white-space:nowrap}.annotation-signature{border:1px dashed transparent}.annotation-signature:hover{border-color:#89b4fa}.annotation-signature img{width:100%;height:100%;pointer-events:none}.annotation-highlight{background:#f9e2af59;border:1px solid rgba(249,226,175,.5);border-radius:2px}.annotation-redact{background:#000;border:1px solid #000;border-radius:0}.annotation-drawing{pointer-events:none}.annotation-drawing svg{width:100%;height:100%}.annotation.draggable{cursor:grab}.annotation.draggable:active{cursor:grabbing}.annotation-delete{position:absolute;top:-10px;right:-10px;width:20px;height:20px;border-radius:50%;background:#f38ba8;color:#fff;border:none;font-size:14px;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s;display:flex;align-items:center;justify-content:center;padding:0}.text-input-overlay{position:absolute}.text-input-overlay input{border:2px solid #89b4fa;border-radius:4px;padding:4px 8px;font-size:16px;font-family:Helvetica,Arial,sans-serif;background:#fffffff2;color:#000;outline:none;min-width:150px}.crop-overlay{position:absolute;border:2px dashed #89b4fa;background:#89b4fa1f;pointer-events:none}.highlight-overlay{position:absolute;background:#f9e2af59;border:1px solid rgba(249,226,175,.6);pointer-events:none;border-radius:2px}.redact-overlay{position:absolute;background:#000000b3;border:2px solid #f38ba8;pointer-events:none}.drawing-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.crop-actions{position:absolute;display:flex;gap:6px;z-index:10}.crop-actions button{padding:4px 14px;border-radius:4px;border:none;font-size:12px;font-weight:500;cursor:pointer}.crop-actions button:first-child{background:#89b4fa;color:#1e1e2e}.crop-actions button:last-child{background:#45475a;color:#cdd6f4}.modal-actions svg{color:#34d399;vertical-align:middle}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#1e1e2e;border:1px solid #313244;border-radius:12px;padding:24px;max-width:90vw}.modal h3{margin:0 0 4px;color:#cdd6f4;font-size:18px;font-weight:600}.modal-hint{margin:0 0 16px;color:#6c7086;font-size:13px}.signature-canvas{border:1px solid #45475a;border-radius:8px;cursor:crosshair;display:block;width:500px;height:200px;background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 25%),linear-gradient(-45deg,#e0e0e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e0e0 75%),linear-gradient(-45deg,transparent 75%,#e0e0e0 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:#fff;touch-action:none}.modal-actions{display:flex;gap:8px;margin-top:16px;justify-content:flex-end}.btn-primary{padding:8px 18px;border:none;border-radius:6px;background:#89b4fa;color:#1e1e2e;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.btn-primary:hover{background:#74c7ec}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{padding:8px 18px;border:1px solid #45475a;border-radius:6px;background:transparent;color:#cdd6f4;font-size:13px;cursor:pointer;transition:background .15s}.btn-secondary:hover{background:#313244}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:2000}.loading-spinner{width:40px;height:40px;border:3px solid #45475a;border-top-color:#89b4fa;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
