:root{--png-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--png-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--png-transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--png-transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1);--png-radius-sm: 8px;--png-radius-md: 12px;--png-radius-lg: 16px;--png-radius-full: 9999px}.pass-n-go-captcha.png-theme-dark{--png-bg-card: rgba(22, 23, 29, .88);--png-border-card: rgba(255, 255, 255, .1);--png-border-focus: #60a5fa;--png-text-primary: #f9fafb;--png-text-secondary: #9ca3af;--png-badge-bg: rgba(255, 255, 255, .08);--png-badge-text: #9ca3af;--png-badge-verified-bg: rgba(16, 185, 129, .15);--png-badge-verified-text: #34d399;--png-progress-bg: rgba(255, 255, 255, .1);--png-progress-fill: #3b82f6;--png-img-bg: rgba(17, 18, 23, .95);--png-img-border: rgba(255, 255, 255, .08);--png-btn-bg: rgba(255, 255, 255, .06);--png-btn-border: rgba(255, 255, 255, .12);--png-btn-hover-bg: rgba(255, 255, 255, .12);--png-btn-text: #e5e7eb;--png-cell-hover-bg: rgba(59, 130, 246, .2);--png-cell-hover-border: rgba(96, 165, 250, .45);--png-cell-active-bg: rgba(59, 130, 246, .35);--png-error-bg: rgba(239, 68, 68, .12);--png-error-border: rgba(239, 68, 68, .35);--png-error-text: #fca5a5;--png-shadow: 0 16px 36px -8px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .05) inset}.pass-n-go-captcha.png-theme-light{--png-bg-card: rgba(255, 255, 255, .92);--png-border-card: rgba(0, 0, 0, .08);--png-border-focus: #2563eb;--png-text-primary: #111827;--png-text-secondary: #4b5563;--png-badge-bg: rgba(0, 0, 0, .05);--png-badge-text: #4b5563;--png-badge-verified-bg: rgba(16, 185, 129, .12);--png-badge-verified-text: #059669;--png-progress-bg: rgba(0, 0, 0, .06);--png-progress-fill: #2563eb;--png-img-bg: #f9fafb;--png-img-border: rgba(0, 0, 0, .08);--png-btn-bg: #f3f4f6;--png-btn-border: #d1d5db;--png-btn-hover-bg: #e5e7eb;--png-btn-text: #374151;--png-cell-hover-bg: rgba(37, 99, 235, .12);--png-cell-hover-border: rgba(37, 99, 235, .4);--png-cell-active-bg: rgba(37, 99, 235, .22);--png-error-bg: #fef2f2;--png-error-border: #fca5a5;--png-error-text: #dc2626;--png-shadow: 0 16px 36px -8px rgba(0, 0, 0, .1), 0 0 0 1px rgba(255, 255, 255, .8) inset}.pass-n-go-captcha{font-family:var(--png-font-family);width:100%;max-width:360px;border-radius:var(--png-radius-lg);border:1px solid var(--png-border-card);background-color:var(--png-bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--png-text-primary);box-shadow:var(--png-shadow);padding:18px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.pass-n-go-captcha.png-shaking{animation:png-shake .45s cubic-bezier(.36,.07,.19,.97) both}@keyframes png-shake{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(4px,0,0)}30%,50%,70%{transform:translate3d(-6px,0,0)}40%,60%{transform:translate3d(6px,0,0)}}.png-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.png-progress-track{width:100%;height:4px;background-color:var(--png-progress-bg);border-radius:var(--png-radius-full);overflow:hidden;margin-bottom:-4px}.png-progress-fill{height:100%;background-color:var(--png-progress-fill);border-radius:var(--png-radius-full);transition:width .4s cubic-bezier(.4,0,.2,1)}.png-progress-fill.png-completed{background-color:#10b981}.png-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:2px}.png-step-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border-radius:var(--png-radius-full);background-color:var(--png-badge-bg);color:var(--png-badge-text);display:inline-flex;align-items:center;gap:6px;transition:background-color .25s ease,color .25s ease}.png-step-badge.png-verified{background-color:var(--png-badge-verified-bg);color:var(--png-badge-verified-text)}.png-step-badge-dot{width:6px;height:6px;border-radius:50%;background-color:var(--png-progress-fill);display:inline-block;animation:png-pulse 2s infinite ease-in-out}.png-step-badge.png-verified .png-step-badge-dot{background-color:#10b981;animation:none}@keyframes png-pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.png-reset-btn{background:transparent;border:none;cursor:pointer;color:var(--png-text-secondary);font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--png-radius-sm);min-height:44px;box-sizing:border-box;transition:color var(--png-transition-fast),background-color var(--png-transition-fast)}.png-reset-btn:hover:not(:disabled){color:var(--png-text-primary);background-color:var(--png-badge-bg)}.png-reset-btn:disabled{opacity:.5;cursor:not-allowed}.png-reset-icon{display:inline-block;transition:transform .3s ease}.png-reset-btn:hover:not(:disabled) .png-reset-icon{transform:rotate(180deg)}.png-instruction{font-size:15px;font-weight:600;color:var(--png-text-primary);margin:0;text-align:center;line-height:1.4;letter-spacing:-.01em}.png-image-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--png-radius-md);overflow:hidden;background-color:var(--png-img-bg);border:1px solid var(--png-img-border);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #0000000f;cursor:crosshair}.png-image{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:opacity .25s ease,filter .25s ease}.png-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);pointer-events:none;z-index:10}.png-grid-cell-btn{pointer-events:auto;background:transparent;border:1px solid transparent;outline:none;cursor:pointer;padding:0;margin:0;width:100%;height:100%;min-width:44px;min-height:44px;box-sizing:border-box;transition:border-color var(--png-transition-fast),background-color var(--png-transition-fast),box-shadow var(--png-transition-fast),transform var(--png-transition-fast);position:relative;overflow:hidden}.png-grid-cell-btn:hover{background-color:var(--png-cell-hover-bg);border-color:var(--png-cell-hover-border)}.png-grid-cell-btn:active{background-color:var(--png-cell-active-bg);transform:scale(.96)}.png-grid-cell-btn:focus-visible,.png-grid-cell-btn:focus{outline:3px solid #2563eb!important;outline-offset:-3px!important;box-shadow:inset 0 0 0 2px #fff,0 0 0 4px #2563eb!important;background-color:#2563eb33!important;z-index:20}.png-theme-dark .png-grid-cell-btn:focus-visible,.png-theme-dark .png-grid-cell-btn:focus{outline:3px solid #60a5fa!important;outline-offset:-3px!important;box-shadow:inset 0 0 0 2px #111827,0 0 0 4px #60a5fa!important;background-color:#60a5fa40!important}.png-reset-btn:focus-visible,.png-reset-btn:focus{outline:2px solid #2563eb!important;outline-offset:2px!important;border-radius:4px!important}.png-theme-dark .png-reset-btn:focus-visible,.png-theme-dark .png-reset-btn:focus{outline:2px solid #60a5fa!important}.png-not-on-screen-btn{width:100%;min-height:44px;padding:10px 16px;border-radius:var(--png-radius-sm);font-size:13px;font-weight:600;cursor:pointer;background-color:var(--png-btn-bg);color:var(--png-btn-text);border:1px solid var(--png-btn-border);box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color var(--png-transition-fast),border-color var(--png-transition-fast),transform var(--png-transition-fast),box-shadow var(--png-transition-fast)}.png-not-on-screen-btn:hover:not(:disabled){background-color:var(--png-btn-hover-bg);transform:translateY(-1px)}.png-not-on-screen-btn:active:not(:disabled){transform:translateY(0)}.png-not-on-screen-btn:disabled{opacity:.5;cursor:not-allowed}.png-not-on-screen-btn:focus-visible,.png-not-on-screen-btn:focus{outline:2px solid #2563eb!important;outline-offset:2px!important}.png-theme-dark .png-not-on-screen-btn:focus-visible,.png-theme-dark .png-not-on-screen-btn:focus{outline:2px solid #60a5fa!important}.png-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--png-img-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:15;animation:png-fade-in .2s ease-in-out}.png-spinner{width:32px;height:32px;border:3px solid rgba(59,130,246,.2);border-top-color:var(--png-progress-fill);border-radius:50%;animation:png-spin .8s linear infinite}@keyframes png-spin{to{transform:rotate(360deg)}}.png-loading-text{font-size:13px;font-weight:500;color:var(--png-text-secondary)}.png-error-box{font-size:12.5px;line-height:1.4;color:var(--png-error-text);background-color:var(--png-error-bg);border:1px solid var(--png-error-border);border-radius:var(--png-radius-sm);padding:10px 12px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;animation:png-fade-in-up .25s ease-out}@keyframes png-fade-in-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pass-n-go-captcha.png-is-solved{border-color:#10b98166!important;box-shadow:0 16px 36px -8px #10b98140,0 0 0 1px #10b98133 inset!important}.png-btn-spinner{width:14px;height:14px;border:2px solid rgba(156,163,175,.3);border-top-color:currentColor;border-radius:50%;display:inline-block;animation:png-spin .7s linear infinite}.png-not-on-screen-btn.png-btn-loading{opacity:.75;cursor:wait}.png-solved-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 16px;width:100%;height:100%;box-sizing:border-box;color:#10b981;text-align:center;animation:png-success-pop var(--png-transition-bounce)}@keyframes png-success-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.png-success-icon-badge{width:72px;height:72px;border-radius:50%;background:#10b98126;border:2px solid rgba(16,185,129,.4);display:flex;align-items:center;justify-content:center;box-shadow:0 0 24px #10b9814d}.png-solved-title{font-weight:700;font-size:18px;color:#10b981;letter-spacing:-.01em}.png-solved-subtitle{font-size:13px;color:var(--png-text-secondary);max-width:240px;line-height:1.4}@keyframes png-fade-in{0%{opacity:0}to{opacity:1}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8c8c964d;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#8c8c9680}.mac-glass{backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%)}.mac-card{border-radius:24px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,border-color .25s ease}.mac-button{font-family:inherit;font-weight:600;border-radius:9999px;transition:all .2s cubic-bezier(.16,1,.3,1);outline:none;cursor:pointer}.mac-button:active{transform:scale(.98)}.mac-code{font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.6}input:focus,textarea:focus{outline:none!important;border-color:#0071e3!important;box-shadow:0 0 0 3px #0071e333!important}.pass-n-go-captcha.png-is-solved{border-color:#34c75966!important;box-shadow:0 4px 16px #34c75926,0 0 0 1px #34c75933 inset!important}@media(max-width:768px){.demo-nav{flex-direction:column!important;gap:12px;border-radius:20px!important;padding:12px 16px!important}.demo-nav-links{margin-left:0!important;width:100%;justify-content:center;flex-wrap:wrap;gap:12px}}@media(max-width:600px){.demo-title{font-size:28px!important;line-height:1.25!important}.demo-desc{font-size:15px!important}.mac-window-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:12px!important}.mac-window-left{width:100%!important;gap:0!important}.mac-traffic-lights{display:none!important}.mac-tabs{width:100%!important;justify-content:space-between!important;gap:4px!important}.mac-tabs button{padding:6px 8px!important;font-size:11px!important;flex:1;text-align:center;border-radius:6px!important}.mac-copy-btn{width:100%!important;justify-content:center!important;margin-left:0!important}.mac-code{padding:16px!important;font-size:12px!important}}.demo-card-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;justify-content:center;width:100%}.demo-card-item{flex:1 1 340px;max-width:430px;width:100%;padding:32px}.demo-flow-card{padding:44px}@media(max-width:480px){.demo-card-item{flex:1 1 100%!important;padding:20px!important}.demo-flow-card{padding:20px!important}.demo-steps-bar{border-radius:16px!important;padding:10px 14px!important}.demo-steps-bar .arrow-separator{display:none!important}}.practical-flow-container{padding-top:24px;padding-bottom:24px}@media(max-width:600px){.practical-flow-container{padding-top:12px;padding-bottom:12px}}.demo-techstack-container{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:8px;margin-bottom:8px;width:100%}.techstack-label{font-size:11px;font-weight:700;letter-spacing:.15em;color:#86868b;text-transform:uppercase;-webkit-user-select:none;user-select:none}.techstack-badges{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.tech-badge{font-size:13px;font-weight:600;padding:6px 14px;border-radius:9999px;background-color:#0000000a;border:1px solid rgba(0,0,0,.06);color:#1d1d1f;display:flex;align-items:center;gap:6px;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.png-theme-dark .tech-badge{background-color:#ffffff1f;border:1px solid rgba(255,255,255,.16);color:#e5e5ea}.tech-badge:hover{transform:translateY(-2px);border-color:#0071e3;color:#0071e3;box-shadow:0 4px 12px #0071e31f}.png-theme-dark .tech-badge:hover{border-color:#3b82f6;color:#60a5fa;box-shadow:0 4px 12px #3b82f633}@media(max-width:480px){.tech-badge{font-size:11px;padding:4px 10px}}.theme-toggle-fab{position:absolute;top:24px;right:24px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#a1a1a6;box-shadow:0 4px 16px #0003;transition:all .25s cubic-bezier(.16,1,.3,1);z-index:100;font-size:18px}.theme-toggle-fab:hover{transform:translateY(-2px) scale(1.08);border-color:#ffffff40;background:#ffffff1f;color:#fff}.theme-toggle-fab:active{transform:translateY(0) scale(.96)}.png-theme-light .theme-toggle-fab{border:1px solid rgba(0,0,0,.1);background:#ffffffd9;color:#515154;box-shadow:0 4px 16px #0000000d}.png-theme-light .theme-toggle-fab:hover{border-color:#0000002e;background:#fff;color:#1d1d1f}@media(max-width:600px){.theme-toggle-fab{top:16px;right:16px;width:38px;height:38px;font-size:16px}}.ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.ambient-bg:before,.ambient-bg:after{content:"";position:absolute;border-radius:50%;filter:blur(120px);opacity:.15;animation:drift 20s ease-in-out infinite alternate}.ambient-bg:before{width:600px;height:600px;top:-10%;left:-5%;background:radial-gradient(circle,#0071e3 0%,transparent 70%)}.ambient-bg:after{width:500px;height:500px;bottom:-15%;right:-10%;background:radial-gradient(circle,#5e5ce6 0%,transparent 70%)}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(40px,-30px) scale(1.1)}}.png-theme-light .ambient-bg:before,.png-theme-light .ambient-bg:after{opacity:.08}.hero-gradient-text{font-size:32px;background:linear-gradient(135deg,#0071e3,#5e5ce6,#bf5af2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.png-theme-light .hero-gradient-text{background:linear-gradient(135deg,#0055b3,#4b44c9,#9b3fd4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:600px){.hero-gradient-text{font-size:22px!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) both}.animate-in-delay-1{animation-delay:.1s}.animate-in-delay-2{animation-delay:.2s}.animate-in-delay-3{animation-delay:.3s}.animate-in-delay-4{animation-delay:.4s}.mac-card:hover{transform:translateY(-2px)}.png-theme-dark .mac-card:hover{box-shadow:0 20px 40px #00000059}.png-theme-light .mac-card:hover{box-shadow:0 16px 32px #00000014}.demo-nav a:hover{color:#0071e3}.png-theme-dark .demo-nav a:hover{color:#2997ff}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%}.feature-card{padding:24px 20px;border-radius:18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,border-color .25s ease}.feature-card:hover{transform:translateY(-2px)}.feature-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px}.feature-title{font-size:15px;font-weight:700;letter-spacing:-.01em}.feature-desc{font-size:13px;line-height:1.5}@media(max-width:600px){.feature-strip{grid-template-columns:1fr;gap:12px}.feature-card{padding:20px 16px;flex-direction:row;text-align:left;gap:14px}.feature-icon{width:44px;height:44px;min-width:44px;font-size:20px}}.demo-footer{width:100%;max-width:920px;padding-top:32px;display:flex;align-items:center;justify-content:space-between;font-size:13px;z-index:1;flex-wrap:wrap;gap:16px}.demo-footer a{text-decoration:none;color:inherit;transition:color .2s ease}.demo-footer a:hover{color:#0071e3}.png-theme-dark .demo-footer a:hover{color:#2997ff}@media(max-width:768px){.hero-text-col{align-items:center!important;text-align:center!important}.hero-text-col .demo-techstack-container{align-items:center!important}.hero-text-col .techstack-badges{justify-content:center!important}.hero-preview-col{margin:0 auto!important;justify-self:center!important}.demo-footer{flex-direction:column!important;justify-content:center!important;text-align:center!important;gap:12px!important}.demo-footer>div{justify-content:center!important}}