header[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-shadow:0 8px 32px #0000001f;backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:50}.logo[data-astro-cid-3ef6ksr2]{font-weight:700;font-size:1.5rem;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:transform .2s ease}.logo[data-astro-cid-3ef6ksr2]:hover{transform:scale(1.05)}nav[data-astro-cid-3ef6ksr2]{display:flex;gap:2rem}.nav-item[data-astro-cid-3ef6ksr2]{position:relative}.nav-link[data-astro-cid-3ef6ksr2]{color:#ffffffe6;text-decoration:none;font-weight:500;font-size:1rem;padding:.75rem 1rem;display:inline-block;border-radius:8px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link[data-astro-cid-3ef6ksr2]:hover{color:#38bdf8;background-color:#38bdf81a;transform:translateY(-1px)}.nav-link[data-astro-cid-3ef6ksr2]:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#38bdf8,#3b82f6);transition:all .3s ease;transform:translate(-50%)}.nav-link[data-astro-cid-3ef6ksr2]:hover:after{width:80%}.dropdown[data-astro-cid-3ef6ksr2]{position:absolute;top:calc(100% + .5rem);left:0;background:#1e293bf2;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.75rem 0;width:auto;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;opacity:0;visibility:hidden;transform:translateY(15px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100;white-space:nowrap}.nav-item[data-astro-cid-3ef6ksr2]:hover>.dropdown[data-astro-cid-3ef6ksr2]{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.dropdown[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{display:block;padding:.75rem 1.25rem;color:#ffffffe6;text-decoration:none;font-weight:400;font-size:.9rem;border-radius:8px;margin:0 .5rem;position:relative;transition:all .2s ease}.dropdown[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;transform:translate(4px)}.dropdown[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:before{content:"→";opacity:0;margin-right:.5rem;transition:opacity .2s ease}.dropdown[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover:before{opacity:1}.actions[data-astro-cid-3ef6ksr2]{display:flex;gap:1rem;align-items:center}.btn[data-astro-cid-3ef6ksr2]{background-color:transparent;border:1.5px solid rgba(255,255,255,.3);border-radius:8px;padding:.5rem 1.25rem;color:#fff;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn[data-astro-cid-3ef6ksr2].primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:transparent;box-shadow:0 4px 14px #3b82f64d}.btn[data-astro-cid-3ef6ksr2]:hover{background-color:#fff;color:#0f172a;transform:translateY(-2px);box-shadow:0 8px 25px #ffffff26}.btn[data-astro-cid-3ef6ksr2].primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 8px 30px #3b82f666;transform:translateY(-2px)}@media (max-width: 768px){header[data-astro-cid-3ef6ksr2]{padding:1rem;flex-wrap:wrap}nav[data-astro-cid-3ef6ksr2]{gap:1rem}.nav-link[data-astro-cid-3ef6ksr2]{padding:.5rem .75rem;font-size:.9rem}.dropdown[data-astro-cid-3ef6ksr2]{min-width:200px;right:0;left:auto}.actions[data-astro-cid-3ef6ksr2]{gap:.5rem}.btn[data-astro-cid-3ef6ksr2]{padding:.375rem 1rem;font-size:.9rem}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}header[data-astro-cid-3ef6ksr2]{animation:fadeInDown .6s ease-out}body{margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(800px circle at 20% 10%,rgba(56,189,248,.15) 0%,transparent 50%),radial-gradient(600px circle at 80% 90%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(400px circle at 40% 60%,rgba(16,185,129,.08) 0%,transparent 50%);pointer-events:none;z-index:-1}main{flex:1;max-width:1200px;margin:0 auto;padding:2rem;width:100%;box-sizing:border-box}.form-container{background:linear-gradient(135deg,#0f172af2,#1e293bf2);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;margin:2rem auto;max-width:600px;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.form-group{margin-bottom:1.5rem;position:relative}.form-label{display:block;color:#ffffffe6;font-weight:600;font-size:.9rem;margin-bottom:.5rem;background:linear-gradient(135deg,#38bdf8,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-input,.form-select,.form-textarea{width:100%;padding:.875rem 1rem;background:#1e293bcc;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #0000001a}.form-input::placeholder,.form-textarea::placeholder{color:#fff6;font-style:italic}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#38bdf8;background:#1e293bf2;box-shadow:0 0 0 3px #38bdf81a,0 8px 25px #38bdf826;transform:translateY(-2px)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#38bdf880;background:#1e293be6}.form-textarea{min-height:120px;resize:vertical;padding-top:1rem;line-height:1.5}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2338bdf8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select option{background:#1e293b;color:#fff;padding:.5rem}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433,0 8px 25px #ef444426}.form-input.success,.form-select.success,.form-textarea.success{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.6;cursor:not-allowed;background:#1e293b80;border-color:#ffffff0d}.form-button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;padding:.875rem 2rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #3b82f64d;min-width:120px}.form-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 8px 30px #3b82f666}.form-button:active{transform:translateY(0);box-shadow:0 4px 14px #3b82f64d}.form-button.secondary{background:transparent;border:2px solid rgba(255,255,255,.3);box-shadow:none}.form-button.secondary:hover{background:#ffffff1a;border-color:#38bdf8;box-shadow:0 4px 14px #38bdf833}.input-group{position:relative}.input-group .form-input{padding-left:3rem}.input-group .input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#ffffff80;font-size:1.1rem;pointer-events:none;transition:color .3s ease}.input-group .form-input:focus+.input-icon{color:#38bdf8}.file-input{position:relative;display:inline-block;cursor:pointer;width:100%}.file-input input[type=file]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.file-input-label{display:flex;align-items:center;justify-content:center;padding:2rem;background:#1e293bcc;border:2px dashed rgba(255,255,255,.3);border-radius:12px;color:#ffffffb3;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.file-input:hover .file-input-label{border-color:#38bdf8;background:#1e293be6;color:#38bdf8}.checkbox-group,.radio-group{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.form-checkbox,.form-radio{width:1.25rem;height:1.25rem;background:#1e293bcc;border:2px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}.form-radio{border-radius:50%}.form-checkbox:checked,.form-radio:checked{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6}.form-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem;font-weight:700}.form-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:50%}.form-row{display:flex;gap:1rem;margin-bottom:1.5rem}.form-row .form-group{flex:1;margin-bottom:0}@media (max-width: 768px){.form-container{padding:1.5rem;margin:1rem;border-radius:12px}.form-row{flex-direction:column;gap:0}.form-row .form-group{margin-bottom:1.5rem}.form-input,.form-select,.form-textarea{padding:.75rem}.form-button{width:100%;padding:1rem}}.form-button.loading{position:relative;color:transparent}.form-button.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.tool-container{max-width:800px;margin:2rem auto;padding:0 1rem}.tool-header{text-align:center;margin-bottom:2rem}.tool-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem;background:linear-gradient(135deg,#38bdf8,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tool-description{font-size:1.1rem;color:#6b7280;line-height:1.6;max-width:600px;margin:0 auto}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 3rem;margin-bottom:2rem}.option-item{display:flex;align-items:center}.toggle-label{display:flex;align-items:center;cursor:pointer;gap:1rem;width:100%}.toggle-input{display:none}.toggle-slider{position:relative;width:50px;height:26px;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:26px;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.toggle-slider:before{content:"";position:absolute;top:3.5px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}
