html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.skip-link{color:#fff;z-index:1000;background:#667eea;border-radius:4px;padding:8px;text-decoration:none;transition:top .3s;position:absolute;top:-40px;left:6px}.skip-link:focus{top:6px}:focus-visible:not(button){outline-offset:2px;border-radius:4px;outline:2px solid #667eea}button:focus,button:focus-visible{border:none!important;outline:none!important}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.template-card{background:#fff;border:1px solid #fff3;border-radius:20px;padding:30px;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 4px 8px #0000000a,0 12px 24px #00000014,0 24px 48px #0000001f}.template-card:before{content:"";-webkit-mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);border-radius:20px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.template-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000000f,0 16px 32px #0000001f,0 32px 64px #00000029}.template-gradient-bg{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.template-section{background:linear-gradient(145deg,#f8f9ff,#fff);border:1px solid #667eea26;border-radius:15px;margin-bottom:25px;padding:20px;transition:transform .3s,box-shadow .3s;position:relative}.template-section:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea26}.template-section-header{color:#333;border-bottom:2px solid #667eea;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;font-size:1.1rem;font-weight:600;display:flex}.template-badge{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;min-height:24px;padding:6px 12px;font-size:.85rem;font-weight:500;line-height:1.2;display:inline-block}.template-badge-secondary{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.template-badge-success{background:linear-gradient(135deg,#6bcf7f,#4caf50)}.template-badge-warning{background:linear-gradient(135deg,#ffd93d,#ff9800)}.template-btn{cursor:pointer;text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:12px 20px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.template-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.template-btn:active{transform:translateY(-1px)}.template-btn:focus-visible{outline-offset:2px;outline:2px solid}.template-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.template-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.template-btn-primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a3d91)}.template-btn-secondary{color:#667eea;background:#fff;border:2px solid #667eea}.template-btn-secondary:hover{color:#fff;background:#667eea}.template-info-box{background:#f8f9ff;border:1px solid #e0e6ff;border-left:4px solid #667eea;border-radius:10px;margin:15px 0;padding:15px;position:relative}.template-info-box.warning{background:#fff9f0;border-color:#ffd93d #ffd93d #ffd93d #ff9800}.template-info-box.success{background:#f0f9f4;border-color:#6bcf7f #6bcf7f #6bcf7f #4caf50}.template-info-box.danger{background:#fff5f5;border-color:#ff6b6b #ff6b6b #ff6b6b #f44336}.template-table-container{background:#f8f9ff;border-radius:15px;margin:20px 0;padding:20px;overflow-x:auto}.template-table{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 4px 20px #00000014}.template-table th,.template-table td{text-align:left;font-variant-numeric:tabular-nums;border-bottom:1px solid #667eea26;padding:15px 20px}.template-table th{color:#fff;letter-spacing:.5px;z-index:1;background:linear-gradient(135deg,#667eea,#764ba2);font-size:.9rem;font-weight:600;position:sticky;top:0}.template-table tr:hover{background:#f8f9ff;transition:background .2s}.template-form-group{margin-bottom:20px}.template-form-label{color:#555;cursor:pointer;margin-bottom:8px;font-size:.95rem;font-weight:500;display:block}.template-form-input,.template-form-textarea,.template-form-select{color:#333;background:#fff;border:2px solid #e0e6ff;border-radius:10px;width:100%;min-height:44px;padding:12px 15px;font-size:1rem;transition:border-color .3s,box-shadow .3s}.template-form-input:focus,.template-form-textarea:focus,.template-form-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.template-form-input::-moz-placeholder{color:#999;opacity:1}.template-form-textarea::-moz-placeholder{color:#999;opacity:1}.template-form-input::placeholder,.template-form-textarea::placeholder{color:#999;opacity:1}.template-form-input:invalid{border-color:#ff6b6b}@keyframes template-fadeIn{0%{opacity:0;transform:translateZ(0)}to{opacity:1;transform:translateZ(0)}}@keyframes template-slideUp{0%{opacity:0;transform:translateY(30px)translateZ(0)}to{opacity:1;transform:translateY(0)translateZ(0)}}.template-animate-fadeIn{animation:.8s template-fadeIn}.template-animate-slideUp{animation:.8s template-slideUp}.template-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (max-width:768px){.template-card{padding:20px}.template-btn,.template-form-input,.template-form-textarea,.template-form-select{font-size:16px}}