:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--primary-green: #2d5a3d;--primary-green-light: #3a7254;--primary-green-dark: #1e3a2a;--accent-green: #4ade80;--bg-primary: #f0f4f1;--bg-secondary: #e8f3ec;--bg-dark: #d4e8dc;--text-primary: #1a2e24;--text-secondary: #4a5f52;--border-color: #a3c9b3;--shadow-color: rgba(45, 90, 61, .1);color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--primary-green);text-decoration:inherit}a:hover{color:var(--primary-green-light)}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid var(--border-color);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light));color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px var(--shadow-color)}button:hover{background:linear-gradient(135deg,var(--primary-green-light),var(--accent-green));transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}button:active{transform:translateY(0);box-shadow:0 2px 4px var(--shadow-color)}button:focus,button:focus-visible{outline:3px solid var(--accent-green);outline-offset:2px}@media(prefers-color-scheme:dark){:root{--primary-green: #3a7254;--primary-green-light: #4ade80;--primary-green-dark: #2d5a3d;--accent-green: #66ff99;--bg-primary: #1a2e24;--bg-secondary: #243832;--bg-dark: #2d453a;--text-primary: #e8f3ec;--text-secondary: #a3c9b3;--border-color: #4a5f52;--shadow-color: rgba(0, 0, 0, .3)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--bg-primary, #f0f4f1);color:var(--text-primary, #1a2e24);overflow-x:hidden;-webkit-tap-highlight-color:rgba(45,90,61,.2);-webkit-touch-callout:none;touch-action:manipulation}#root{height:100vh;height:100dvh}.video-editor{height:100vh;height:100dvh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f0f4f1,#e8f3ec);overflow:hidden}.editor-header{height:60px;background:linear-gradient(135deg,var(--primary-green, #2d5a3d),var(--primary-green-light, #3a7254));display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:2px solid var(--border-color, #a3c9b3);box-shadow:0 2px 12px #2d5a3d33}.editor-header h1{font-size:1.5rem;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.header-controls{display:flex;gap:20px;font-size:.9rem;color:#e8f3ec}.editor-main{flex:1;display:flex;min-height:0}.media-bin{width:300px;background-color:var(--bg-secondary, #e8f3ec);border-right:1px solid var(--border-color, #a3c9b3);display:flex;flex-direction:column;padding:15px;overflow-y:auto;max-height:calc(100vh - 380px);box-shadow:2px 0 8px #2d5a3d1a}.media-bin h3{margin-bottom:10px;color:var(--primary-green-dark, #1e3a2a);font-size:.9rem;padding-bottom:6px;border-bottom:2px solid var(--primary-green, #2d5a3d);font-weight:600}.media-list{flex:1;overflow-y:auto;margin-bottom:10px}.media-item{background-color:#fff;border:1px solid var(--border-color, #a3c9b3);border-radius:4px;padding:6px 8px;margin-bottom:5px;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 4px #2d5a3d1a;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;min-height:36px}.media-item:hover{background-color:var(--bg-dark, #d4e8dc);border-color:var(--primary-green, #2d5a3d);transform:translateY(-2px);box-shadow:0 4px 8px #2d5a3d26}.media-info{display:flex;flex-direction:column;gap:4px}.media-info strong{color:var(--primary-green-dark, #1e3a2a);font-size:.75rem;font-weight:600}.media-info div{color:var(--text-secondary, #4a5f52);font-size:.7rem}.preview-area{flex:1;background-color:var(--bg-primary, #f0f4f1);display:flex;flex-direction:column;padding:15px;min-width:400px}.preview-area h3{margin-bottom:15px;color:var(--primary-green-dark, #1e3a2a);font-size:1.1rem;padding-bottom:8px;border-bottom:2px solid var(--primary-green, #2d5a3d);font-weight:600}.video-preview{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a2e24,#243832);border-radius:12px;border:2px solid var(--border-color, #a3c9b3);margin-bottom:15px;min-height:300px;box-shadow:inset 0 2px 8px #0003}.video-preview video{border-radius:6px;max-width:100%;max-height:100%}.preview-controls{display:flex;align-items:center;gap:15px;padding:12px;background:linear-gradient(135deg,#ffffff 0%,var(--bg-secondary, #e8f3ec) 100%);border-radius:10px;border:1px solid var(--border-color, #a3c9b3);position:relative;z-index:2;box-shadow:0 2px 6px #2d5a3d1a}.btn-control{background:linear-gradient(135deg,var(--primary-green, #2d5a3d),var(--primary-green-light, #3a7254));border:1px solid var(--primary-green-dark, #1e3a2a);border-radius:8px;padding:10px 16px;color:#fff;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 6px #2d5a3d33;font-weight:500;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;min-height:44px}.btn-control:hover{background:linear-gradient(135deg,var(--primary-green-light, #3a7254),var(--accent-green, #4ade80));transform:translateY(-2px);box-shadow:0 5px 12px #2d5a3d40}.btn-control:active{transform:translateY(0);box-shadow:0 2px 4px #0003;background:linear-gradient(135deg,var(--primary-green-dark, #1e3a2a),var(--primary-green, #2d5a3d))}.btn-control.active{background:linear-gradient(135deg,var(--accent-green, #4ade80),#66ff99);box-shadow:0 3px 8px #4ade804d}.time-display{background:linear-gradient(135deg,var(--primary-green-dark, #1e3a2a),var(--primary-green, #2d5a3d));color:#e8f3ec;padding:8px 14px;border-radius:6px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.95rem;font-weight:600;border:1px solid var(--primary-green-light, #3a7254);min-width:120px;text-align:center;box-shadow:inset 0 1px 3px #0000001a}.current-clip-info{background-color:#fff;color:var(--text-secondary, #4a5f52);padding:6px 10px;border-radius:6px;border:1px solid var(--border-color, #a3c9b3);min-width:200px;box-shadow:0 1px 3px #2d5a3d1a}.current-clip-info small{font-size:.75rem;font-family:Courier New,monospace}.inspector{width:600px;background-color:var(--bg-secondary, #e8f3ec);border-left:1px solid var(--border-color, #a3c9b3);display:flex;flex-direction:column;padding:15px;overflow:visible;height:calc(100vh - 380px);box-shadow:-2px 0 8px #2d5a3d1a}.inspector h3{margin-bottom:15px;color:var(--primary-green-dark, #1e3a2a);font-size:1.1rem;padding-bottom:8px;border-bottom:2px solid var(--primary-green, #2d5a3d);font-weight:600}.property-section{background-color:#fff;border-radius:8px;padding:15px;margin-bottom:15px;border:1px solid var(--border-color, #a3c9b3);box-shadow:0 2px 4px #2d5a3d14}.property-section h4{color:var(--primary-green, #2d5a3d);margin:0 0 10px;font-size:.95rem;font-weight:600}.clip-properties{background-color:var(--bg-dark, #d4e8dc);border-radius:6px;padding:12px;margin-bottom:10px;border:1px solid var(--border-color, #a3c9b3)}.clip-properties div{color:var(--text-secondary, #4a5f52);font-size:.85rem;margin-bottom:4px}.clip-properties strong{color:var(--primary-green-dark, #1e3a2a);font-weight:600}.trim-controls{display:flex;flex-direction:column;gap:8px;margin:8px 0;padding:10px;background:linear-gradient(135deg,#f8faf9,#e8f3ec);border-radius:6px;border:1px solid var(--border-color, #a3c9b3)}.trim-controls label{color:var(--primary-green-dark, #1e3a2a)!important;font-size:.8rem!important;margin:0!important;font-weight:600!important}.trim-slider{width:100%;height:6px;background:var(--bg-dark, #d4e8dc);outline:none;border-radius:3px;-webkit-appearance:none;touch-action:none;cursor:pointer}.trim-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:linear-gradient(135deg,var(--primary-green, #2d5a3d),var(--primary-green-light, #3a7254));border:2px solid #ffffff;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #2d5a3d33}.trim-slider::-webkit-slider-thumb:hover{background:linear-gradient(135deg,var(--primary-green-light, #3a7254),var(--accent-green, #4ade80));transform:scale(1.2);box-shadow:0 3px 6px #2d5a3d4d}.trim-controls span{color:var(--text-secondary, #4a5f52);font-size:.75rem;font-family:SF Mono,Monaco,Courier New,monospace;text-align:center;font-weight:500}.property-section label{display:block;color:var(--primary-green-dark, #1e3a2a);font-size:.9rem;margin-bottom:8px;font-weight:600}.property-section input[type=range]{width:100%;height:6px;background:var(--bg-dark, #d4e8dc);outline:none;border-radius:3px;-webkit-appearance:none;touch-action:none;cursor:pointer}.property-section input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(135deg,var(--primary-green, #2d5a3d),var(--primary-green-light, #3a7254));border:2px solid #ffffff;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #2d5a3d33}.property-section input[type=range]::-webkit-slider-thumb:hover{background:linear-gradient(135deg,var(--primary-green-light, #3a7254),var(--accent-green, #4ade80));transform:scale(1.15);box-shadow:0 3px 6px #2d5a3d4d}.timeline-area{height:280px;background:linear-gradient(180deg,#1a2e24,#243832);border-top:2px solid var(--primary-green, #2d5a3d);display:flex;flex-direction:column;padding:15px;position:relative;z-index:1;box-shadow:0 -4px 12px #0000004d}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #3a5240}.timeline-header h3{margin:0;color:#e8f3ec;font-size:1.1rem;font-weight:600}.timeline-controls{display:flex;align-items:center;gap:10px}.timeline-controls label{color:#a3c9b3;font-size:.9rem;white-space:nowrap;font-weight:500}.timeline-controls input[type=range]{height:6px;background:#fff;outline:none;border-radius:3px;-webkit-appearance:none;border:1px solid var(--border-color, #a3c9b3);touch-action:none;cursor:pointer}.timeline-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:linear-gradient(135deg,var(--primary-green, #2d5a3d),var(--primary-green-light, #3a7254));border:2px solid #ffffff;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #2d5a3d33}.timeline-controls input[type=range]::-webkit-slider-thumb:hover{background:linear-gradient(135deg,var(--primary-green-light, #3a7254),var(--accent-green, #4ade80));transform:scale(1.15);box-shadow:0 3px 6px #2d5a3d4d}.timeline-container{flex:1;overflow:auto;position:relative;min-height:180px;max-height:220px}.timeline-placeholder{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-secondary, #4a5f52);font-size:1.1rem;background:linear-gradient(135deg,#ffffff 0%,var(--bg-secondary, #e8f3ec) 100%);border-radius:10px;border:2px dashed var(--border-color, #a3c9b3)}.editor-footer{height:40px;background:linear-gradient(135deg,var(--primary-green, #2d5a3d),var(--primary-green-dark, #1e3a2a));border-top:1px solid var(--primary-green-light, #3a7254);display:flex;align-items:center;padding:0 20px;box-shadow:0 -2px 6px #2d5a3d1a}.status-info{color:#e8f3ec;font-size:.85rem;font-weight:500}.btn-primary{background:linear-gradient(135deg,var(--primary-green, #2d5a3d),var(--primary-green-light, #3a7254));border:1px solid var(--primary-green-dark, #1e3a2a);border-radius:6px;padding:6px 10px;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #2d5a3d33;width:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;min-height:36px}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-green-light, #3a7254),var(--accent-green, #4ade80));transform:translateY(-2px);box-shadow:0 5px 12px #2d5a3d40}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 4px #0003;background:linear-gradient(135deg,var(--primary-green-dark, #1e3a2a),var(--primary-green, #2d5a3d))}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary, #e8f3ec);border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-green, #2d5a3d),var(--primary-green-light, #3a7254));border-radius:5px;border:2px solid var(--bg-secondary, #e8f3ec)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-green-light, #3a7254),var(--accent-green, #4ade80))}@media(max-width:768px){.editor-header{height:auto;min-height:50px;flex-direction:row;flex-wrap:wrap;padding:8px 10px;gap:8px;align-items:center;justify-content:space-between}.editor-header h1{font-size:1rem;margin:0;flex-shrink:0}.editor-header h1 img{width:20px!important;height:20px!important;margin-right:6px!important}.header-controls{flex-direction:row;gap:6px;width:auto;flex:1;font-size:.7rem;justify-content:flex-end;align-items:center;flex-wrap:wrap}.header-controls>span:nth-child(1),.header-controls>span:nth-child(2){display:none!important}.header-controls>span{font-size:.7rem;padding:4px 8px!important;margin:0!important}.user-email,.user-separator{display:none!important}.header-controls button{width:auto!important;padding:6px 12px!important;font-size:.75rem!important;margin:0 0 0 6px!important}.editor-main{flex-direction:column}.media-bin{display:none}.mobile-controls{display:flex!important;flex-direction:column;gap:8px;padding:10px;background:var(--bg-secondary, #e8f3ec);border-top:2px solid var(--border-color, #a3c9b3);border-bottom:2px solid var(--border-color, #a3c9b3);position:relative;z-index:10;order:2;max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-controls-row{display:flex;gap:6px;flex-wrap:wrap}.mobile-controls button,.mobile-controls label.btn-primary{flex:1;min-width:80px;font-size:.85rem;padding:10px;border:none;border-radius:6px;cursor:pointer;touch-action:manipulation}.mobile-controls h4{margin:0 0 8px;font-size:.9rem;color:#2d5a3d;font-weight:700}.preview-area{order:1}.timeline-area{order:3}.preview-area{min-width:100%;padding:8px;flex:0 0 auto}.preview-area h3{font-size:.9rem;margin-bottom:8px}.video-preview{min-height:180px;max-height:200px;margin-bottom:8px}.inspector{display:none}.timeline-area{height:auto;min-height:200px;flex:1;padding:8px}.timeline-header{flex-direction:row;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.timeline-header h3{font-size:.85rem;margin:0}.timeline-shortcuts,.timeline-frame-toggle,.timeline-worker-status{display:none!important}.timeline-controls{width:100%;flex-wrap:wrap;gap:6px}.timeline-controls label{font-size:.75rem}.timeline-container{min-height:120px;flex:1}.btn-primary,.btn-control{min-height:44px;padding:10px 14px;font-size:.9rem}.preview-controls{flex-wrap:wrap;gap:6px;padding:6px}.time-display{font-size:.75rem;padding:4px 8px;min-width:80px}.current-clip-info{display:none}}@media(max-width:480px){.editor-header{padding:6px 8px;min-height:44px}.editor-header h1{font-size:.9rem}.editor-header h1 img{width:18px!important;height:18px!important;margin-right:4px!important}.header-controls{font-size:.65rem;gap:4px}.header-controls>span{font-size:.65rem!important;padding:3px 6px!important}.header-controls button{padding:6px 10px!important;font-size:.7rem!important}.preview-area{padding:6px}.preview-area h3{font-size:.85rem;margin-bottom:6px}.video-preview{min-height:150px;max-height:180px;margin-bottom:6px}.timeline-area{min-height:180px;padding:6px}.timeline-header h3{font-size:.8rem}.timeline-controls{font-size:.7rem;gap:4px}.timeline-controls label{font-size:.7rem}.timeline-container{min-height:100px}.btn-primary{padding:10px 12px;font-size:.8rem}.btn-control{padding:8px 10px;font-size:.85rem}.preview-controls{padding:6px;gap:4px}.time-display{font-size:.7rem;padding:4px 6px;min-width:70px}.editor-footer{display:none}.trim-slider::-webkit-slider-thumb,.property-section input[type=range]::-webkit-slider-thumb,.timeline-controls input[type=range]::-webkit-slider-thumb{width:20px;height:20px}::-webkit-scrollbar{width:4px;height:4px}}@media(max-width:360px){.editor-header{min-height:40px;padding:4px 6px}.editor-header h1{font-size:.85rem}.editor-header h1 img{width:16px!important;height:16px!important}.header-controls{font-size:.6rem}.header-controls>span{font-size:.6rem!important;padding:2px 4px!important}.header-controls button{padding:5px 8px!important;font-size:.65rem!important}.preview-area h3,.timeline-header h3{font-size:.75rem}.video-preview{min-height:130px;max-height:160px}.timeline-area{min-height:160px}.timeline-container{min-height:90px}.btn-primary,.btn-control{font-size:.75rem;padding:8px 10px}}@media(min-width:769px){.mobile-controls{display:none!important}}@media(max-width:1024px)and (min-width:769px){.media-bin{width:250px}.inspector{width:500px}.editor-header h1{font-size:1.3rem}.header-controls{font-size:.85rem}}@media(max-width:1200px)and (min-width:1025px){.media-bin{width:280px}.inspector{width:550px}}.timeline-container canvas{display:block;border-radius:4px}.selected{border-color:var(--accent-green, #4ade80)!important;box-shadow:0 0 0 3px #4ade804d;background-color:#4ade801a!important}.loading{opacity:.6;pointer-events:none;position:relative}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:3px solid var(--primary-green, #2d5a3d);border-top:3px solid var(--accent-green, #4ade80);border-radius:50%;animation:spin 1s linear infinite}.pricing-page{max-width:1400px;margin:0 auto;padding:40px 20px;min-height:100vh;overflow-y:auto}.pricing-header{text-align:center;margin-bottom:40px;position:relative}.pricing-header h1{font-size:2rem;color:var(--primary-green, #2d5a3d);margin-bottom:10px}.pricing-header .trial-info{font-size:.9rem;color:var(--text-secondary, #666)}.pricing-header .close-button{position:absolute;top:0;right:0;background:none;border:none;font-size:2rem;color:var(--text-secondary, #666);cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s,color .2s}.pricing-header .close-button:hover{background:#0000000d;color:var(--primary-green, #2d5a3d)}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;max-width:1400px;margin-left:auto;margin-right:auto}@media(max-width:1024px){.pricing-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.pricing-cards{grid-template-columns:1fr}}.pricing-card{background:#fff;border:2px solid var(--border-color, #a3c9b3);border-radius:12px;padding:30px;text-align:center;transition:transform .2s,box-shadow .2s}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #2d5a3d26}.pricing-card.current{border-color:var(--primary-green, #2d5a3d);background:linear-gradient(135deg,#f0f4f1,#e8f3ec)}.pricing-card .plan-name{font-size:1.5rem;font-weight:600;color:var(--primary-green, #2d5a3d);margin-bottom:15px}.pricing-card .plan-price{margin-bottom:10px}.pricing-card .plan-price .price{font-size:2.5rem;font-weight:700;color:var(--primary-green, #2d5a3d)}.pricing-card .plan-price .period{font-size:1rem;color:var(--text-secondary, #666)}.pricing-card .plan-duration{font-size:1rem;color:var(--text-secondary, #666);margin-bottom:25px}.pricing-card .plan-features{list-style:none;text-align:left;margin-bottom:30px}.pricing-card .plan-features li{padding:10px 0;border-bottom:1px solid var(--border-color, #e0e0e0);display:flex;align-items:center;gap:10px}.pricing-card .plan-features li:last-child{border-bottom:none}.pricing-card .plan-features .check-icon{color:var(--primary-green, #2d5a3d);font-weight:700;font-size:1.2rem}.pricing-card .select-button{width:100%;padding:15px 30px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary-green, #2d5a3d),var(--primary-green-light, #3a7254));border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.pricing-card .select-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #2d5a3d4d}.pricing-card .select-button:disabled{opacity:.6;cursor:not-allowed}.pricing-card .select-button.current{background:var(--border-color, #a3c9b3)}.pricing-note{text-align:center;color:var(--text-secondary, #666);font-size:.9rem}.pricing-note p{margin:5px 0}.error-message{background:#fee;color:#c33;padding:15px;border-radius:8px;margin-bottom:20px;text-align:center}.payment-success-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.payment-success-modal{background:#fff;border-radius:16px;padding:40px;max-width:500px;width:90%;box-shadow:0 8px 32px #0000004d;text-align:center}.payment-success-content{display:flex;flex-direction:column;align-items:center;gap:20px}.success-icon{font-size:64px;animation:scaleIn .5s ease-out}.success-icon.loading{animation:spin 1.5s linear infinite}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payment-success-content h2{color:var(--primary-green, #2d5a3d);margin:0;font-size:24px}.payment-success-content p{color:#666;margin:0;font-size:16px}.session-info{background:#f5f5f5;padding:10px;border-radius:8px;width:100%}.session-info small{color:#999;font-size:12px;font-family:monospace}.close-button-primary{background:linear-gradient(135deg,var(--primary-green, #2d5a3d),var(--primary-green-light, #3a7254));color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s}.close-button-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2d5a3d4d}.close-button-primary:active{transform:translateY(0)}