.gift-form{width:100%;max-width:500px;margin:0 auto}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-dark);font-size:.95rem}.form-group input{width:100%;padding:14px 20px;border:2px solid var(--border-default);border-radius:var(--radius-small);font-family:var(--font-body);font-size:15px;background:var(--bg-white);color:var(--text-dark);transition:var(--transition-standard)}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #20c9971a}.form-group input::placeholder{color:var(--text-body);opacity:.6}.form-submit{width:100%;margin-top:10px;padding:14px 30px;font-size:17px}.form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-error{background:#fee;border:2px solid #fcc;border-radius:var(--radius-small);padding:12px 16px;margin-bottom:20px;color:#c33;font-size:.9rem;text-align:center}.form-security-note{background:linear-gradient(135deg,#20c9970f,#0dcaf00f);border:1px solid rgba(32,201,151,.2);border-radius:var(--radius-small);padding:12px 16px;margin-bottom:20px;text-align:center}.form-security-note p{margin:0;color:var(--text-medium);font-size:.85rem;line-height:1.5}.form-security-note i{margin-right:6px;color:var(--primary-color)}.phone-input-wrapper{display:flex;gap:8px;align-items:stretch}.country-code-select{width:200px!important;flex-shrink:0;padding:14px 20px;border:2px solid var(--border-default);border-radius:var(--radius-small);font-family:var(--font-body);font-size:15px;background:var(--bg-white);color:var(--text-dark);transition:var(--transition-standard);cursor:pointer}.country-code-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #20c9971a}.country-code-select option{padding:10px}.phone-number-input{flex:1}.phone-hint{display:block;margin-top:6px;color:var(--text-body);font-size:.85rem;opacity:.7}@media (max-width: 600px){.phone-input-wrapper{flex-direction:column}.country-code-select{width:100%!important}}.gifts-list{width:100%;max-width:1000px;margin:0 auto;padding:40px 20px}.gifts-list h2{text-align:center;margin-bottom:10px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gifts-intro{text-align:center;color:var(--text-medium);margin-bottom:40px;font-size:1.1rem}.gifts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin-top:30px}.gift-card{background:var(--bg-white);border:3px solid var(--border-default);border-radius:var(--radius-card);padding:30px;text-align:center;cursor:pointer;transition:var(--transition-smooth);display:flex;flex-direction:column;align-items:center;min-height:280px}.gift-card:hover{transform:translateY(-8px);border-color:var(--primary-color);box-shadow:var(--shadow-hover)}.gift-icon{width:80px;height:80px;margin-bottom:20px;color:var(--primary-color);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#20c9971a,#0dcaf01a);border-radius:50%;transition:var(--transition-standard)}.gift-card:hover .gift-icon{transform:scale(1.1);filter:drop-shadow(0 4px 12px rgba(32,201,151,.35))}.gift-card h3{margin-bottom:12px;color:var(--text-dark);font-size:1.3rem}.gift-card p{color:var(--text-medium);margin-bottom:20px;flex-grow:1;font-size:.95rem}.gift-download-btn{background:var(--primary-color);color:#fff;padding:10px 25px;border-radius:var(--radius-button);font-weight:500;font-size:.95rem;transition:var(--transition-standard);margin-top:auto}.gift-card:hover .gift-download-btn{background:var(--primary-color-alt);transform:translateY(-2px);box-shadow:var(--shadow-button)}@media (max-width: 768px){.gifts-grid{grid-template-columns:1fr;gap:20px}.gift-card{min-height:250px;padding:25px}}.progress-indicator{margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#20c9970a,#0dcaf00a);border-radius:var(--radius-card);border:1px solid rgba(32,201,151,.15)}.progress-steps{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;position:relative}.progress-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;z-index:2}.step-number{width:40px;height:40px;border-radius:50%;background:var(--bg-light-2);border:3px solid var(--border-default);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-medium);font-size:1rem;transition:var(--transition-standard);margin-bottom:8px}.progress-step.active .step-number{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 4px 12px #20c9974d}.progress-step.current .step-number{transform:scale(1.1);box-shadow:0 6px 20px #20c99766}.step-label{font-size:.85rem;color:var(--text-medium);font-weight:500;text-align:center}.progress-step.active .step-label{color:var(--primary-color);font-weight:600}.progress-bar{height:4px;background:var(--bg-light-2);border-radius:2px;margin-bottom:10px;position:relative;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;transition:width .5s ease;box-shadow:0 2px 8px #20c9974d}.progress-text{text-align:center;font-size:.9rem;color:var(--text-medium);font-weight:500}@media (max-width: 576px){.progress-steps{gap:10px}.step-number{width:35px;height:35px;font-size:.9rem}.step-label{font-size:.75rem}.progress-text{font-size:.85rem}}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-light-1)}.app-header{background:linear-gradient(135deg,#20c99714,#0dcaf014);padding:50px 20px;text-align:center;border-bottom:2px solid var(--border-default)}.header-content{max-width:800px;margin:0 auto}.app-header h1{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:15px;font-size:2.2rem}.subtitle{color:var(--text-medium);font-size:1.1rem;font-weight:400;margin-bottom:25px}.branding{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-default)}.branding p{color:var(--text-medium);margin-bottom:8px;font-size:.95rem}.brand-name{color:var(--primary-color);font-weight:600}.instagram-link{color:var(--primary-color);font-weight:500;font-size:1rem;transition:var(--transition-standard);display:inline-block}.instagram-link:hover{color:var(--accent-color);transform:translateY(-2px)}.app-main{flex:1;padding:60px 20px;max-width:1200px;margin:0 auto;width:100%}.form-container{display:flex;justify-content:center;align-items:flex-start}.form-card{max-width:550px;width:100%;padding:40px}.targeted-gift-notice{margin-bottom:25px;padding:20px;background:linear-gradient(135deg,#20c99714,#0dcaf014);border:2px solid rgba(32,201,151,.2);border-radius:var(--radius-small);text-align:center}.targeted-gift-text{color:var(--text-dark);margin-bottom:15px;font-size:1rem}.targeted-gift-text strong{color:var(--primary-color);font-weight:600}.success-container{width:100%}.success-card{max-width:600px;margin:0 auto;padding:50px 40px;text-align:center}.success-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700}.success-icon i{font-size:40px;color:#fff}margin: 0 auto 25px; box-shadow: var(--shadow-button); } .success-card h2{margin-bottom:15px;color:var(--text-dark)}.success-card h3{margin-top:20px;margin-bottom:10px;color:var(--text-dark);font-size:1.5rem}.success-message{color:var(--primary-color);font-weight:500;margin-bottom:20px}.success-card p{color:var(--text-medium);margin-bottom:30px;font-size:1.05rem;line-height:1.8}.success-actions{display:flex;flex-direction:column;gap:10px;align-items:center}.mobile-download-notice{background:linear-gradient(135deg,#20c99714,#0dcaf014);border:1px solid rgba(32,201,151,.2);border-radius:var(--radius-small);padding:12px 16px;margin:15px 0;text-align:center}.mobile-download-notice p{margin:0;font-size:.85rem;color:var(--text-dark);line-height:1.5}.mobile-download-notice strong{color:var(--primary-color)}.success-intro{max-width:600px;margin:0 auto 40px;padding:30px;text-align:center;background:linear-gradient(135deg,#20c9970f,#0dcaf00f);border:2px solid rgba(32,201,151,.2)}.success-icon-small{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 15px;box-shadow:var(--shadow-button)}.success-icon-small i{font-size:24px;color:#fff}.success-intro h2{margin-bottom:10px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.success-intro p{color:var(--text-medium);font-size:1rem;margin:0}.social-share{margin-top:30px;padding:25px;text-align:center;background:linear-gradient(135deg,#20c9970a,#0dcaf00a);border:1px solid rgba(32,201,151,.15)}.social-share p{margin-bottom:15px;color:var(--text-dark);font-size:.95rem}.share-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.share-btn{font-size:.9rem;padding:12px 16px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:var(--radius-small)}.share-btn i{font-size:1.2rem}.instagram-link i{margin-right:6px}@media (max-width: 768px){.app-header{padding:40px 15px}.app-header h1{font-size:1.8rem}.app-main{padding:40px 15px}.form-card{padding:30px 20px}.success-card{padding:40px 25px}}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#20c9970f,#0dcaf00f);padding:20px}.admin-login-card{background:var(--bg-white);border:3px solid var(--border-default);border-radius:var(--radius-card);padding:50px 40px;max-width:450px;width:100%;box-shadow:var(--shadow-card)}.admin-login-card h1{text-align:center;margin-bottom:10px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-subtitle{text-align:center;color:var(--text-medium);margin-bottom:35px;font-size:1rem}.admin-login-form{margin-top:30px}.admin-login-btn{width:100%;margin-top:10px}.admin-note{margin-top:25px;padding-top:20px;border-top:1px solid var(--border-default);text-align:center}.admin-note p{font-size:.85rem;color:var(--text-body);margin:0}.admin-note code{background:var(--bg-light-1);padding:2px 6px;border-radius:4px;font-family:var(--font-body);font-size:.85rem;color:var(--primary-color)}@media (max-width: 576px){.admin-login-card{padding:40px 25px}}.admin-dashboard{min-height:100vh;background:var(--bg-light-1)}.admin-header{background:linear-gradient(135deg,#20c99714,#0dcaf014);border-bottom:2px solid var(--border-default);padding:30px 20px}.admin-header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.admin-header h1{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:5px;font-size:2rem}.admin-welcome{color:var(--text-medium);font-size:.95rem;margin:0}.admin-main{max-width:1200px;margin:0 auto;padding:40px 20px}.admin-message{padding:15px 20px;border-radius:var(--radius-small);margin-bottom:20px;font-weight:500;animation:slideDown .3s ease}.admin-message.success{background:linear-gradient(135deg,#20c9971a,#0dcaf01a);border:2px solid var(--primary-color);color:var(--primary-color)}.admin-message.error{background:#fee;border:2px solid #fcc;color:#c33}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-actions{margin-bottom:30px}.admin-form-card{margin-bottom:40px;padding:35px}.admin-form-card h2{margin-bottom:25px;color:var(--text-dark)}.admin-form{display:flex;flex-direction:column;gap:20px}.test-url-link{display:inline-block;margin-top:5px;font-size:.85rem;color:var(--primary-color);text-decoration:none;transition:var(--transition-standard)}.test-url-link:hover{color:var(--accent-color);text-decoration:underline}.admin-form-actions{display:flex;gap:15px;margin-top:10px}.admin-gifts-list{margin-bottom:40px}.gifts-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.admin-gifts-list h2{margin:0;color:var(--text-dark)}.search-box{position:relative;display:flex;align-items:center;min-width:250px}.search-input{flex:1;padding:10px 35px 10px 15px;border:2px solid var(--border-default);border-radius:var(--radius-button);font-family:var(--font-body);font-size:.9rem;background:var(--bg-white);color:var(--text-dark);transition:var(--transition-standard)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #20c9971a}.search-input::placeholder{color:var(--text-body)}.clear-search{position:absolute;right:8px;background:transparent;border:none;color:var(--text-medium);cursor:pointer;font-size:1.2rem;padding:4px 8px;border-radius:50%;transition:var(--transition-standard);line-height:1}.clear-search:hover{background:var(--bg-light-2);color:var(--text-dark)}.search-results-info{padding:10px 20px;background:linear-gradient(135deg,#20c9970d,#0dcaf00d);border-bottom:1px solid var(--border-default);font-size:.9rem;color:var(--text-medium);font-weight:500}.empty-state{background:var(--bg-white);border:2px dashed var(--border-default);border-radius:var(--radius-card);padding:60px 20px;text-align:center}.empty-state p{color:var(--text-medium);font-size:1.1rem}.gifts-table{background:var(--bg-white);border:3px solid var(--border-default);border-radius:var(--radius-card);overflow:hidden;overflow-x:auto}.gifts-table table{width:100%;border-collapse:collapse}.gifts-table thead{background:linear-gradient(135deg,#20c9971a,#0dcaf01a)}.gifts-table th{padding:15px 20px;text-align:left;font-weight:600;color:var(--text-dark);border-bottom:2px solid var(--border-default)}.gifts-table td{padding:15px 20px;border-bottom:1px solid var(--border-default);color:var(--text-medium)}.gifts-table tbody tr:hover{background:var(--bg-light-1)}.gifts-table tbody tr:last-child td{border-bottom:none}.gift-link{color:var(--primary-color);text-decoration:none;font-size:.9rem;word-break:break-all;transition:var(--transition-standard)}.gift-link:hover{color:var(--accent-color);text-decoration:underline}.share-link-cell{display:flex;gap:8px;align-items:center;min-width:300px}.share-link-input{flex:1;padding:8px 12px;border:2px solid var(--border-default);border-radius:var(--radius-small);font-family:var(--font-body);font-size:.85rem;background:var(--bg-white);color:var(--text-dark);cursor:text;min-width:0}.share-link-input:focus{outline:none;border-color:var(--primary-color)}.btn-copy-link{background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-small);padding:8px 14px;font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition-standard);white-space:nowrap;font-family:var(--font-body)}.btn-copy-link:hover{background:var(--primary-color-alt);transform:translateY(-2px);box-shadow:0 3px 10px #20c9974d}.table-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-test,.btn-duplicate,.btn-edit,.btn-delete{background:transparent;border:2px solid var(--border-default);border-radius:8px;padding:8px 12px;cursor:pointer;font-size:1.1rem;transition:var(--transition-standard);line-height:1}.btn-test:hover{border-color:var(--accent-color);background:#0dcaf01a;transform:translateY(-2px)}.btn-duplicate:hover,.btn-edit:hover{border-color:var(--primary-color);background:#20c9971a;transform:translateY(-2px)}.btn-delete:hover{border-color:#dc3545;background:#dc35451a;transform:translateY(-2px)}.admin-info{padding:25px;background:linear-gradient(135deg,#20c9970f,#0dcaf00f);border:2px solid rgba(32,201,151,.2)}.admin-info h3{margin-bottom:15px;color:var(--text-dark)}.admin-info p{color:var(--text-medium);margin-bottom:10px}.admin-info code{background:var(--bg-white);padding:8px 12px;border-radius:var(--radius-small);font-family:var(--font-body);font-size:.9rem;color:var(--primary-color);display:inline-block;margin:5px 0;border:1px solid var(--border-default)}.info-note{margin-top:15px;font-size:.9rem}@media (max-width: 768px){.admin-header-content{flex-direction:column;align-items:flex-start}.gifts-table{font-size:.9rem}.gifts-table th,.gifts-table td{padding:12px 15px}.share-link-cell{flex-direction:column;align-items:stretch;min-width:auto}.share-link-input{width:100%;margin-bottom:5px}.btn-copy-link{width:100%}.admin-form-card{padding:25px 20px}}:root{--primary-color: #249976;--primary-color-alt: #20C997;--primary-color-rgb: 32, 201, 151;--accent-color: #0dcaf0;--accent-color-rgb: 13, 202, 240;--text-dark: #333;--text-medium: #666;--text-body: #909090;--text-ink-900: #0b132b;--text-black: #202020;--bg-white: #ffffff;--bg-light-1: #f8f8f8;--bg-light-2: #e0e0e0;--bg-very-light: #f0f0f0;--border-default: #e0e0e0;--border-hover: rgba(32, 201, 151, .55);--font-body: "JetBrains Mono", monospace;--font-heading: "Space Grotesk", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-base-body: "Raleway", Helvetica, Arial, sans-serif;--font-base-title: "Outfit", Helvetica, Arial, sans-serif;--spacing-section: 80px;--spacing-card: 30px;--spacing-element: 20px;--spacing-small: 10px;--radius-card: 14px;--radius-button: 25px;--radius-small: 10px;--shadow-card: 0 8px 24px rgba(0, 0, 0, .08);--shadow-hover: 0 16px 40px rgba(0, 0, 0, .18);--shadow-button: 0 5px 15px rgba(32, 201, 151, .3);--transition-standard: all .3s ease;--transition-smooth: .35s cubic-bezier(.2, .8, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:15px;line-height:1.6;color:var(--text-dark);background-color:var(--bg-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;letter-spacing:.2px;color:var(--text-dark)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:1em;color:var(--text-medium)}a{color:var(--primary-color);text-decoration:none;transition:var(--transition-standard)}a:hover{color:var(--primary-color-alt)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:var(--spacing-section) 0}.btn-main{background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-button);padding:12px 30px;font-size:16px;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:var(--transition-standard);box-shadow:var(--shadow-button)}.btn-main:hover{background:#1eb68a;transform:translateY(-2px);box-shadow:0 5px 15px #20c99766}.btn-outline{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);border-radius:var(--radius-button);padding:10px 25px;font-size:16px;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:var(--transition-standard)}.btn-outline:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.card{background:var(--bg-white);border:3px solid var(--border-default);border-radius:var(--radius-card);padding:var(--spacing-card);box-shadow:var(--shadow-card);transition:var(--transition-smooth)}.card:hover{transform:translateY(-8px);border-color:var(--primary-color);box-shadow:var(--shadow-hover)}input,textarea,select{font-family:var(--font-body);font-size:15px;border:2px solid var(--border-default);border-radius:var(--radius-small);padding:12px 20px;background:var(--bg-white);color:var(--text-dark);transition:var(--transition-standard);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color)}label{font-weight:500;color:var(--text-dark);font-size:.9rem;margin-bottom:5px;display:block}.glass{background:linear-gradient(135deg,#20c9970f,#0dcaf00f);-webkit-backdrop-filter:saturate(1.15) blur(2px);backdrop-filter:saturate(1.15) blur(2px);border:1px solid rgba(32,201,151,.25)}.gradient-text{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.8rem}.section{padding:40px 0}.card{padding:20px}.container{padding:0 15px}}@media (max-width: 576px){h1{font-size:1.8rem}h2{font-size:1.5rem}body{font-size:14px}.section{padding:30px 0}.card{padding:20px}}