:root{--primary: #00ffb3;--primary-dark: #00cc8f;--primary-light: rgba(0, 255, 179, .2);--primary-glow: rgba(0, 255, 179, .3);--secondary: #94a3b8;--accent: #00d4ff;--accent-dark: #0099cc;--accent-light: rgba(0, 212, 255, .2);--success: #00ffb3;--warning: #ffb347;--error: #ff6b6b;--info: #00d4ff;--background: #050505;--background-gradient: linear-gradient(135deg, #050505 0%, #0a0a0a 50%, #080808 100%);--surface: #111111;--surface-dark: #1a1a1a;--surface-light: #1f1f1f;--surface-hover: #2a2a2a;--surface-elevated: #151515;--border: #333333;--border-dark: #404040;--border-light: #555555;--border-accent: rgba(0, 255, 179, .4);--text: #ffffff;--text-light: #ffffff;--text-muted: #b8bcc8;--text-secondary: #e2e8f0;--text-disabled: #8b95a1;--hover: rgba(0, 255, 179, .15);--focus: rgba(0, 255, 179, .5);--active: rgba(0, 255, 179, .25);--selected: rgba(0, 255, 179, .2);--focus-ring: 0 0 0 3px rgba(0, 255, 179, .4);--focus-ring-inset: inset 0 0 0 2px rgba(0, 255, 179, .4);--space-1: .125rem;--space-2: .25rem;--space-3: .375rem;--space-4: .5rem;--space-5: .625rem;--space-6: .75rem;--space-8: 1rem;--space-12: 1.5rem;--space-16: 2rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--radius: .125rem;--radius-sm: .1875rem;--radius-md: .25rem;--radius-lg: .375rem;--transition: .15s ease-in-out;--shadow-sm: 0 1px 1px rgba(0, 0, 0, .08);--shadow-md: 0 2px 4px rgba(0, 0, 0, .12)}[data-theme=light]{--background: #f1f5f9;--background-gradient: linear-gradient(135deg, #f1f5f9 0%, #e8eef5 45%, #f8fafc 100%);--surface: #ffffff;--surface-dark: #f8fafc;--surface-light: #f1f5f9;--surface-elevated: #ffffff;--surface-hover: #e2e8f0;--border: #e2e8f0;--border-dark: #cbd5e1;--border-light: #94a3b8;--border-accent: rgba(0, 184, 148, .35);--text: #0f172a;--text-light: #1e293b;--text-muted: #64748b;--text-secondary: #475569;--text-disabled: #94a3b8;--primary: #047857;--primary-dark: #065f46;--success: #047857;--primary-glow: rgba(4, 120, 87, .22);--primary-light: rgba(4, 120, 87, .12);--hover: rgba(0, 0, 0, .05);--active: rgba(0, 0, 0, .1);--focus-ring: 0 0 0 3px rgba(0, 184, 148, .35);--focus-ring-inset: inset 0 0 0 2px rgba(0, 184, 148, .35);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;background:var(--background-gradient);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(0,212,170,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(6,182,212,.02) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(0,212,170,.01) 0%,transparent 50%);pointer-events:none;z-index:-1}[data-theme=light] body:before{background:radial-gradient(circle at 20% 20%,rgba(0,184,148,.06) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(6,182,212,.05) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(0,184,148,.03) 0%,transparent 50%)}img,video,svg{max-width:100%;height:auto;display:block}a{color:var(--primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--primary-dark)}a:focus{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius)}button:focus,input:focus,select:focus,textarea:focus{outline:none;box-shadow:var(--focus-ring)}.service-card:focus{outline:none;box-shadow:var(--focus-ring)}h1,h2,h3{font-family:var(--font-heading);color:var(--text-light);font-weight:600;line-height:1.3}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}p{color:var(--text-secondary)}.page-wrapper{display:flex;flex-direction:column;min-height:100vh;width:100%}.header,.footer{width:100%;padding:var(--space-4) 0;position:relative;z-index:2}.header{background:var(--background)}.header .container,.footer .container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}@media(max-width:768px){.header-content{flex-direction:column;gap:var(--space-3);text-align:center}.header-nav ul,.header-nav .nav-links{flex-direction:column;gap:var(--space-3);width:100%}.header-nav{flex-direction:column;align-items:stretch;width:100%}.header-nav a{padding:var(--space-2) var(--space-4);border-radius:var(--radius);background:#ffffff0d;transition:background-color var(--transition)}.header-nav a:hover{background:#ffffff1a}}.footer-content{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--space-4);flex-direction:column;text-align:center}#main-content{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:var(--space-6) var(--space-4)}@media(max-width:640px){#main-content{padding:var(--space-4) var(--space-2);justify-content:flex-start}}.auth-container,.version-container{width:100%;max-width:700px;text-align:center}.version-container{max-width:none;text-align:right;margin-top:var(--space-12)}.header .logo a,.header a.logo{font-size:var(--font-size-xl);font-weight:700;color:var(--text-light);text-decoration:none}.header-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-4)}.header-actions{display:flex;align-items:center;flex-shrink:0}.header-nav ul,.header-nav .nav-links{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6);margin:0;padding:0}.header-nav a{color:var(--text-secondary);font-weight:500;font-size:var(--font-size-sm);transition:color var(--transition)}.header-nav a:hover,.theme-switcher:hover,.theme-toggle:hover{color:var(--text-light)}.theme-switcher,.theme-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2)}.theme-toggle .theme-icon{width:1.25rem;height:1.25rem}[data-theme=dark] .theme-toggle .sun-icon,html:not([data-theme]) .theme-toggle .sun-icon{display:block}[data-theme=dark] .theme-toggle .moon-icon,html:not([data-theme]) .theme-toggle .moon-icon{display:none}[data-theme=light] .theme-toggle .sun-icon{display:none}[data-theme=light] .theme-toggle .moon-icon{display:block}.auth-container h1{margin-bottom:var(--space-3)}.auth-container .subtitle{margin-bottom:var(--space-8);color:var(--text-muted);max-width:500px;margin-left:auto;margin-right:auto}#katti-id-form,#kattiid-form{background:linear-gradient(135deg,var(--surface) 0%,var(--surface-elevated) 100%);padding:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px #0000000f;margin-top:var(--space-6);text-align:left}.form-group{margin-bottom:var(--space-6)}.form-group label{display:block;font-weight:500;margin-bottom:var(--space-2);color:var(--text-light)}.input-group{display:flex;flex-direction:column;gap:var(--space-4)}@media(min-width:640px){.input-group{flex-direction:row}}.input,#service-select,.btn{border-radius:var(--radius-sm);border:1px solid var(--border-dark);background-color:var(--background);color:var(--text);font-family:var(--font-family);font-size:var(--font-size-base);padding:var(--space-2);transition:border-color var(--transition);width:100%}.input:focus,#service-select:focus{outline:none;border-color:var(--accent);box-shadow:none}#service-select{flex-basis:35%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(../icons/ph-caret-down.svg);background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:2.5rem}#katti-id-input{flex-grow:1}.btn-submit{width:100%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;font-weight:600;cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:all .3s ease;box-shadow:0 2px 8px #00d4aa33,0 1px 3px #0000001a}.btn-submit:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,#00a085 100%);transform:translateY(-1px);box-shadow:0 4px 12px #00d4aa40,0 2px 6px #0000001a}.btn-submit:active{transform:translateY(0);box-shadow:0 1px 4px #00d4aa33,0 1px 2px #0000001a}.btn-submit:active{transform:scale(.98)}#form-message{margin-top:var(--space-4);font-weight:500;min-height:1.5em}#form-message.success{color:var(--success)}#form-message.error{color:var(--error)}.services-container{width:100%;max-width:1400px;margin:var(--space-16) auto 0;padding:0 var(--space-4);position:relative;overflow:hidden}.services-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(0,255,179,.03) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,107,107,.03) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(107,114,128,.02) 0%,transparent 50%);animation:backgroundFloat 20s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes backgroundFloat{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-20px,-30px) rotate(1deg)}66%{transform:translate(20px,-20px) rotate(-1deg)}}.services-header{text-align:center;margin-bottom:var(--space-6)}@keyframes headerSlideIn{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.services-header-content{max-width:800px;margin:0 auto;animation:headerContentSlideInUp 1.6s ease-out .5s both}@keyframes headerContentSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.services-container.loading{pointer-events:none;opacity:.7}.services-container.loading .service-card{animation:none;opacity:.5;transform:scale(.95)}.services-container.loading .search-input-group,.services-container.loading .filter-tabs{animation:none;opacity:.6}.service-card.loading{background:linear-gradient(90deg,var(--surface) 0%,var(--surface-light) 50%,var(--surface) 100%);background-size:200% 100%;animation:skeletonLoading 1.5s ease-in-out infinite}@keyframes skeletonLoading{0%{background-position:-200% 0}to{background-position:200% 0}}.service-card:focus-visible{outline:3px solid var(--primary);outline-offset:2px;transform:translateY(-2px);box-shadow:0 8px 24px #00ffb34d;z-index:10}.filter-tab:focus-visible{outline:3px solid var(--primary);outline-offset:2px;transform:translateY(-2px);z-index:10}.search-input:focus-visible{outline:3px solid var(--primary);outline-offset:2px;z-index:10}.service-action:focus-visible{outline:3px solid var(--primary);outline-offset:2px;z-index:10}@media(prefers-contrast:high){.service-card{border:2px solid var(--text-primary);background:var(--surface)}.service-card:hover{border-color:var(--primary);background:var(--surface-light)}.filter-tab{border:2px solid var(--text-secondary)}.filter-tab.active{border-color:var(--primary);background:var(--primary);color:var(--surface)}.search-input-group{border:2px solid var(--text-secondary)}.search-input-group:focus-within{border-color:var(--primary)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:6px;background:var(--primary);color:var(--surface);padding:8px;text-decoration:none;border-radius:4px;z-index:1000;transition:top .3s}.skip-link:focus{top:6px}.aria-live{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.service-card:focus-visible:before{content:"";position:absolute;inset:-4px;border:2px solid var(--primary);border-radius:var(--radius-lg);pointer-events:none;z-index:-1}.filter-tab:focus-visible:before{content:"";position:absolute;inset:-4px;border:2px solid var(--primary);border-radius:var(--radius-md);pointer-events:none;z-index:-1}.service-card[tabindex="0"]:focus{outline:none}.service-card[tabindex="0"]:focus-visible{outline:3px solid var(--primary);outline-offset:2px;transform:translateY(-2px);box-shadow:0 8px 24px #00ffb34d}@media(prefers-reduced-motion:reduce){.service-card,.filter-tab,.search-input-group,.search-clear,.service-action{transition:none}.service-card:hover,.filter-tab:hover,.search-input-group:focus-within,.search-clear:hover,.service-action:hover{transform:none}}@media(max-width:768px){.service-card{min-height:60px;padding:var(--space-4);touch-action:manipulation}.filter-tab{min-height:44px;min-width:44px;padding:var(--space-3);touch-action:manipulation}.search-clear,.service-action{min-height:44px;min-width:44px;touch-action:manipulation}.search-input{min-height:44px;padding:var(--space-3);font-size:16px}.service-card{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.service-card:active{transform:scale(.98);transition:transform .1s ease}.filter-tab:active,.search-clear:active,.service-action:active{transform:scale(.95);transition:transform .1s ease}.service-card{animation:mobileCardEntrance .6s ease-out}@keyframes mobileCardEntrance{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.services-grid{grid-template-columns:1fr;gap:var(--space-4)}.filter-tabs{padding:var(--space-4);gap:var(--space-3);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{flex-shrink:0;white-space:nowrap}.search-container{margin-bottom:var(--space-6)}.search-input-group{border-radius:var(--radius-lg)}.service-card{border-radius:var(--radius-lg);margin-bottom:var(--space-2)}.service-card .card-header{flex-direction:row;align-items:center;gap:var(--space-3)}.service-card .card-content{margin:var(--space-3) 0}.service-card .card-footer{flex-direction:column;gap:var(--space-2);align-items:stretch}.service-card .service-meta{flex-direction:column;gap:var(--space-2)}.keyboard-help-trigger{position:fixed;bottom:var(--space-4);right:var(--space-4);top:auto;z-index:1000;box-shadow:0 4px 16px #0000004d}}.service-card:hover{will-change:transform,box-shadow}.service-card:hover .service-icon-container{will-change:transform,background,box-shadow}.service-card:hover .status-icon,.filter-tab:hover{will-change:transform,box-shadow}.search-input-group:focus-within{will-change:transform,box-shadow}.search-clear:hover{will-change:transform,background,border-color}.service-action:hover{will-change:transform,box-shadow}.services-container{position:relative;overflow:hidden}.services-container:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 0%,rgba(0,255,179,.02) 25%,transparent 50%,rgba(255,107,107,.02) 75%,transparent 100%);pointer-events:none;z-index:-1;animation:subtleShimmer 8s ease-in-out infinite}@keyframes subtleShimmer{0%,to{opacity:0}50%{opacity:1}}.service-card.selected{border-color:var(--primary);background:linear-gradient(135deg,rgba(0,255,179,.05) 0%,var(--surface) 100%);box-shadow:0 8px 24px #00ffb333;transform:translateY(-2px)}.service-card.selected:before{opacity:1;background:linear-gradient(135deg,#00ffb31a,#00ffb30d)}.service-card.loading:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:shimmer 1.5s ease-in-out infinite;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.service-status-badge[data-status=premium]{background:linear-gradient(135deg,gold,orange);color:#000;box-shadow:0 2px 8px #ffd7004d}.service-status-badge[data-status=free]{background:linear-gradient(135deg,#00ff4c,#00cc3a);color:#000;box-shadow:0 2px 8px #00ff4c4d}.service-status-badge[data-status=user-required]{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff;box-shadow:0 2px 8px #ff6b6b4d}.service-status-badge[data-status=coming-soon]{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff;box-shadow:0 2px 8px #9c27b04d}.filter-tab.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--surface);box-shadow:0 4px 16px #00ffb34d;transform:translateY(-2px)}.filter-tab.active .tab-icon{transform:scale(1.1);animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1.1)}50%{transform:scale(1.2)}}.search-input-group:focus-within .search-icon{color:var(--primary);transform:scale(1.1);animation:searchIconPulse 2s ease-in-out infinite}@keyframes searchIconPulse{0%,to{transform:scale(1.1)}50%{transform:scale(1.2)}}.service-icon{transition:all .4s cubic-bezier(.4,0,.2,1)}.service-card:hover .service-icon{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 4px 8px rgba(0,255,179,.3))}.service-action{position:relative;overflow:hidden}.service-action:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#00ffb333;border-radius:50%;transform:translate(-50%,-50%);transition:all .6s ease;pointer-events:none}.service-action:active:before{width:200px;height:200px}.services-summary{position:relative;overflow:hidden}.services-summary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,255,179,.1) 50%,transparent 100%);animation:summaryShimmer 3s ease-in-out infinite}@keyframes summaryShimmer{0%{left:-100%}to{left:100%}}.services-grid{perspective:1000px}.service-card{transform-style:preserve-3d;transition:transform .6s ease}.service-card:hover{transform:translateY(-4px) rotateX(5deg) rotateY(5deg)}@media(max-width:768px){.service-card:active{transform:scale(.98) rotateX(2deg)}.filter-tab:active{transform:scale(.95) rotateY(5deg)}.search-clear:active,.service-action:active{transform:scale(.95) rotate(5deg)}}@media(max-width:768px){.service-card,.service-card:hover,.service-card:hover .service-icon-container,.service-card:hover .status-icon,.filter-tab:hover{will-change:auto}.search-input-group:focus-within{will-change:auto}.search-clear:hover,.service-action:hover{will-change:auto}}@media(prefers-reduced-motion:reduce){.services-container:before,.service-card,.services-header,.services-header-content,.services-title,.title-accent,.services-description,.services-controls,.search-container,.filter-tabs,.services-grid,.services-summary{animation:none}.service-card:hover,.filter-tab:hover,.search-input-group:focus-within,.search-clear:hover,.service-action:hover,.service-card:hover .service-icon-container,.service-card:hover .status-icon{animation:none}.service-card.loading{animation:none}}.services-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:600;color:var(--text-light);margin:0}@keyframes titleSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes accentSlideIn{0%{opacity:0;transform:translate(-50%) scaleX(0)}to{opacity:1;transform:translate(-50%) scaleX(1)}}@keyframes descriptionFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes controlsSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes searchSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.search-label{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.services-section{width:100%;max-width:1200px;margin:var(--space-16) auto 0;padding:0 var(--space-4)}.services-header{text-align:center;margin-bottom:var(--space-8)}.services-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:700;color:var(--text-light);margin-bottom:var(--space-3);line-height:1.2}.services-subtitle{font-size:var(--font-size-lg);color:var(--text-muted);max-width:600px;margin:0 auto;line-height:1.5}.services-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.service-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--space-6);transition:background-color .12s ease,border-color .12s ease,color .12s ease;cursor:pointer;position:relative;display:flex;align-items:center;gap:var(--space-4);min-height:80px;overflow:hidden}.service-card:before{display:none}.service-card:hover{border-color:var(--primary);background:var(--surface-light)}.service-card:hover:before{opacity:0}.service-card:focus{outline:0;box-shadow:var(--focus-ring)}.service-card.selected{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 1px var(--primary)}.service-icon{width:48px;height:48px;padding:var(--space-3);border-radius:var(--radius-md);background:var(--primary-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .12s ease,color .12s ease}.service-icon svg,.service-icon .ph-fill{font-size:24px;line-height:1;color:var(--primary);transition:color .12s ease}.service-card:hover .service-icon{background:var(--primary)}.service-card:hover .service-icon svg,.service-card:hover .service-icon .ph-fill{color:var(--text-light)}.service-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.service-name{font-size:var(--font-size-xl);color:var(--text-light);font-weight:600;margin:0;line-height:1.3;transition:color .12s ease}.service-card:hover .service-name{color:var(--primary)}.service-desc{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.4;margin:0;transition:color .12s ease}.service-card:hover .service-desc{color:var(--text-secondary)}.services-filters{display:flex;gap:var(--space-3);justify-content:center;align-items:center;margin:0 0 var(--space-6) 0}.filter-tab{appearance:none;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.filter-tab:hover{background:var(--surface-light);color:var(--text-light)}.filter-tab:focus{outline:0;box-shadow:var(--focus-ring)}.filter-tab.active{border-color:var(--primary);color:var(--text-light);background:var(--surface-light)}@media(max-width:640px){.services-filters{flex-wrap:wrap;row-gap:var(--space-2)}.filter-tab{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}}.service-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;transition:background-color .12s ease,color .12s ease,border-color .12s ease;position:relative;overflow:hidden}.service-badge:before{display:none}.service-badge.required{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#92400e;box-shadow:none}.service-badge.free{background:linear-gradient(135deg,#10b981,#059669);color:#064e3b;box-shadow:none}.service-badge.user-required{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#1e3a8a;box-shadow:none}.service-badge.coming-soon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#4c1d95;box-shadow:none}.service-badge.documentation{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#164e63;box-shadow:none}.badge-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1em;height:1em;font-size:.8125rem;line-height:1;transition:none}.service-card:active{background:var(--surface-light)}@media(min-width:1440px){.services-container{grid-template-columns:repeat(4,1fr)}}@media(min-width:768px)and (max-width:1023px){.services-container{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.services-container{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.services-section{padding:0 var(--space-2);margin-top:var(--space-12)}.services-container{grid-template-columns:1fr;gap:var(--space-3)}.service-card{min-height:70px;padding:var(--space-4);gap:var(--space-3)}.service-icon{width:40px;height:40px;padding:var(--space-2)}.service-icon svg,.service-icon .ph-fill{font-size:20px}.service-name{font-size:var(--font-size-lg)}.service-desc{font-size:var(--font-size-xs)}.service-badge{padding:var(--space-1) var(--space-2);font-size:.7rem}.badge-icon{font-size:.75rem}}@media(max-width:480px){.services-title{font-size:var(--font-size-2xl)}.services-subtitle{font-size:var(--font-size-base)}.service-card{min-height:60px;padding:var(--space-3);gap:var(--space-2)}.service-icon{width:36px;height:36px;padding:var(--space-1)}.service-icon svg,.service-icon .ph-fill{font-size:18px}.service-name{font-size:var(--font-size-base)}.service-desc{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.service-card,.service-icon,.service-name,.service-desc,.filter-tab{transition:none!important}}@keyframes gridFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.service-card{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);padding:var(--space-4);transition:all .3s ease;cursor:pointer;position:relative;display:flex;flex-direction:column;min-height:120px;animation:cardEntrance .6s ease-out;animation-fill-mode:both}.service-card:hover{border-color:var(--primary);background:var(--surface-light);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@keyframes cardHoverPulse{0%,to{box-shadow:0 12px 32px #0003,0 0 0 1px #00ffb31a}50%{box-shadow:0 16px 40px #00ffb326,0 0 0 2px #00ffb333}}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.service-status-badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.3px;transition:all .2s ease}.service-status-badge[data-status=required]{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#92400e;box-shadow:0 2px 8px #fbbf244d}.service-status-badge[data-status=free]{background:linear-gradient(135deg,#10b981,#059669);color:#064e3b;box-shadow:0 2px 8px #10b9814d}.service-status-badge[data-status=user-required]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#1e3a8a;box-shadow:0 2px 8px #3b82f64d}.service-status-badge[data-status=coming-soon]{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#4c1d95;box-shadow:0 2px 8px #8b5cf64d}.status-icon{width:14px;height:14px;flex-shrink:0;transition:all .4s ease}.service-card:hover .status-icon{transform:scale(1.1);animation:statusGlow 1.5s ease-in-out infinite}@keyframes statusPulse{0%,to{transform:scale(1.1)}50%{transform:scale(1.2)}}.status-text{font-weight:700}.service-icon-container{width:32px;height:32px;padding:var(--space-1);border-radius:var(--radius-sm);background:var(--surface-dark);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.service-card:hover .service-icon-container{transform:scale(1.05);background:var(--primary-light)}@keyframes iconFloat{0%,to{transform:scale(1.1) rotate(5deg) translateY(0)}50%{transform:scale(1.15) rotate(8deg) translateY(-2px)}}.service-icon{width:70%;height:70%;transition:all .4s ease}.service-card:hover .service-icon{filter:drop-shadow(0 0 8px rgba(0,255,179,.4))}.card-content{flex:1;display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3);position:relative;z-index:1}.service-title{font-size:var(--font-size-lg);color:var(--text-light);font-weight:600;margin:0;line-height:1.3;transition:all .2s ease}.service-card:hover .service-title{color:var(--primary);transform:translate(2px)}.service-description{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.4;margin:0;transition:all .2s ease}.service-card:hover .service-description{color:var(--text-secondary);transform:translate(2px)}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:var(--space-2);border-top:1px solid var(--border);position:relative;z-index:1}.service-meta{display:flex;flex-direction:column;gap:var(--space-1)}.service-category{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.service-availability{font-size:var(--font-size-xs);color:var(--text-disabled)}.service-action{background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:var(--space-2);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .4s cubic-bezier(.4,0,.2,1);min-width:36px;min-height:36px;backdrop-filter:blur(5px)}.service-action:hover{background:#00ffb326;border-color:#00ffb366;transform:scale(1.05)}@keyframes actionBounce{0%,to{transform:scale(1.05)}25%{transform:scale(1.1) rotate(5deg)}50%{transform:scale(1.08) rotate(-3deg)}75%{transform:scale(1.12) rotate(2deg)}}.service-action:disabled{opacity:.5;cursor:not-allowed;transform:none}.service-action svg{width:20px;height:20px;color:var(--text-muted);transition:all .4s ease}.service-action:hover svg{color:var(--primary);transform:translate(2px)}@keyframes summaryFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.summary-text{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.summary-count{font-weight:700;color:var(--primary)}.summary-filter{font-weight:600;color:var(--text-secondary)}.service-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--primary) 20%,var(--accent) 50%,var(--primary) 80%,transparent 100%);animation:shimmerTop 4s ease-in-out infinite}@keyframes shimmerTop{0%,to{opacity:.4}50%{opacity:1}}.service-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:700;color:var(--text-light);text-align:center;margin-bottom:var(--space-4);line-height:1.2;position:relative;display:block;width:100%}.service-title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:2px;box-shadow:0 2px 8px #00ffb34d}.service-subtitle{font-family:var(--font-family);text-align:center;color:var(--text-muted);font-size:var(--font-size-lg);max-width:800px;margin:0 auto var(--space-8);line-height:1.6;font-weight:400}.service-search-wrapper{max-width:800px;margin:0 auto var(--space-8);padding:0 var(--space-4);position:relative}.service-search-wrapper:before{content:"";position:absolute;top:-24px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,transparent,var(--primary),transparent);border-radius:2px;opacity:.7;box-shadow:0 2px 8px #00ffb34d}.service-search-box{position:relative;display:flex;align-items:center;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:2px solid rgba(0,255,179,.2);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;overflow:hidden;backdrop-filter:blur(10px)}.service-search-box:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00ffb31a,#00d4ff0d);opacity:0;transition:opacity .4s ease;pointer-events:none}.service-search-box:hover{border-color:#00ffb380;box-shadow:0 8px 24px #0003,0 4px 8px #00ffb31a;transform:translateY(-2px)}.service-search-box:hover:before{opacity:.3}.service-search-box:focus-within{border-color:var(--primary);box-shadow:0 8px 32px #00ffb340,0 4px 16px #00ffb326;background:linear-gradient(135deg,#ffffff1f,#ffffff0f);transform:translateY(-2px)}.service-search-box:focus-within:before{opacity:.4}.search-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;min-width:1.5rem;min-height:1.5rem;color:var(--text-muted);flex-shrink:0;margin-right:var(--space-4);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.service-search-box:hover .search-icon{color:var(--text-secondary);transform:scale(1.1) rotate(5deg)}.service-search-box:focus-within .search-icon{color:var(--primary);transform:scale(1.15) rotate(10deg);filter:drop-shadow(0 0 8px rgba(0,255,179,.3))}.service-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-light);font-size:var(--font-size-lg);font-weight:400;padding:var(--space-2) 0;position:relative;z-index:1;transition:all .4s ease}.service-search-input::placeholder{color:var(--text-muted);font-weight:300;transition:all .4s ease;opacity:.8}.service-search-input:focus::placeholder{color:var(--text-disabled);opacity:.5;transform:translateY(-2px)}.service-search-input:focus{color:var(--text-light)}.service-search-wrapper.loading .service-search-box{pointer-events:none;opacity:.7}@keyframes searchPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.service-search-wrapper.has-results .service-search-box{border-color:#00ffb399;box-shadow:0 8px 32px #00ffb340}.service-search-wrapper.no-results .service-search-box{border-color:#ef444466;box-shadow:0 8px 32px #ef444426}.search-clear-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:var(--space-2);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .4s cubic-bezier(.4,0,.2,1);margin-left:var(--space-4);position:relative;z-index:1;min-width:36px;min-height:36px;backdrop-filter:blur(5px)}.search-clear-btn svg{width:20px;height:20px;color:var(--text-muted);transition:all .4s cubic-bezier(.4,0,.2,1)}.search-clear-btn:hover{background:#ef444426;border-color:#ef444466;transform:scale(1.05);box-shadow:0 4px 12px #ef444433}.search-clear-btn:hover svg{color:#ef4444;transform:rotate(90deg) scale(1.1)}.search-clear-btn:active{transform:scale(.95)}@media(max-width:640px){.service-search-wrapper{padding:0 var(--space-3);margin-bottom:var(--space-6)}.service-search-wrapper:before{width:50px;height:3px;top:-18px}.service-search-box{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.service-search-input{font-size:16px}.search-icon{width:1.25rem;height:1.25rem;min-width:1.25rem;min-height:1.25rem}.search-clear-btn{min-width:32px;min-height:32px;padding:var(--space-1)}}.service-scroll-hint{display:flex;align-items:center;gap:var(--space-2);justify-content:center;margin-top:var(--space-8);color:var(--text-muted);font-size:var(--font-size-sm);opacity:.8}.hint-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);animation:pulseHint 1.6s ease-in-out infinite}@keyframes pulseHint{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}@media(min-width:640px){.service-section{padding:var(--space-12) var(--space-8);margin:0 var(--space-4) var(--space-16)}.service-title{font-size:var(--font-size-3xl, 2.25rem);margin-bottom:var(--space-12)}}@media(min-width:1024px){.service-section{padding:var(--space-16) var(--space-12);margin:0 auto var(--space-16)}}.service-legend{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;padding:var(--space-6);background:linear-gradient(135deg,#ffffff08,#ffffff03);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000001a}.legend-item{display:flex;align-items:center}.legend-badge{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px #00000026;border:2px solid transparent;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;backdrop-filter:blur(5px)}.legend-badge:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.3),transparent);opacity:0;transition:opacity .4s ease}.legend-badge:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.legend-badge:hover:before{opacity:1}.legend-badge:hover:after{left:100%}.legend-badge:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 8px 24px #00000040}.legend-badge.active{border-color:#fff6;box-shadow:0 8px 32px #00ffb366;transform:scale(1.12)}.legend-badge.active:before{opacity:1}.legend-badge svg{width:18px;height:18px;flex-shrink:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.legend-badge:hover svg{transform:rotate(15deg) scale(1.15)}.legend-badge.active svg{animation:iconBounce .8s cubic-bezier(.4,0,.2,1)}@keyframes iconBounce{0%,to{transform:scale(1)}25%{transform:scale(1.3) rotate(5deg)}50%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.2) rotate(3deg)}}.legend-badge.premium{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#92400e;box-shadow:0 4px 12px #fbbf244d}.legend-badge.premium:hover{box-shadow:0 8px 24px #fbbf2466}.legend-badge.free{background:linear-gradient(135deg,#10b981,#059669);color:#064e3b;box-shadow:0 4px 12px #10b9814d}.legend-badge.free:hover{box-shadow:0 8px 24px #10b98166}.legend-badge.user-required{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#1e3a8a;box-shadow:0 4px 12px #3b82f64d}.legend-badge.user-required:hover{box-shadow:0 8px 24px #3b82f666}.legend-badge.coming-soon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#4c1d95;box-shadow:0 4px 12px #8b5cf64d}.legend-badge.coming-soon:hover{box-shadow:0 8px 24px #8b5cf666}@media(max-width:640px){.service-legend{flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-6)}.legend-badge{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-4);width:100%;max-width:220px;justify-content:center;min-height:40px}.legend-badge svg{width:16px;height:16px}}@media(max-width:480px){.service-legend{padding:var(--space-3);gap:var(--space-2)}.legend-badge{font-size:.7rem;padding:var(--space-2) var(--space-3);max-width:180px;min-height:36px}.legend-badge svg{width:14px;height:14px}}@media(max-width:1024px){.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5)}.services-container{padding:0 var(--space-3)}}@media(max-width:768px){.services-grid{grid-template-columns:1fr;gap:var(--space-4);max-width:100%}.service-card{padding:var(--space-5);min-height:180px}.card-header{margin-bottom:var(--space-3)}.service-icon-container{width:44px;height:44px}.service-title{font-size:var(--font-size-lg)}.service-description{font-size:var(--font-size-sm)}.filter-tabs{flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4)}.filter-tab{width:100%;max-width:250px;justify-content:center}}@media(max-width:640px){.services-container{padding:0 var(--space-2)}.services-header{margin-bottom:var(--space-8)}.services-title{font-size:var(--font-size-2xl)}.services-description{font-size:var(--font-size-base)}.services-controls{gap:var(--space-6);margin-bottom:var(--space-8)}.search-input-group{padding:var(--space-3) var(--space-4)}.search-input{font-size:var(--font-size-base)}.service-card{padding:var(--space-4);min-height:160px}.card-header{margin-bottom:var(--space-2)}.service-icon-container{width:40px;height:40px}.service-title{font-size:var(--font-size-base)}.service-description{font-size:.8rem}.service-status-badge{padding:var(--space-1) var(--space-2);font-size:.7rem}.status-icon{width:12px;height:12px}.service-action{min-width:32px;min-height:32px}.service-action svg{width:18px;height:18px}}@media(max-width:480px){.service-list{gap:var(--space-3);padding:0 var(--space-3)}.service-card{padding:var(--space-4);min-height:80px;flex-direction:row;align-items:center;text-align:left;gap:var(--space-3);justify-content:space-between;position:relative}.service-card .service-icon{width:40px;height:40px;padding:var(--space-2);margin:0;flex-shrink:0}.service-card .service-content{flex:1;width:100%;align-items:flex-start;margin-right:var(--space-2);gap:var(--space-1)}.service-card .service-name{font-size:var(--font-size-base);margin:0;line-height:1.2}.service-card .service-desc{font-size:.8rem;text-align:left;margin:0;line-height:1.3}.service-card .service-badge{position:absolute;top:var(--space-2);right:var(--space-2);font-size:.6rem;padding:2px 6px;height:20px;min-width:fit-content}.service-section{padding:var(--space-6) var(--space-3);margin:0 var(--space-2) var(--space-12)}.service-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}.service-subtitle{font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.service-search-wrapper{padding:0 var(--space-2);margin-bottom:var(--space-6)}.service-search-wrapper:before{width:60px;height:3px;top:-20px}.service-search-box{padding:var(--space-3);border-radius:var(--radius-md)}}@media(prefers-reduced-motion:reduce){.service-card{animation:none;opacity:1;transform:none}.service-card,.service-card .service-icon,.service-card .service-name,.service-card .service-desc,.service-card .service-badge,.service-card:before{transition:none}.service-card.selected{animation:none}.service-card .service-badge:before{display:none}}.service-list{list-style:none;padding:0;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4);max-width:800px;width:100%}@media(min-width:768px){.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5);max-width:1000px}}@media(min-width:1024px){.service-list{grid-template-columns:repeat(3,1fr);gap:var(--space-6);max-width:1200px}}.service-card{background:linear-gradient(135deg,var(--surface) 0%,var(--surface-dark) 100%);border-radius:var(--radius-lg);border:2px solid var(--border);padding:var(--space-5);text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;align-items:center;gap:var(--space-4);position:relative;min-height:90px;justify-content:space-between;overflow:hidden;backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a}.service-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00ffb30d,#00d4ff05);opacity:0;transition:opacity .4s ease;pointer-events:none}.service-card:hover{border-color:var(--primary);background:linear-gradient(135deg,var(--surface-light) 0%,var(--surface) 100%);transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.service-card:hover:before{opacity:1}.service-card.selected{border-color:var(--primary);background:linear-gradient(135deg,var(--primary-light) 0%,var(--surface-light) 100%);box-shadow:0 8px 32px #00ffb333}.service-card.selected:before{opacity:1}.service-card-premium{border-left:5px solid #f59e0b;box-shadow:0 4px 12px #f59e0b1a}.service-card-premium:hover{box-shadow:0 8px 24px #f59e0b33}.service-card-free{border-left:5px solid #10b981;box-shadow:0 4px 12px #10b9811a}.service-card-free:hover{box-shadow:0 8px 24px #10b98133}.service-card-user-required{border-left:5px solid #3b82f6;box-shadow:0 4px 12px #3b82f61a}.service-card-user-required:hover{box-shadow:0 8px 24px #3b82f633}.service-card-coming-soon{border-left:5px solid #8b5cf6;box-shadow:0 4px 12px #8b5cf61a}.service-card-coming-soon:hover{box-shadow:0 8px 24px #8b5cf633}.service-card:focus{outline:3px solid var(--accent);outline-offset:2px}.service-card .service-icon{color:var(--primary);flex-shrink:0;width:48px;height:48px;padding:var(--space-2);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary-light) 0%,rgba(0,255,179,.1) 100%);display:flex;align-items:center;justify-content:center;align-self:flex-start;margin-right:var(--space-4);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.service-card:hover .service-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,var(--primary-light) 0%,rgba(0,255,179,.2) 100%);box-shadow:0 4px 16px #00ffb34d}.service-card .service-icon svg,.service-card .service-icon .ph-fill{font-size:1.75rem;line-height:1;transition:all .4s ease}.service-card:hover .service-icon svg,.service-card:hover .service-icon .ph-fill{filter:drop-shadow(0 0 8px rgba(0,255,179,.4))}.service-card .service-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:var(--space-2);margin-right:var(--space-3);position:relative;z-index:1}.service-card .service-name{font-size:var(--font-size-xl);color:var(--text-light);font-weight:700;margin:0;line-height:1.2;flex-shrink:0;transition:all .4s ease}.service-card:hover .service-name{color:var(--primary);transform:translate(2px)}.service-card .service-desc{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.5;margin:0;flex:1;font-weight:400;max-width:100%;transition:all .4s ease}.service-card:hover .service-desc{color:var(--text-secondary);transform:translate(2px)}.service-card .service-badge{flex-shrink:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:var(--space-1);min-width:fit-content;height:28px;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;box-shadow:0 2px 8px #0000001a}.service-card:hover .service-badge{transform:scale(1.05)}.service-card .service-badge.required{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#92400e;box-shadow:0 2px 8px #fbbf244d}.service-card .service-badge.free{background:linear-gradient(135deg,#10b981,#059669);color:#064e3b;box-shadow:0 2px 8px #10b9814d}.service-card .service-badge.user-required{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#1e3a8a;box-shadow:0 2px 8px #3b82f64d}.service-card .service-badge.coming-soon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#4c1d95;box-shadow:0 2px 8px #8b5cf64d}.service-card .service-badge.documentation{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#164e63;box-shadow:0 2px 8px #06b6d44d}.service-card .service-badge .badge-icon{flex-shrink:0;transition:all .4s ease}.service-card:hover .service-badge .badge-icon{transform:scale(1.1)}.service-card.hidden{display:none!important}.service-card.filtered-out{opacity:.3;pointer-events:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 4px 12px #0000001a}50%{box-shadow:0 8px 24px #00ffb333}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.service-card{animation:fadeInUp .6s ease-out}.service-card:nth-child(1){animation-delay:.1s}.service-card:nth-child(2){animation-delay:.2s}.service-card:nth-child(3){animation-delay:.3s}.service-card:nth-child(4){animation-delay:.4s}.service-card:nth-child(5){animation-delay:.5s}.service-card:nth-child(6){animation-delay:.6s}.service-card:nth-child(7){animation-delay:.7s}.service-card:nth-child(8){animation-delay:.8s}.service-card:nth-child(9){animation-delay:.9s}.service-card:nth-child(10){animation-delay:1s}.service-card:nth-child(11){animation-delay:1.1s}.service-card:nth-child(12){animation-delay:1.2s}.service-card:hover{animation:pulseGlow 2s ease-in-out infinite}.service-card:hover .service-icon{animation:slideInLeft .3s ease-out}.service-card-premium:hover:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(251,191,36,.3),transparent);animation:shimmer 1.5s ease-in-out}.service-card-free:hover{box-shadow:0 8px 32px #10b9814d}.service-card-user-required:hover{animation:pulseGlow 1.5s ease-in-out infinite}.service-card-coming-soon:hover .service-icon{animation:iconBounce .6s ease-in-out}.form-section{margin:var(--space-12) auto var(--space-16);padding:var(--space-8);max-width:600px;background:linear-gradient(135deg,var(--surface) 0%,var(--surface-dark) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #0000004d,0 4px 6px -2px #0003;position:relative;overflow:hidden;animation:fadeInUp .5s ease-out}.form-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--primary) 20%,var(--accent) 50%,var(--primary) 80%,transparent 100%);animation:shimmerTop 3s ease-in-out infinite}.form-section h2{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:600;color:var(--text-light);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.form-section h2 svg{width:24px;height:24px;color:var(--primary);flex-shrink:0}.form-section .form-description{color:var(--text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-6);line-height:1.6}.form-section .form-description a{color:var(--primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color .2s ease}.form-section .form-description a:hover{color:var(--primary-dark)}#kattiid-group{margin-bottom:var(--space-6)}#kattiid-group label{display:block;font-weight:500;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}#kattiid,#generated-url{width:100%;padding:var(--space-3) var(--space-4);background:#ffffff08;border:2px solid rgba(16,185,129,.3);border-radius:var(--radius-lg);color:var(--text-light);font-size:var(--font-size-base);font-family:var(--font-family);transition:all .3s ease;box-shadow:0 2px 8px #0000001a}#kattiid::placeholder,#generated-url::placeholder{color:var(--text-muted);opacity:.6}#kattiid:focus,#generated-url:focus{outline:none;border-color:var(--primary);box-shadow:0 4px 16px #10b9814d;background:#ffffff0d}#kattiid:invalid{border-color:#ef444480}#kattiid:valid{border-color:#10b98180}#generated-url[readonly]{cursor:text;user-select:all}#turnstile-container{margin-bottom:var(--space-6);padding:var(--space-4);background:#0003;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}#turnstile-container .turnstile-label{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center;display:flex;align-items:center;gap:var(--space-2)}#turnstile-container .turnstile-label svg{width:16px;height:16px;color:var(--warning)}#kattiid-btn{width:100%;padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,var(--primary) 0%,#059669 100%);color:#fff;font-weight:600;font-size:var(--font-size-base);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d;position:relative;overflow:hidden}#kattiid-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}#kattiid-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}#kattiid-btn:hover:before{opacity:1}#kattiid-btn:active{transform:translateY(0);box-shadow:0 2px 8px #10b9814d}#kattiid-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}#kattiid-btn:disabled:hover{transform:none;box-shadow:0 4px 12px #10b9814d}@media(max-width:640px){.form-section{padding:var(--space-6);margin:var(--space-8) var(--space-4) var(--space-12)}.form-section h2{font-size:var(--font-size-lg)}#kattiid,#generated-url{font-size:16px;padding:var(--space-4)}#kattiid-btn{padding:var(--space-4) var(--space-6);font-size:var(--font-size-base);min-height:48px}}@media(max-width:480px){.form-section{padding:var(--space-4);margin:var(--space-6) var(--space-2) var(--space-8)}.form-section h2{font-size:var(--font-size-base)}.form-section .form-description{font-size:.85rem}}.footer{padding-top:var(--space-12)}.footer-links{display:flex;gap:var(--space-6);list-style:none}@media(max-width:640px){.footer-links{flex-direction:column;gap:var(--space-3);align-items:center}.footer-links a{padding:var(--space-2) var(--space-4);border-radius:var(--radius);background:#ffffff0d;transition:background-color var(--transition);min-height:44px;display:flex;align-items:center;justify-content:center}.footer-links a:hover{background:#ffffff1a}}.footer-links a,.footer-copy{font-size:var(--font-size-sm);color:var(--text-muted)}.footer-links a:hover{color:var(--text-light)}.footer-bottom{padding-top:var(--space-6);border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem;line-height:1.5;text-align:center;margin-top:var(--space-8)}.footer-bottom p{margin:var(--space-2) 0}.footer-bottom .footer-link{color:var(--primary);text-decoration:none;transition:color var(--transition)}.footer-bottom .footer-link:hover{color:var(--primary-dark);text-decoration:underline}.hero-acronym{background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-top:var(--space-4);font-size:.8rem;color:var(--text-secondary);text-align:center}.nav-link,.footer-link{display:flex;align-items:center;gap:var(--space-2);transition:color var(--transition-fast)}.nav-icon,.footer-icon{width:18px;height:18px;flex-shrink:0;transition:transform var(--transition-fast)}.nav-link:hover .nav-icon,.footer-link:hover .footer-icon{transform:scale(1.1)}@media(max-width:768px){.nav-link,.footer-link{gap:6px}.nav-icon,.footer-icon{width:16px;height:16px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:768px){.service-card{will-change:auto;-webkit-tap-highlight-color:rgba(0,255,179,.2);touch-action:manipulation}.service-card:hover{transform:none}.service-card:active{transform:scale(.98);background-color:var(--surface-light)}.service-card{animation-duration:.3s}.service-card .service-icon{transition-duration:.2s}.service-section{margin:0 var(--space-2) var(--space-12);padding:var(--space-6) var(--space-4)}.service-card{min-height:44px;-webkit-tap-highlight-color:rgba(0,255,179,.2)}.service-search-input{font-size:16px}}@media(min-width:481px)and (max-width:768px){.service-list{grid-template-columns:1fr;gap:var(--space-4);padding:0 var(--space-6)}.service-card{min-height:90px;padding:var(--space-5)}.service-card .service-icon{width:44px;height:44px}.service-card .service-badge{height:24px;font-size:.8rem}}@media(min-width:769px)and (max-width:1024px){.service-list{grid-template-columns:repeat(2,1fr);gap:var(--space-5);padding:0 var(--space-8)}.service-card{min-height:100px;padding:var(--space-6)}.service-card .service-icon{width:48px;height:48px}.service-card .service-badge{height:26px;font-size:.85rem}}@media(min-width:1025px){.service-list{grid-template-columns:repeat(3,1fr);gap:var(--space-6);padding:0}.service-card{min-height:110px;padding:var(--space-6)}.service-card .service-icon{width:52px;height:52px}.service-card .service-badge{height:28px;font-size:.9rem}}@media(hover:none)and (pointer:coarse){.service-card:hover{transform:none;box-shadow:none}.service-card:active{transform:scale(.98);background-color:var(--surface-light)}.btn-submit:hover{transform:none}.btn-submit:active{transform:scale(.98)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}