:root{--color-bg-primary: #000000;--color-bg-secondary: #050505;--color-bg-tertiary: #0a0a0a;--color-bg-card: #080808;--color-bg-card-hover: #0f0f0f;--color-text-primary: #ffffff;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a;--color-accent-primary: #8b5cf6;--color-accent-secondary: #a78bfa;--color-accent-tertiary: #6366f1;--color-accent-glow: rgba(139, 92, 246, .35);--color-success: #22c55e;--color-excel: #217346;--color-java: #f89820;--color-border: rgba(255, 255, 255, .06);--color-border-hover: rgba(255, 255, 255, .12);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px var(--color-accent-glow);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--container-max: 1200px;--container-padding: 1.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:16px;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-primary);overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}ul,ol{list-style:none}img,svg{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea{font-family:inherit;font-size:inherit}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-full);color:var(--color-accent-secondary);font-size:.875rem;font-weight:500;margin-bottom:var(--space-lg)}.section-header{text-align:center;max-width:700px;margin:0 auto var(--space-4xl)}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2;margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;border:none;white-space:nowrap;position:relative;overflow:hidden;z-index:1}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff26;transform:translate(-50%,-50%);transition:width .6s cubic-bezier(.16,1,.3,1),height .6s cubic-bezier(.16,1,.3,1);z-index:-1}.btn:hover:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-tertiary) 100%);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-accent-secondary) 0%,var(--color-accent-primary) 100%);opacity:0;transition:opacity .4s ease;z-index:-1;border-radius:var(--radius-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.btn-primary:hover:after{opacity:1}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:before{background:#8b5cf614}.btn-secondary:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-outline:before{background:linear-gradient(135deg,#8b5cf61a,#6366f11a)}.btn-outline:hover{border-color:var(--color-accent-primary);color:var(--color-accent-secondary);transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf633}.btn-lg{padding:1rem 2rem;font-size:1rem}.btn-full{width:100%}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-md) 0;background:#0a0a0bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:all var(--transition-base)}.navbar.scrolled{border-bottom-color:var(--color-border)}.nav-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:var(--space-sm);font-size:1.25rem;font-weight:700}.logo-text{color:var(--color-text-primary)}.logo-accent{color:var(--color-accent-primary)}.nav-menu{display:flex;align-items:center;gap:var(--space-xl)}.nav-link{color:var(--color-text-secondary);font-size:.9375rem;font-weight:500;transition:color var(--transition-fast);position:relative}.nav-link:hover,.nav-link.active{color:var(--color-text-primary)}.nav-link.active:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:2px;background:var(--color-accent-primary);border-radius:var(--radius-full)}.nav-toggle{display:none;flex-direction:column;gap:5px;padding:var(--space-sm)}.nav-toggle span{width:24px;height:2px;background:var(--color-text-primary);border-radius:var(--radius-full);transition:all var(--transition-fast)}@media (max-width: 768px){.nav-menu{position:fixed;top:70px;left:0;right:0;background:var(--color-bg-secondary);flex-direction:column;padding:var(--space-xl);gap:var(--space-lg);border-bottom:1px solid var(--color-border);transform:translateY(-150%);opacity:0;transition:all var(--transition-base)}.nav-menu.active{transform:translateY(0);opacity:1}.nav-toggle{display:flex}.nav-actions{display:none}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:10px;margin:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-accent-primary) 0%,var(--color-accent-tertiary) 100%);border-radius:10px;border:2px solid var(--color-bg-secondary);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-accent-secondary) 0%,var(--color-accent-primary) 100%);box-shadow:0 0 10px #8b5cf680}::-webkit-scrollbar-thumb:active{background:var(--color-accent-primary)}*{scrollbar-width:thin;scrollbar-color:var(--color-accent-primary) var(--color-bg-secondary)}.animate-on-scroll{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}.animate-on-scroll:nth-child(1){transition-delay:0s}.animate-on-scroll:nth-child(2){transition-delay:.1s}.animate-on-scroll:nth-child(3){transition-delay:.2s}.animate-on-scroll:nth-child(4){transition-delay:.3s}.animate-on-scroll:nth-child(5){transition-delay:.4s}.animate-on-scroll:nth-child(6){transition-delay:.5s}.slide-left{opacity:0;transform:translate(-60px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.slide-left.animate-in{opacity:1;transform:translate(0)}.slide-right{opacity:0;transform:translate(60px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.slide-right.animate-in{opacity:1;transform:translate(0)}.scale-up{opacity:0;transform:scale(.9);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.scale-up.animate-in{opacity:1;transform:scale(1)}:root[data-theme=light]{--color-bg-primary: #fafafa;--color-bg-secondary: #f5f5f5;--color-bg-tertiary: #efefef;--color-bg-card: #ffffff;--color-bg-card-hover: #f8f8f8;--color-text-primary: #1a1a1a;--color-text-secondary: #4a4a4a;--color-text-muted: #737373;--color-border: rgba(0, 0, 0, .12);--color-border-hover: rgba(0, 0, 0, .24);--color-accent-glow: rgba(139, 92, 246, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12)}:root[data-theme=light] .navbar{background:#ffffffa6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.08)}:root[data-theme=light] .navbar.scrolled{background:#fffc;border-bottom-color:#0000001f;box-shadow:0 2px 8px #0000000d}:root[data-theme=light] .hero-grid{background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px)}:root[data-theme=light] ::-webkit-scrollbar-track{background:#f5f5f5}:root[data-theme=light] ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a78bfa,#8b5cf6);border:2px solid #f5f5f5}:root[data-theme=light] *{scrollbar-color:#8b5cf6 #f5f5f5}:root[data-theme=light] .form-group input::placeholder,:root[data-theme=light] .form-group textarea::placeholder{color:#9ca3af}:root[data-theme=light] .form-group input,:root[data-theme=light] .form-group textarea{background:#fff;border-color:#00000026}:root[data-theme=light] .form-group input:focus,:root[data-theme=light] .form-group textarea:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #8b5cf626}:root[data-theme=light] #page-loader{background:#fafafa}:root[data-theme=light] .visual-card{background:#ffffffe6;box-shadow:0 4px 20px #0000001a}:root[data-theme=light] .tool-card{box-shadow:0 2px 12px #0000000f}:root[data-theme=light] .tool-card:hover{box-shadow:0 8px 30px #0000001a}:root[data-theme=light] .feature-card{box-shadow:0 2px 8px #0000000a}:root[data-theme=light] .contact-form{box-shadow:0 4px 20px #0000000f}:root[data-theme=light] .nav-menu{background:#fffffffa}#back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-tertiary) 100%);color:#fff;border:none;border-radius:var(--radius-full);box-shadow:0 4px 20px #8b5cf666;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--transition-base);z-index:999}#back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}#back-to-top:hover{transform:translateY(-5px);box-shadow:0 8px 30px #8b5cf699}#back-to-top:active{transform:translateY(-2px)}.toast{position:fixed;top:90px;right:30px;min-width:300px;max-width:400px;padding:var(--space-md) var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--space-md);opacity:0;transform:translate(400px);transition:all .3s cubic-bezier(.16,1,.3,1);z-index:1002}.toast.show{opacity:1;transform:translate(0)}.toast-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);flex-shrink:0}.toast-success .toast-icon{background:#22c55e1a;color:var(--color-success)}.toast-error .toast-icon{background:#ef44441a;color:#ef4444}.toast-message{font-size:.9375rem;color:var(--color-text-primary);font-weight:500}@media (max-width: 768px){.toast{top:20px;right:20px;left:20px;min-width:auto}}.nav-settings-btn{background:transparent;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.nav-settings-btn:hover{color:var(--color-text-primary);transform:rotate(90deg);transition:transform var(--transition-base)}.nav-settings-btn svg{transition:transform var(--transition-base)}.settings-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}.settings-modal.active{opacity:1;visibility:visible}.settings-content{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:90%;max-width:500px;max-height:80vh;overflow-y:auto;transform:scale(.9) translateY(20px);transition:transform .3s cubic-bezier(.16,1,.3,1)}.settings-modal.active .settings-content{transform:scale(1) translateY(0)}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl);border-bottom:1px solid var(--color-border)}.settings-header h3{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0}#close-settings{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}#close-settings:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.settings-body{padding:var(--space-xl)}.setting-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-lg) 0}.setting-info{flex:1}.setting-label{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.setting-description{font-size:.875rem;color:var(--color-text-secondary)}.theme-switcher{display:flex;gap:var(--space-sm);background:var(--color-bg-tertiary);padding:4px;border-radius:var(--radius-md)}.theme-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.theme-option:hover{background:var(--color-bg-card);color:var(--color-text-primary)}.theme-option.active{background:var(--color-bg-card);color:var(--color-accent-primary);box-shadow:var(--shadow-sm)}.theme-option svg{width:16px;height:16px}#page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease}#page-loader.fade-out{opacity:0}.loader-spinner{width:60px;height:60px;border:4px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#skip-to-content{position:fixed;top:-100px;left:50%;transform:translate(-50%);background:var(--color-accent-primary);color:#fff;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-weight:600;z-index:9999;transition:top var(--transition-base)}#skip-to-content:focus{top:var(--space-md)}*:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}@media (max-width: 768px){#back-to-top{width:45px;height:45px;bottom:20px;right:20px}.settings-content{width:95%;max-height:90vh}.setting-item{flex-direction:column;align-items:flex-start;gap:var(--space-md)}}#page-loader{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease,visibility .5s ease}#page-loader.fade-out{opacity:0;visibility:hidden}.loader-spinner{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%;animation:loaderSpin 1s linear infinite}@keyframes loaderSpin{to{transform:rotate(360deg)}}.loader-text{margin-top:var(--space-lg);color:var(--color-text-secondary);font-size:.9375rem;font-weight:500}#skip-to-content{position:fixed;top:-100px;left:var(--space-lg);background:var(--color-accent-primary);color:#fff;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);z-index:10000;font-weight:500;transition:top .3s ease}#skip-to-content:focus{top:var(--space-lg);outline:2px solid var(--color-accent-secondary);outline-offset:2px}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding:8rem 0 4rem;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.hero-gradient{position:absolute;top:-50%;left:50%;transform:translate(-50%);width:150%;height:100%;background:radial-gradient(ellipse at center,rgba(139,92,246,.15) 0%,transparent 60%)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.badge-dot{width:8px;height:8px;background:var(--color-success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;margin-bottom:var(--space-xl)}.title-gradient{background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-secondary) 50%,var(--color-accent-tertiary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-2xl);max-width:500px}.hero-cta{display:flex;gap:var(--space-md);margin-bottom:var(--space-3xl)}.hero-stats{display:flex;align-items:center;gap:var(--space-xl)}.stat-item{display:flex;flex-direction:column}.stat-number{font-size:2rem;font-weight:700;color:var(--color-accent-secondary)}.stat-suffix{font-size:1.5rem;color:var(--color-accent-secondary)}.stat-label{font-size:.875rem;color:var(--color-text-muted)}.stat-divider{width:1px;height:40px;background:var(--color-border)}.hero-visual{position:relative;height:400px}.visual-container{position:relative;width:100%;height:100%}.visual-card{position:absolute;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 6s ease-in-out infinite;transition:transform .3s cubic-bezier(.16,1,.3,1);transform:translateZ(0)}.visual-card-1{top:20%;left:10%;animation-delay:0s}.visual-card-2{bottom:20%;right:10%;animation-delay:-3s}@keyframes float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-15px,0)}}.card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-tertiary));border-radius:var(--radius-md);color:#fff}.card-label{font-weight:600}.card-status{padding:4px 10px;background:#22c55e1a;color:var(--color-success);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.visual-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}.visual-orb-1{width:200px;height:200px;background:#8b5cf64d;top:0;right:20%}.visual-orb-2{width:150px;height:150px;background:#6366f133;bottom:10%;left:30%}.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:.875rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.tools-section{padding:var(--space-4xl) 0;background:var(--color-bg-secondary)}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);max-width:1400px;margin:0 auto}.tool-card{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--transition-base),box-shadow var(--transition-base);transform-style:preserve-3d;will-change:transform}.tool-card:hover{border-color:var(--color-border-hover)}.tool-card-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent-primary),transparent);opacity:0;transition:opacity var(--transition-base)}.tool-card:hover .tool-card-glow{opacity:1}.tool-card-featured{border-color:#8b5cf64d}.tool-featured-badge{position:absolute;top:var(--space-lg);right:var(--space-lg);display:flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-tertiary));border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:#fff}.tool-card-content{padding:var(--space-lg) var(--space-xl)}.tool-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);margin-bottom:var(--space-md)}.tool-icon-excel{background:linear-gradient(135deg,#21734633,#2173461a);color:#22c55e;border:1px solid rgba(33,115,70,.3)}.tool-icon-java{background:linear-gradient(135deg,#f8982033,#f898201a);color:#f89820;border:1px solid rgba(248,152,32,.3)}.tool-icon-audit{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.tool-icon-email{background:linear-gradient(135deg,#a855f733,#a855f71a);color:#a855f7;border:1px solid rgba(168,85,247,.3)}.tool-badge-audit{background:#3b82f61a;color:#3b82f6}.tool-badge-email{background:#a855f71a;color:#a855f7}.tool-badge{display:inline-block;padding:4px 12px;background:#22c55e1a;color:#22c55e;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;margin-bottom:var(--space-md)}.tool-badge-java{background:#f898201a;color:#f89820}.tool-title{font-size:1.25rem;font-weight:700;margin-bottom:var(--space-sm)}.tool-description{color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.6;font-size:.9375rem}.tool-features{margin-bottom:var(--space-lg)}.tool-features li{display:flex;align-items:center;gap:var(--space-sm);padding:6px 0;color:var(--color-text-secondary);font-size:.875rem}.tool-features svg{color:var(--color-accent-primary);flex-shrink:0}.tool-actions{display:flex;gap:var(--space-md)}.tool-actions-single{display:block}.tool-actions-single .btn-tool-primary{width:100%;justify-content:center}.btn-tool-primary{flex:1;padding:.75rem 1rem;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-tertiary));color:#fff;border-radius:var(--radius-md);font-weight:500;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:all var(--transition-base);position:relative;overflow:hidden;z-index:1}.btn-tool-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .5s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1);z-index:-1}.btn-tool-primary:hover:before{width:280px;height:280px}.btn-tool-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf64d}.btn-tool-secondary{padding:.75rem 1rem;background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-base);position:relative;overflow:hidden;z-index:1}.btn-tool-secondary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#8b5cf60d;transform:translate(-50%,-50%);transition:width .5s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1);z-index:-1}.btn-tool-secondary:hover:before{width:280px;height:280px}.btn-tool-secondary:hover{border-color:var(--color-border-hover);color:var(--color-text-primary);transform:translateY(-1px)}@media (max-width: 992px){.hero .container{grid-template-columns:1fr;text-align:center}.hero-description{margin-left:auto;margin-right:auto}.hero-cta,.hero-stats{justify-content:center}.hero-visual{display:none}.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.tools-grid{grid-template-columns:1fr;gap:var(--space-xl)}}@media (max-width: 576px){.hero-cta{flex-direction:column}.hero-stats{flex-direction:column;gap:var(--space-lg)}.stat-divider{width:40px;height:1px}.tools-grid{grid-template-columns:1fr}.tool-actions{flex-direction:column}}.btn-tool-disabled{flex:1;padding:.75rem 1rem;background:var(--color-bg-tertiary);color:var(--color-text-muted);border-radius:var(--radius-md);font-weight:500;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);cursor:default;border:1px solid var(--color-border);opacity:.8}.features-section{padding:var(--space-4xl) 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--space-xl)}.feature-card{padding:var(--space-2xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base)}.feature-card:hover{border-color:var(--color-border-hover);transform:translateY(-4px)}.feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf626,#6366f11a);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-lg);color:var(--color-accent-secondary);margin-bottom:var(--space-lg)}.feature-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-sm)}.feature-description{color:var(--color-text-secondary);line-height:1.7}.about-section{padding:var(--space-4xl) 0;background:var(--color-bg-secondary)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:center}.about-content .section-title{text-align:left}.about-text{color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-lg)}.about-stats{display:flex;gap:var(--space-2xl);margin-top:var(--space-2xl)}.about-stat{display:flex;flex-direction:column}.about-stat-number{font-size:2rem;font-weight:700;color:var(--color-accent-secondary)}.about-stat-label{font-size:.875rem;color:var(--color-text-muted)}.about-image-container{position:relative}.about-image-placeholder{width:100%;aspect-ratio:1;max-width:400px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-muted)}.about-image-decoration{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border:1px solid var(--color-border);border-radius:var(--radius-xl);z-index:-1}.about-image{width:100%;max-width:400px;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-xl);border:1px solid var(--color-border);display:block;margin:0 auto}.about-text-highlight{font-size:1.5rem;font-weight:600;color:var(--color-accent-secondary);margin-bottom:var(--space-lg)}.about-image-placeholder{display:none}.about-image-placeholder[style*="display: flex"],.about-image:not([src]),.about-image[src=""]+.about-image-placeholder{display:flex}.about-info-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl);margin-top:var(--space-2xl);background:linear-gradient(135deg,#8b5cf614,#6366f10d);border:1px solid rgba(139,92,246,.15);border-radius:var(--radius-lg);transition:all var(--transition-base)}.about-info-card:hover{border-color:#8b5cf64d;transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf626}.info-card-avatar{display:none;width:80px;height:80px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-tertiary) 100%);padding:2px;box-shadow:0 4px 15px #8b5cf64d}.info-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--radius-md) - 2px)}.info-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);color:var(--color-accent-primary);border-radius:calc(var(--radius-md) - 2px)}.info-card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-tertiary) 100%);border-radius:var(--radius-md);color:#fff;flex-shrink:0;box-shadow:0 4px 15px #8b5cf64d}.info-card-content{flex:1}.info-card-name{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.info-card-role{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.6}.info-card-firm{color:var(--color-accent-secondary);font-weight:600}.cta-section{padding:var(--space-4xl) 0}.cta-card{position:relative;padding:var(--space-4xl);background:linear-gradient(135deg,#8b5cf61a,#6366f10d);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-xl);text-align:center;overflow:hidden}.cta-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent-primary),transparent)}.cta-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:var(--space-lg)}.cta-description{font-size:1.125rem;color:var(--color-text-secondary);max-width:500px;margin:0 auto var(--space-2xl)}.cta-actions{display:flex;gap:var(--space-md);justify-content:center}.contact-section{padding:var(--space-4xl) 0;background:var(--color-bg-secondary)}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-4xl)}.contact-info{display:flex;flex-direction:column;gap:var(--space-lg)}.contact-card{padding:var(--space-xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.contact-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf626,#6366f11a);border-radius:var(--radius-md);color:var(--color-accent-secondary);margin-bottom:var(--space-md)}.contact-card h3{font-size:1rem;font-weight:600;margin-bottom:var(--space-xs)}.contact-card p{color:var(--color-text-secondary)}.social-links{display:flex;gap:var(--space-md);margin-top:var(--space-md)}.social-link{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast)}.social-link:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.contact-form{padding:var(--space-2xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;margin-bottom:var(--space-sm);font-weight:500;color:var(--color-text-secondary)}.form-group input,.form-group textarea{width:100%;padding:.875rem 1rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:all var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #8b5cf61a}.form-group textarea{resize:vertical;min-height:120px}.btn-loader{display:flex;align-items:center;gap:var(--space-sm)}.btn-loader svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-message{margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:.9375rem;line-height:1.6;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.form-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.form-message.success:before{content:"✓ ";font-weight:700}.form-message.error:before{content:"✕ ";font-weight:700}#submit-btn:disabled{opacity:.6;cursor:not-allowed}.footer{padding:var(--space-4xl) 0 var(--space-xl);border-top:1px solid var(--color-border)}.footer-content{display:grid;grid-template-columns:2fr 3fr;gap:var(--space-4xl);margin-bottom:var(--space-3xl)}.footer-logo{display:flex;align-items:center;gap:var(--space-sm);font-size:1.25rem;font-weight:700;margin-bottom:var(--space-lg)}.footer-description{color:var(--color-text-secondary);max-width:300px;line-height:1.7}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.footer-column h4{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.footer-column ul li{margin-bottom:var(--space-sm)}.footer-column ul a{color:var(--color-text-secondary);font-size:.9375rem;transition:color var(--transition-fast)}.footer-column ul a:hover{color:var(--color-accent-secondary)}.footer-bottom{padding-top:var(--space-xl);border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-muted);font-size:.875rem}@media (max-width: 992px){.about-grid{grid-template-columns:1fr;text-align:left}.about-content .section-title{text-align:left}.about-stats,.about-info-card{justify-content:flex-start}.contact-grid,.footer-content{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(3,1fr)}}@media (max-width: 576px){.features-grid{grid-template-columns:1fr}.about-stats{flex-direction:column;align-items:center}.cta-actions{flex-direction:column}.footer-links{grid-template-columns:1fr;text-align:center}}@media (max-width: 374px){:root{--container-padding: .875rem;--space-4xl: 2.5rem;--space-3xl: 2rem;--space-2xl: 1.5rem}.section-title{font-size:clamp(1.5rem,8vw,2rem)}.section-description{font-size:.9375rem}.hero-title{font-size:clamp(1.75rem,10vw,2.25rem)}.hero-description{font-size:.9375rem}.btn{padding:.75rem 1.25rem;font-size:.9375rem}.btn-lg{padding:.875rem 1.5rem;font-size:1rem}}@media (max-width: 576px){.container{padding:0 1.25rem}.hero{padding:5.5rem 0 3rem;min-height:auto}.hero-content{text-align:center}.hero-badge{font-size:.6875rem;padding:.375rem .75rem;margin-bottom:1rem;display:inline-flex}.hero-title{font-size:clamp(1.75rem,9vw,2.25rem);line-height:1.2;margin-bottom:1rem}.hero-description{font-size:.9375rem;line-height:1.6;max-width:100%;margin-bottom:1.5rem;color:var(--color-text-secondary)}.hero-cta{flex-direction:column;width:100%;gap:.625rem}.hero-cta .btn{width:100%;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem;padding:1.25rem 1rem;background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.stat-item{text-align:center;padding:.5rem .25rem}.stat-number{font-size:2rem;font-weight:800;color:var(--color-accent-primary);line-height:1.1;display:block}.stat-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.75px;color:var(--color-text-muted);margin-top:.375rem;display:block;line-height:1.3}.stat-divider{display:none}.section-header{margin-bottom:1.5rem;text-align:center}.section-badge{font-size:.6875rem;padding:.375rem .75rem;margin-bottom:.75rem}.section-title{font-size:clamp(1.375rem,6vw,1.75rem);margin-bottom:.5rem;line-height:1.25}.section-description{font-size:.875rem;line-height:1.6;color:var(--color-text-secondary)}.tools-section{padding:3.5rem 0}.tools-grid{grid-template-columns:1fr;gap:1.5rem}.tool-card{border-radius:var(--radius-lg)}.tool-card-content{padding:1.5rem}.tool-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1rem}.tool-icon{width:56px;height:56px;border-radius:var(--radius-md)}.tool-icon svg{width:28px;height:28px}.tool-badge{font-size:.6875rem;padding:.375rem .625rem}.tool-title{font-size:1.125rem;margin-bottom:.5rem;line-height:1.3}.tool-description{font-size:.8125rem;line-height:1.6;margin-bottom:.875rem}.tool-features{margin-bottom:1.25rem}.tool-features li{font-size:.75rem;padding:.375rem 0;display:flex;align-items:center;gap:.5rem}.tool-actions{flex-direction:column;gap:.625rem}.btn-tool-primary,.btn-tool-secondary{width:100%;justify-content:center;padding:.875rem 1rem;font-size:.9375rem}.features-section{padding:2rem 0}.features-grid{grid-template-columns:1fr;gap:.5rem}.feature-card{padding:.875rem 1rem;border-radius:var(--radius-md);display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;gap:.125rem .75rem;align-items:center}.feature-icon{width:40px;height:40px;min-width:40px;border-radius:8px;grid-row:1 / 3}.feature-icon svg{width:20px;height:20px}.feature-title{font-size:.8125rem;font-weight:600;margin:0;line-height:1.3;grid-column:2;grid-row:1}.feature-description{font-size:.6875rem;line-height:1.4;color:var(--color-text-muted);margin:0;grid-column:2;grid-row:2}.about-section{padding:3.5rem 0}.about-grid{display:flex;flex-direction:column;gap:0}.about-content{display:contents}.about-content .section-badge{order:1;margin-bottom:1rem}.about-content .about-text-highlight{order:2}.about-content .about-text{order:3}.about-visual{display:block;order:4}.about-image-container{display:flex;justify-content:center;margin:1.5rem 0}.about-image{width:180px;height:180px;border-radius:var(--radius-lg);object-fit:cover;border:3px solid var(--color-accent-primary);box-shadow:0 8px 32px #8b5cf64d}.about-image-decoration{display:none}.about-image-placeholder{width:180px;height:180px}.about-text-highlight{font-size:1.0625rem;line-height:1.5;margin-bottom:.5rem;text-align:center}.about-text{font-size:.8125rem;line-height:1.6;margin-bottom:.375rem;text-align:center}.info-card-avatar{display:none}.about-info-card{order:5;flex-direction:column;align-items:center;padding:1rem;gap:.375rem;text-align:center;margin-top:0}.info-card-name{font-size:1.0625rem;margin-bottom:.125rem}.info-card-role{font-size:.75rem;line-height:1.5}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.5rem}.about-stat{background:var(--color-bg-card);padding:1rem;border-radius:var(--radius-md);text-align:center;border:1px solid var(--color-border)}.cta-section{padding:2rem 0}.cta-card{padding:1.5rem 1.25rem;border-radius:var(--radius-lg);text-align:center}.cta-title{font-size:clamp(1.25rem,6vw,1.5rem);margin-bottom:.5rem;line-height:1.3}.cta-description{font-size:.8125rem;margin-bottom:1rem;line-height:1.5}.cta-actions{flex-direction:column;width:100%;gap:.5rem}.cta-actions .btn{width:100%;padding:.75rem 1.25rem;font-size:.875rem}.contact-section{padding:2.5rem 0}.contact-grid{grid-template-columns:1fr;gap:1.25rem}.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.contact-card{padding:1.25rem;text-align:center;border-radius:var(--radius-md)}.contact-card h3{font-size:.875rem;margin:.5rem 0 .25rem}.contact-card p{font-size:.8125rem}.contact-icon{width:40px;height:40px;margin:0 auto}.social-links{grid-column:1 / -1;justify-content:center;gap:.5rem;padding-top:.375rem}.social-link{width:40px;height:40px}.contact-form{padding:1.25rem;border-radius:var(--radius-lg)}.form-group{margin-bottom:1rem}.form-group label{font-size:.75rem;margin-bottom:.375rem;font-weight:500}.form-group input,.form-group textarea{padding:.75rem .875rem;font-size:.875rem;border-radius:var(--radius-md)}.form-group textarea{min-height:100px}.footer{padding:1rem 0 .75rem}.footer-content{grid-template-columns:1fr;gap:.5rem;text-align:center}.footer-brand{margin-bottom:0}.footer-brand .logo-text{max-width:none;overflow:visible;text-overflow:clip;font-size:.875rem}.footer-brand .logo-icon img{width:28px;height:28px}.footer-links{display:none}.footer-description{font-size:.75rem;max-width:240px;margin:.25rem auto 0;line-height:1.4}.footer-bottom{margin-top:.75rem;padding-top:.75rem}.footer-bottom p{font-size:.6875rem}.hero-visual,.visual-card,.hero-particles,.floating-elements{display:none}.hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%);z-index:-1;pointer-events:none}.tool-card,.feature-card{transform:none!important}#back-to-top{right:1rem;bottom:1rem;width:48px;height:48px}.settings-content{width:100%;max-width:100%;height:auto;max-height:90vh;margin:auto 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.footer-links{grid-template-columns:1fr;gap:var(--space-2xl)}.footer-column h4{margin-bottom:var(--space-md)}.navbar{padding:.625rem 0}.nav-container{padding:0 .75rem}.nav-logo{font-size:.9375rem;gap:.375rem}.logo-icon svg,.logo-icon img{width:28px;height:28px}.nav-settings-btn{display:none}.nav-toggle{width:36px;height:36px;padding:8px}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-menu .nav-link{display:block;padding:.625rem 0;font-size:.9375rem;text-align:center}.navbar .logo-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}}@media (max-width: 768px){.tools-section,.features-section,.about-section,.cta-section,.contact-section{padding:var(--space-3xl) 0}}@media (min-width: 577px) and (max-width: 992px){.tools-grid{grid-template-columns:1fr;max-width:600px;margin:0 auto}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.tool-page{padding-top:70px}.tool-hero,.tool-content{padding:var(--space-2xl) 0}.feature-grid{grid-template-columns:1fr;gap:var(--space-md)}.feature-box{padding:var(--space-lg)}.feature-box h3{font-size:1rem;gap:var(--space-xs)}.feature-box h3 svg{width:20px;height:20px}.feature-box p{font-size:.875rem}.bonus-section{padding:var(--space-lg);margin-top:var(--space-2xl)}.bonus-section h2{font-size:1.25rem}.bonus-section p{font-size:.9375rem;margin-top:var(--space-sm)!important}.screenshot-container{margin:var(--space-2xl) 0}.screenshot-container h2{font-size:1.25rem;margin-bottom:var(--space-lg)}.download-section{padding:var(--space-xl);margin-top:var(--space-2xl)}.download-section h2{font-size:1.25rem}.download-section p{font-size:.875rem}.download-buttons{flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg)}.download-buttons .btn{width:100%}.download-section h3{font-size:1rem}.download-section ul li{font-size:.875rem;padding:.375rem 0}.setup-accordion{margin-top:var(--space-2xl)}.accordion-trigger{padding:var(--space-lg)}.accordion-title{font-size:1rem;gap:var(--space-sm)}.accordion-inner{padding:var(--space-md) var(--space-lg) var(--space-lg)}.setup-step{padding:var(--space-md)}.setup-step h4{font-size:.9375rem}.setup-step p,.back-link{font-size:.875rem}}@media (min-width: 577px) and (max-width: 768px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (max-height: 600px) and (orientation: landscape){.hero{min-height:auto;padding:5rem 0 2rem}.hero-stats{margin-top:var(--space-xl)}.section-header{margin-bottom:var(--space-2xl)}}@media (hover: none) and (pointer: coarse){.btn{min-height:44px;padding:.75rem 1.5rem}.nav-link{padding:var(--space-sm) 0}.social-link{width:48px;height:48px}.tool-card:hover,.feature-card:hover{transform:none}*{-webkit-tap-highlight-color:rgba(139,92,246,.1)}}@media (max-width: 768px){body{overflow-x:hidden}*{max-width:100%}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6,p{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}}@media (max-width: 576px){body,input,textarea,select{font-size:16px}.tool-features li{padding:.5rem 0;min-height:36px;display:flex;align-items:center}button,.btn,a.btn{min-height:44px;touch-action:manipulation}}