@charset "UTF-8";:root{--color-primary: #1E88E5;--color-primary-light: #64B5F6;--color-primary-dark: #0D47A1;--color-primary-rgb: 30, 136, 229;--color-secondary: #43A047;--color-secondary-light: #76D275;--color-secondary-dark: #2E7D32;--color-secondary-rgb: 67, 160, 71;--color-background: #FFFFFF;--color-surface: #F5F7FA;--color-text-primary: #263238;--color-text-secondary: #546E7A;--color-success: #4CAF50;--color-error: #F44336;--color-warning: #FF9800;--color-info: #2196F3;--gradient-primary: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));--gradient-secondary: linear-gradient(135deg, var(--color-secondary), var(--color-secondary-dark));--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--text-color-default: var(--color-text-primary);--text-color-secondary: var(--color-text-secondary);--bg-color: var(--color-background);--action-bg-color: rgba(var(--color-primary-rgb), .1)}[data-theme=dark]{--color-background: #121212;--color-surface: #1E1E1E;--color-text-primary: #ECEFF1;--color-text-secondary: #B0BEC5;--color-primary: #42A5F5;--color-primary-light: #90CAF9;--color-primary-dark: #1976D2;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4)}html,body{height:100vh;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--color-background);color:var(--color-text-primary);line-height:1.6;margin:0;transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:600;margin-top:0;line-height:1.3}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button{font-family:Inter,sans-serif;font-weight:500;font-size:1rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);border:none;background:var(--color-primary);color:#fff;cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}button:hover:not(.disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}button:active:not(.disabled){transform:translateY(0)}button.primary{background:var(--gradient-primary)}button.secondary{background:var(--gradient-secondary)}button.text{background:transparent;color:var(--color-primary);box-shadow:none}button.text:hover:not(.disabled){background:rgba(var(--color-primary-rgb),.1);box-shadow:none}button.outlined{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}button.outlined:hover:not(.disabled){background:rgba(var(--color-primary-rgb),.05)}button.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}button .icon{margin-right:.5rem}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-normal)}a:hover{color:var(--color-primary-dark)}.spinner{display:inline-block;width:1.5rem;height:1.5rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.input-group{position:relative;margin-bottom:1.5rem}.input-group input{width:100%;padding:1rem .75rem;font-size:1rem;font-family:Inter,sans-serif;background:var(--color-surface);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-md);transition:all var(--transition-normal);color:var(--color-text-primary)}.input-group input:focus~label,.input-group input:not(:placeholder-shown)~label{top:-.5rem;left:.5rem;font-size:.75rem;padding:0 .25rem;background:var(--color-surface);color:var(--color-primary)}.select{padding:.625rem .9375rem;font-size:.875rem;color:var(--color-text-primary);box-shadow:var(--shadow-sm);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.1);height:2.5rem;max-height:2.5rem;box-sizing:border-box;flex-grow:1;transition:all var(--transition-normal)}.select:hover:not(.disabled){border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.select.disabled .selected{cursor:default;opacity:.7}.select.disabled .selected .option{cursor:default}.select .options{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.1);overflow:hidden}.select .options .option{display:flex;gap:.625rem;cursor:pointer;border-left:solid .3125rem transparent;padding:.625rem .9375rem;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items:center;transition:all var(--transition-normal)}.select .options .option:hover,.select .options .option:focus{border-left:solid .3125rem var(--color-primary);background-color:rgba(var(--color-primary-rgb),.1)}.error-message{color:var(--color-error);font-size:.875rem;margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.error-message:before{content:"⚠️"}.card{background:var(--color-surface);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width: 768px){.container{padding:0 2rem}}.info-section{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.info-section{grid-template-columns:1fr 1fr}}.info-card,.tutorial-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.info-card:hover,.tutorial-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.card-content{padding:2rem}.card-title{font-size:1.5rem;margin-bottom:1rem;color:var(--color-primary)}.card-description{margin-bottom:2rem;color:var(--color-text-secondary)}.input-group{position:relative;margin-bottom:1.5rem;display:flex;gap:1rem}.input-group input{flex:1;padding:1rem .75rem;font-size:1.25rem;font-family:Inter,sans-serif;background:var(--color-background);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-md);transition:all var(--transition-normal)}.input-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2)}.input-group label{position:absolute;left:.75rem;top:1rem;font-size:1rem;color:var(--color-text-secondary);pointer-events:none;transition:all var(--transition-normal)}.input-group input:focus~label,.input-group input:not(:placeholder-shown)~label{top:-.5rem;left:.5rem;font-size:.75rem;padding:0 .25rem;background:var(--color-background);color:var(--color-primary)}.input-group button{padding:0}.submit-button{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;border:none;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.submit-button:hover:not(.disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.submit-button:active:not(.disabled){transform:translateY(0)}.submit-button.disabled{opacity:.6;cursor:not-allowed}.tutorial-card{padding:2rem}.tutorial-card :global(iframe){border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal)}.tutorial-card :global(iframe):hover{box-shadow:var(--shadow-md)}.tutorial-card :global(a){display:inline-block;margin-top:1rem;color:var(--color-primary);font-weight:500;transition:color var(--transition-normal)}.tutorial-card :global(a):hover{color:var(--color-primary-dark)}.tutorial-card :global(a):after{content:" →";transition:transform var(--transition-normal);display:inline-block}.tutorial-card :global(a):hover:after{transform:translate(4px)}.select.disabled.svelte-1wwda75 .selected:where(.svelte-1wwda75){cursor:default}.select.svelte-1wwda75{position:relative;display:flex;align-items:center;flex:1;cursor:pointer}.select.svelte-1wwda75 .content:where(.svelte-1wwda75){display:flex;justify-content:space-between;align-items:center;flex:1;width:100%}.select.svelte-1wwda75 .content:where(.svelte-1wwda75) .selected:where(.svelte-1wwda75){flex:1;overflow-x:auto;gap:.7375rem;scrollbar-width:none}.select.svelte-1wwda75 .content:where(.svelte-1wwda75) .placeholder:where(.svelte-1wwda75){opacity:.8;white-space:nowrap}.select.svelte-1wwda75 .content:where(.svelte-1wwda75) .selected:where(.svelte-1wwda75),.select.svelte-1wwda75 .content:where(.svelte-1wwda75) .placeholder:where(.svelte-1wwda75){display:inline-flex;align-items:center;height:1.75rem}.select.svelte-1wwda75 .content:where(.svelte-1wwda75) .arrow:where(.svelte-1wwda75){display:flex;align-items:center;justify-content:center;font-size:1.625rem}.select.svelte-1wwda75 .content:where(.svelte-1wwda75) .open:where(.svelte-1wwda75){transform:rotate(180deg)}.select.svelte-1wwda75 .options:where(.svelte-1wwda75){position:absolute;top:calc(100% + .9375rem);left:0;max-height:15.625rem;max-width:18.75rem;border:.0625rem solid var(--text-color-secondary);background-color:var(--bg-color);border-radius:.4375rem;box-shadow:0 .5rem 1rem #0000001a;z-index:16;overflow-y:auto}.inverted.svelte-1wwda75 .options:where(.svelte-1wwda75){bottom:calc(100% + .9375rem);top:auto}.disabled.svelte-1wwda75{cursor:default}.app.svelte-1f3mzr9{display:flex;flex-direction:column;min-height:100vh}.header.svelte-1f3mzr9{background:var(--color-surface);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:10;transition:all var(--transition-normal);padding:.75rem 0}.header.svelte-1f3mzr9:hover{box-shadow:var(--shadow-md)}.header.svelte-1f3mzr9 .header-content:where(.svelte-1f3mzr9){display:flex;justify-content:space-between;align-items:center}.header.svelte-1f3mzr9 .logo-container:where(.svelte-1f3mzr9){display:flex;align-items:center;gap:1rem;position:relative}.header.svelte-1f3mzr9 .logo-container:where(.svelte-1f3mzr9):after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width .4s ease}.header.svelte-1f3mzr9 .logo-container:where(.svelte-1f3mzr9):hover:after{width:100%}.header.svelte-1f3mzr9 .company-logo:where(.svelte-1f3mzr9){max-height:3rem;max-width:8rem;transition:all var(--transition-normal);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.header.svelte-1f3mzr9 .company-logo:where(.svelte-1f3mzr9):hover{transform:translateY(-2px) rotate(2deg);filter:drop-shadow(0 4px 6px rgba(0,0,0,.15))}.header.svelte-1f3mzr9 .logo:where(.svelte-1f3mzr9){font-family:Poppins,sans-serif;font-weight:600;font-size:1.75rem;margin:0;background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:transform var(--transition-normal)}.header.svelte-1f3mzr9 .logo:where(.svelte-1f3mzr9):hover{transform:scale(1.05)}.header.svelte-1f3mzr9 .logo-img:where(.svelte-1f3mzr9){max-height:3rem;max-width:8rem;transition:transform var(--transition-normal)}.header.svelte-1f3mzr9 .logo-img:where(.svelte-1f3mzr9):hover{transform:scale(1.05)}.header.svelte-1f3mzr9 .header-actions:where(.svelte-1f3mzr9){display:flex;align-items:center;gap:1rem}.header.svelte-1f3mzr9 .theme-toggle:where(.svelte-1f3mzr9){background:transparent;border:none;color:var(--color-text-primary);padding:.5rem;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-normal);box-shadow:none}.header.svelte-1f3mzr9 .theme-toggle:where(.svelte-1f3mzr9):hover{background-color:#0000000d;transform:none}.header.svelte-1f3mzr9 .language-selector:where(.svelte-1f3mzr9){width:5rem}.options-container.svelte-1f3mzr9{width:4.85rem}.content.svelte-1f3mzr9{flex:1;padding:2rem 0;animation:fadeIn .5s ease}.footer.svelte-1f3mzr9{background:var(--color-surface);padding:2rem 0;text-align:center}.footer.svelte-1f3mzr9 .bh-link:where(.svelte-1f3mzr9){display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.footer.svelte-1f3mzr9 .bh-link:where(.svelte-1f3mzr9) span:where(.svelte-1f3mzr9){margin-top:.5rem}.footer.svelte-1f3mzr9 .footer-logo:where(.svelte-1f3mzr9){height:4rem;max-width:80vw;transition:transform var(--transition-normal)}.footer.svelte-1f3mzr9 .footer-logo:where(.svelte-1f3mzr9):hover{transform:scale(1.05)}.footer.svelte-1f3mzr9 .contact-info:where(.svelte-1f3mzr9){display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:1.5rem}.footer.svelte-1f3mzr9 .contact-link:where(.svelte-1f3mzr9){display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);transition:color var(--transition-normal)}.footer.svelte-1f3mzr9 .contact-link:where(.svelte-1f3mzr9):hover{color:var(--color-primary);text-decoration:none}.left.has-no-logo.svelte-1f3mzr9{display:flex;flex-direction:column}.left.has-no-logo.svelte-1f3mzr9 .sub-logo:where(.svelte-1f3mzr9){justify-content:center}@media (max-width: 767px){.left.svelte-1f3mzr9{display:flex;justify-content:space-around;width:100%}}.left.svelte-1f3mzr9 .sub-logo:where(.svelte-1f3mzr9){display:flex}@media (min-width: 768px){.left.svelte-1f3mzr9 .sub-logo:where(.svelte-1f3mzr9){display:none}}.middle.svelte-1f3mzr9{display:flex;flex-grow:1;justify-content:center}@media (max-width: 767px){.middle.svelte-1f3mzr9{display:none}}@media (max-width: 767px){.header.svelte-1f3mzr9 .header-content:where(.svelte-1f3mzr9){flex-direction:column;gap:1rem;padding:.5rem 0}.header.svelte-1f3mzr9 .logo-container:where(.svelte-1f3mzr9){flex-direction:column;text-align:center}.header.svelte-1f3mzr9 .logo-container:where(.svelte-1f3mzr9):after{bottom:-4px;left:50%;transform:translate(-50%)}.header.svelte-1f3mzr9 .logo-container.has-picture:where(.svelte-1f3mzr9){flex-direction:row}.footer.svelte-1f3mzr9 .contact-info:where(.svelte-1f3mzr9){flex-direction:column;align-items:center}}
