html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.skip-link{color:#fff;z-index:1000;background:#4285f4;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 #4285f4}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:#292929;border:1px solid #3c4043;border-radius:20px;padding:30px;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 4px 8px #0000001a,0 12px 24px #00000026,0 24px 48px #0003}.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,#4285f4 0%,#1967d2 100%)}.template-section{background:linear-gradient(145deg,#292929,#353535);border:1px solid #4285f433;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 #4285f426}.template-section-header{color:#e8eaed;border-bottom:2px solid #4285f4;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,#4285f4,#1967d2);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,#4285f4,#1967d2)}.template-btn-primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a3d91)}.template-btn-secondary{color:#4285f4;background:#292929;border:2px solid #4285f4}.template-btn-secondary:hover{color:#fff;background:#4285f4}.template-info-box{background:#4285f41a;border:1px solid #4285f433;border-left:4px solid #4285f4;border-radius:10px;margin:15px 0;padding:15px;position:relative}.template-info-box.warning{background:#ff98001a;border-color:#ff980033 #ff980033 #ff980033 #ff9800}.template-info-box.success{background:#4caf501a;border-color:#4caf5033 #4caf5033 #4caf5033 #4caf50}.template-info-box.danger{background:#f443361a;border-color:#f4433633 #f4433633 #f4433633 #f44336}.template-table-container{background:#202124;border-radius:15px;margin:20px 0;padding:20px;overflow-x:auto}.template-table{border-collapse:collapse;background:#292929;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 #4285f426;padding:15px 20px}.template-table th{color:#fff;letter-spacing:.5px;z-index:1;background:linear-gradient(135deg,#4285f4,#1967d2);font-size:.9rem;font-weight:600;position:sticky;top:0}.template-table tr:hover{background:#353535;transition:background .2s}.template-form-group{margin-bottom:20px}.template-form-label{color:#9aa0a6;cursor:pointer;margin-bottom:8px;font-size:.95rem;font-weight:500;display:block}.template-form-input,.template-form-textarea,.template-form-select{color:#e8eaed;background:#292929;border:2px solid #3c4043;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:#4285f4;outline:none;box-shadow:0 0 0 3px #4285f41a}.template-form-input::-moz-placeholder{color:#5f6368;opacity:1}.template-form-textarea::-moz-placeholder{color:#5f6368;opacity:1}.template-form-input::placeholder,.template-form-textarea::placeholder{color:#5f6368;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}}