:root{--bg-sidebar: #00393f;--sidebar-width: 260px;--header-height: 64px;--bottom-nav-height: 64px}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;padding:0;font-family:var(--font-body);font-size:1rem;font-weight:400;line-height:1.6;color:var(--text-body);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}button,input,select,textarea{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-heading);font-weight:600;line-height:1.3;color:var(--text-heading);letter-spacing:-.02em}p{margin:0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}button:focus-visible,a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;box-shadow:0 0 0 4px rgba(var(--color-accent-rgb),.15)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.1)}::-moz-selection{background-color:rgba(var(--color-primary-rgb),.12);color:var(--color-primary)}::selection{background-color:rgba(var(--color-primary-rgb),.12);color:var(--color-primary)}.pp-card{background:var(--bg-white);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-base),transform var(--transition-base)}.pp-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.pp-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;font-size:.875rem;color:var(--text-inverse);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);border:none;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast) var(--ease-bounce),box-shadow var(--transition-base);box-shadow:0 2px 8px rgba(var(--color-accent-rgb),.28)}.pp-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--color-accent-rgb),.38)}.pp-btn-primary:active:not(:disabled){transform:translateY(0)}.pp-btn-primary:disabled{opacity:.6;cursor:not-allowed}.pp-btn-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;font-size:.875rem;color:var(--text-inverse);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);border:none;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast) var(--ease-bounce),box-shadow var(--transition-base);box-shadow:0 2px 8px rgba(var(--color-accent-rgb),.3)}.pp-btn-cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--color-accent-rgb),.4)}.pp-page-enter{opacity:0;transform:translateY(12px);transition:opacity .4s var(--ease-premium),transform .4s var(--ease-premium)}.pp-page-enter.is-entered{opacity:1;transform:translateY(0)}.pp-skip-link{position:absolute;top:-100%;left:0;z-index:9999;padding:.5rem 1rem;background:var(--bg-white);color:var(--color-primary);font-weight:600;font-size:.875rem;border-radius:0 0 var(--radius-md) 0;box-shadow:var(--shadow-md);text-decoration:none;transition:top .15s ease}.pp-skip-link:focus{top:0;outline:2px solid var(--color-accent);outline-offset:2px}body.is-fullscreen-recording .pp-sidebar,body.is-fullscreen-recording .pp-header,body.is-fullscreen-recording .pp-bottom-nav{display:none}body.is-fullscreen-recording .pp-content{padding:0;max-width:100%}body.is-fullscreen-recording .pp-atmosphere{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.pp-page-enter{opacity:1!important;transform:none!important}}