@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#f6ebdd;--bg-secondary:#fff8f1;--bg-tertiary:#eadbcb;--accent:#d59863;--accent-light:#ebc9ae;--accent-dark:#a66e3c;--accent-success:#8eac50;--accent-blue:#7091f5;--accent-warning:#f1c27b;--accent-error:#e28f8f;--text-primary:#5f4b3f;--text-secondary:#8d7a6b;--text-muted:#afa093;--glass-bg:#fff8f1;--glass-border:#eadbcb;--glass-shadow:0 8px 30px #5f4b3f0d;--border-radius-xl:24px;--border-radius-lg:18px;--border-radius-md:14px;--border-radius-sm:8px;--transition-fast:all .15s ease;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--font-display:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eaddcf;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='600'%20height='600'%20viewBox='0%200%20600%20600'%20fill='none'%3e%3cdefs%3e%3c!--%20Gaussian%20Blur%20for%20depth%20of%20field%20--%3e%3cfilter%20id='blur-heavy'%20x='-50%25'%20y='-50%25'%20width='200%25'%20height='200%25'%3e%3cfeGaussianBlur%20stdDeviation='5'%20/%3e%3c/filter%3e%3cfilter%20id='blur-medium'%20x='-50%25'%20y='-50%25'%20width='200%25'%20height='200%25'%3e%3cfeGaussianBlur%20stdDeviation='3'%20/%3e%3c/filter%3e%3cfilter%20id='blur-light'%20x='-50%25'%20y='-50%25'%20width='200%25'%20height='200%25'%3e%3cfeGaussianBlur%20stdDeviation='1.5'%20/%3e%3c/filter%3e%3c!--%20Soft%20Drop%20Shadow%20for%203D%20feel%20--%3e%3cfilter%20id='shadow'%20x='-30%25'%20y='-30%25'%20width='160%25'%20height='160%25'%3e%3cfeDropShadow%20dx='1.5'%20dy='3'%20stdDeviation='3.5'%20flood-color='%238D7A6B'%20flood-opacity='0.12'%20/%3e%3c/filter%3e%3c!--%20Symmetrical%20Classic%20Bone%20Path%20--%3e%3cpath%20id='bone-shape'%20d='M%2015,10%20C%2012,6%206,6%204,10%20C%202,14%206,19%2010,18%20L%2010,32%20C%206,31%202,36%204,40%20C%206,44%2012,44%2015,40%20C%2018,44%2024,44%2026,40%20C%2028,36%2024,31%2020,32%20L%2020,18%20C%2024,19%2028,14%2026,10%20C%2024,6%2018,6%2015,10%20Z'%20/%3e%3c/defs%3e%3c!--%20Bone%201:%20Top%20Left%20-%20Sharp,%20outline%20with%20cream%20fill%20--%3e%3cg%20transform='translate(60,%2050)%20rotate(42%2015%2025)'%20filter='url(%23shadow)'%3e%3cuse%20href='%23bone-shape'%20fill='%23FAF4EB'%20stroke='%23CBB7A8'%20stroke-width='1.2'%20opacity='0.5'%20/%3e%3c/g%3e%3c!--%20Bone%202:%20Mid-top%20-%20Small,%20sharp%20--%3e%3cg%20transform='translate(360,%20140)%20rotate(-15%2015%2025)'%20filter='url(%23shadow)'%3e%3cuse%20href='%23bone-shape'%20fill='%23FAF4EB'%20stroke='%23CBB7A8'%20stroke-width='1.2'%20opacity='0.45'%20transform='scale(0.8)'%20/%3e%3c/g%3e%3c!--%20Bone%203:%20Bottom%20Right%20-%20Large,%20heavily%20blurred%20(depth%20of%20field)%20--%3e%3cg%20transform='translate(420,%20420)%20rotate(-35%2015%2025)'%20filter='url(%23blur-heavy)'%20opacity='0.32'%3e%3cuse%20href='%23bone-shape'%20fill='%23D3C0B0'%20transform='scale(1.6)'%20/%3e%3c/g%3e%3c!--%20Bone%204:%20Mid-left%20-%20Medium,%20slightly%20blurred%20--%3e%3cg%20transform='translate(110,%20380)%20rotate(60%2015%2025)'%20filter='url(%23blur-medium)'%20opacity='0.35'%3e%3cuse%20href='%23bone-shape'%20fill='%23D3C0B0'%20transform='scale(1.2)'%20/%3e%3c/g%3e%3c!--%20Bone%205:%20Top%20Right%20-%20Medium,%20slightly%20blurred%20--%3e%3cg%20transform='translate(500,%2060)%20rotate(110%2015%2025)'%20filter='url(%23blur-light)'%20opacity='0.35'%3e%3cuse%20href='%23bone-shape'%20fill='%23D3C0B0'%20transform='scale(1.3)'%20/%3e%3c/g%3e%3c!--%20Bone%206:%20Bottom%20Center%20-%20Small,%20sharp%20--%3e%3cg%20transform='translate(240,%20480)%20rotate(22%2015%2025)'%20filter='url(%23shadow)'%3e%3cuse%20href='%23bone-shape'%20fill='%23FAF4EB'%20stroke='%23CBB7A8'%20stroke-width='1.0'%20opacity='0.45'%20transform='scale(0.9)'%20/%3e%3c/g%3e%3c/svg%3e"),radial-gradient(circle,#faf4eb 0%,#eaddcf 100%);background-repeat:repeat,no-repeat;background-attachment:scroll,fixed;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}.app-container{border-left:1px solid var(--bg-tertiary);border-right:1px solid var(--bg-tertiary);background-color:#eaddcf;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='600'%20height='600'%20viewBox='0%200%20600%20600'%20fill='none'%3e%3cdefs%3e%3c!--%20Gaussian%20Blur%20for%20depth%20of%20field%20--%3e%3cfilter%20id='blur-heavy'%20x='-50%25'%20y='-50%25'%20width='200%25'%20height='200%25'%3e%3cfeGaussianBlur%20stdDeviation='5'%20/%3e%3c/filter%3e%3cfilter%20id='blur-medium'%20x='-50%25'%20y='-50%25'%20width='200%25'%20height='200%25'%3e%3cfeGaussianBlur%20stdDeviation='3'%20/%3e%3c/filter%3e%3cfilter%20id='blur-light'%20x='-50%25'%20y='-50%25'%20width='200%25'%20height='200%25'%3e%3cfeGaussianBlur%20stdDeviation='1.5'%20/%3e%3c/filter%3e%3c!--%20Soft%20Drop%20Shadow%20for%203D%20feel%20--%3e%3cfilter%20id='shadow'%20x='-30%25'%20y='-30%25'%20width='160%25'%20height='160%25'%3e%3cfeDropShadow%20dx='1.5'%20dy='3'%20stdDeviation='3.5'%20flood-color='%238D7A6B'%20flood-opacity='0.12'%20/%3e%3c/filter%3e%3c!--%20Symmetrical%20Classic%20Bone%20Path%20--%3e%3cpath%20id='bone-shape'%20d='M%2015,10%20C%2012,6%206,6%204,10%20C%202,14%206,19%2010,18%20L%2010,32%20C%206,31%202,36%204,40%20C%206,44%2012,44%2015,40%20C%2018,44%2024,44%2026,40%20C%2028,36%2024,31%2020,32%20L%2020,18%20C%2024,19%2028,14%2026,10%20C%2024,6%2018,6%2015,10%20Z'%20/%3e%3c/defs%3e%3c!--%20Bone%201:%20Top%20Left%20-%20Sharp,%20outline%20with%20cream%20fill%20--%3e%3cg%20transform='translate(60,%2050)%20rotate(42%2015%2025)'%20filter='url(%23shadow)'%3e%3cuse%20href='%23bone-shape'%20fill='%23FAF4EB'%20stroke='%23CBB7A8'%20stroke-width='1.2'%20opacity='0.5'%20/%3e%3c/g%3e%3c!--%20Bone%202:%20Mid-top%20-%20Small,%20sharp%20--%3e%3cg%20transform='translate(360,%20140)%20rotate(-15%2015%2025)'%20filter='url(%23shadow)'%3e%3cuse%20href='%23bone-shape'%20fill='%23FAF4EB'%20stroke='%23CBB7A8'%20stroke-width='1.2'%20opacity='0.45'%20transform='scale(0.8)'%20/%3e%3c/g%3e%3c!--%20Bone%203:%20Bottom%20Right%20-%20Large,%20heavily%20blurred%20(depth%20of%20field)%20--%3e%3cg%20transform='translate(420,%20420)%20rotate(-35%2015%2025)'%20filter='url(%23blur-heavy)'%20opacity='0.32'%3e%3cuse%20href='%23bone-shape'%20fill='%23D3C0B0'%20transform='scale(1.6)'%20/%3e%3c/g%3e%3c!--%20Bone%204:%20Mid-left%20-%20Medium,%20slightly%20blurred%20--%3e%3cg%20transform='translate(110,%20380)%20rotate(60%2015%2025)'%20filter='url(%23blur-medium)'%20opacity='0.35'%3e%3cuse%20href='%23bone-shape'%20fill='%23D3C0B0'%20transform='scale(1.2)'%20/%3e%3c/g%3e%3c!--%20Bone%205:%20Top%20Right%20-%20Medium,%20slightly%20blurred%20--%3e%3cg%20transform='translate(500,%2060)%20rotate(110%2015%2025)'%20filter='url(%23blur-light)'%20opacity='0.35'%3e%3cuse%20href='%23bone-shape'%20fill='%23D3C0B0'%20transform='scale(1.3)'%20/%3e%3c/g%3e%3c!--%20Bone%206:%20Bottom%20Center%20-%20Small,%20sharp%20--%3e%3cg%20transform='translate(240,%20480)%20rotate(22%2015%2025)'%20filter='url(%23shadow)'%3e%3cuse%20href='%23bone-shape'%20fill='%23FAF4EB'%20stroke='%23CBB7A8'%20stroke-width='1.0'%20opacity='0.45'%20transform='scale(0.9)'%20/%3e%3c/g%3e%3c/svg%3e"),radial-gradient(circle,#faf4eb 0%,#eaddcf 100%);background-repeat:repeat,no-repeat;background-attachment:scroll,scroll;flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;transition:max-width .2s;display:flex;position:relative;box-shadow:0 0 30px #5f4b3f0f}@media (width>=992px){.app-container{max-width:1122px}}.main-content{flex-direction:column;flex:1;gap:24px;padding:80px 20px 100px;display:flex}.card-glass{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow);transition:var(--transition-smooth);padding:20px}.card-glass:hover{border-color:var(--accent-light);transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#fff;font-family:var(--font-display);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #d5986326}.btn-primary:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 6px 18px #d5986340}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--bg-tertiary);font-family:var(--font-display);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #5f4b3f05}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);transform:translateY(-2px)}.btn-text{color:var(--accent-dark);font-family:var(--font-display);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;font-size:15px;font-weight:600}.btn-text:hover{color:var(--accent);text-decoration:underline}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{font-family:var(--font-display);color:var(--text-primary);font-size:14px;font-weight:600}.form-tip{color:var(--text-secondary);margin-top:2px;font-size:12px;line-height:1.4}.form-input{border:1px solid var(--bg-tertiary);border-radius:var(--border-radius-md);color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-smooth);box-shadow:var(--input-shadow);background:#fff;padding:14px;font-size:15px}.form-input:focus{border-color:var(--accent);background:#fff;outline:none;box-shadow:0 0 0 3px #d5986326}.form-input::placeholder{color:var(--text-muted)}.form-input.input-error{border-color:var(--accent-error);box-shadow:0 0 0 3px #e28f8f40}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=480px){.walk-time-row{grid-template-columns:1fr;gap:12px}}.form-checkbox-label{cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;display:flex}.form-checkbox{width:18px;height:18px;accent-color:var(--accent)}.stepper-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.stepper-dots{gap:8px;display:flex}.stepper-dot{background:var(--bg-tertiary);width:8px;height:8px;transition:var(--transition-smooth);border-radius:50%}.stepper-dot.active{background:var(--accent);transform:scale(1.3)}.app-header{background:var(--bg-secondary);border-bottom:1px solid var(--bg-tertiary);z-index:100;justify-content:space-between;align-items:center;width:100%;max-width:600px;height:70px;padding:0 20px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #5f4b3f05}.app-logo{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:6px;font-size:24px;font-weight:800;display:flex}.notification-badge-container{cursor:pointer;position:relative}.notification-dot{background:var(--accent-error);border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.bottom-nav{background:var(--bg-secondary);border-top:1px solid var(--bg-tertiary);z-index:100;grid-template-columns:repeat(5,1fr);align-items:center;width:100%;max-width:600px;height:80px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 10px #5f4b3f05}.bottom-nav-item{color:var(--text-secondary);transition:var(--transition-fast);cursor:pointer;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-icon{font-size:20px}.badge{text-transform:none;border-radius:99px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-accent{color:var(--accent-dark);background:#d598631f}.badge-success{color:var(--accent-success);background:#8eac501f}.badge-warning{color:var(--accent-warning);background:#f1c27b1f}.badge-error{color:var(--accent-error);background:#e28f8f1f}.badge-blue{color:var(--accent-blue);background:#7091f51f}.welcome-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:80vh;display:flex}.welcome-logo{font-size:72px}.welcome-title{color:var(--text-primary);font-size:40px}.welcome-subtitle{color:var(--text-secondary);max-width:380px;margin:0 auto;font-size:16px;line-height:1.6}.loading-container,.error-container,.empty-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:200px;padding:40px 20px;display:flex}.spinner{border:4px solid #d5986326;border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.walk-card{flex-direction:column;gap:16px;display:flex}.walk-header{justify-content:space-between;align-items:flex-start;display:flex}.walk-creator-avatar{object-fit:cover;border:2px solid var(--accent);border-radius:50%;width:44px;height:44px}.walk-meta-grid{color:var(--text-secondary);grid-template-columns:auto 1fr;gap:8px 12px;font-size:14px;display:grid}.walk-meta-icon{color:var(--accent);text-align:center;width:16px}.friend-badge{color:var(--accent-error);align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.participants-avatars{align-items:center;margin-top:8px;display:flex}.participant-avatar-item{object-fit:cover;border:2px solid var(--bg-tertiary);border-radius:50%;width:32px;height:32px;margin-left:-8px;box-shadow:0 4px 6px #0003}.participant-avatar-item:first-child{margin-left:0}.recommendation-score-ring{width:64px;height:64px;font-family:var(--font-display);border:4px solid var(--bg-tertiary);border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.score-ring-success{border-color:var(--accent-success);color:var(--accent-success)}.score-ring-blue{border-color:var(--accent-blue);color:var(--accent-blue)}.score-ring-warning{border-color:var(--accent-warning);color:var(--accent-warning)}.score-ring-error{border-color:var(--accent-error);color:var(--accent-error)}.risk-tags-list{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.safety-tip-box{border-left:4px solid var(--accent);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;color:var(--text-secondary);background:#ffffff0a;padding:12px;font-size:14px;line-height:1.5}.notification-item{flex-direction:column;gap:6px;display:flex;position:relative}.notification-item.unread:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.notification-item.unread{background:#d598630a;padding-left:24px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#5f4b3f66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--border-radius-xl);width:100%;max-width:450px;padding:24px;box-shadow:0 10px 40px #5f4b3f1a}.app-footer-credit{text-align:center;color:var(--text-secondary);font-size:13px;font-family:var(--font-display);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:6px;padding:20px 0 10px;font-weight:500;display:flex}.footer-heart-paw{color:var(--accent-error);font-size:15px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{background-color:#0000;transition:background-color .2s}.dropdown-item:hover{background-color:#d5986314!important}.profile-behavior-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=480px){.profile-behavior-grid{grid-template-columns:1fr;gap:12px}}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--accent-light) 50%, var(--bg-tertiary) 75%);border-radius:var(--border-radius-sm);vertical-align:middle;background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-loading;display:inline-block}.skeleton-circle{border-radius:50%!important}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.dog-create-first-step-button{color:#6b5446;font:inherit;cursor:pointer;background:#fffaf5e0;border:1px solid #785b4638;border-radius:999px;margin:12px 0 0;padding:10px 16px;font-weight:700}.dog-create-first-step-button:hover{background:#fff6ed}.dog-field-limit{color:#9a897c;margin:8px 0 0;font-size:.92rem;line-height:1.35}.post-walk-feedback-card{background:#fffaf5eb;border:1px solid #c6976859;border-radius:24px;margin:24px 0;padding:24px;box-shadow:0 18px 45px #4f3b2b14}.post-walk-feedback-header h2{margin:4px 0 8px}.post-walk-feedback-eyebrow{color:#c99059;letter-spacing:.02em;margin:0;font-weight:800}.post-walk-feedback-info,.post-walk-feedback-success,.post-walk-feedback-error{border-radius:16px;margin:16px 0;padding:12px 14px;font-weight:700}.post-walk-feedback-info{color:#6b5446;background:#ddc2a038}.post-walk-feedback-success{color:#4f7048;background:#719a6924}.post-walk-feedback-error{color:#9b4a4a;background:#e2727224}.post-walk-feedback-options{gap:12px;margin:18px 0;display:grid}.post-walk-feedback-option{color:#5f4b40;text-align:left;cursor:pointer;background:#fffaf5;border:1px solid #6b54462e;border-radius:18px;width:100%;padding:16px}.post-walk-feedback-option strong{margin-bottom:4px;font-size:1rem;display:block}.post-walk-feedback-option span{color:#8c7a6d;display:block}.post-walk-feedback-option.is-selected{background:#d09a6129;border-color:#d09a61}.post-walk-feedback-field{color:#5f4b40;gap:8px;margin-top:16px;font-weight:700;display:grid}.post-walk-feedback-field select,.post-walk-feedback-field textarea{color:#5f4b40;width:100%;font:inherit;background:#fff;border:1px solid #6b544633;border-radius:16px;padding:12px 14px}.post-walk-feedback-field textarea{resize:vertical;min-height:110px}.post-walk-feedback-field small{color:#9a897c;font-weight:500}.post-walk-feedback-submit{color:#fff;width:100%;font:inherit;cursor:pointer;background:#d09a61;border:0;border-radius:18px;margin-top:18px;padding:14px 18px;font-weight:800}.post-walk-feedback-submit:disabled{opacity:.65;cursor:not-allowed}.admin-matching-feedback{background:#fffaf5eb;border:1px solid #c6976859;border-radius:24px;margin:28px 0;padding:24px}.admin-matching-feedback-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:20px 0;display:grid}.admin-matching-feedback-grid div{background:#fff;border:1px solid #6b544624;border-radius:18px;padding:16px}.admin-matching-feedback-grid strong{color:#6b5446;font-size:1.8rem;display:block}.admin-matching-feedback-grid span{color:#8c7a6d}.admin-matching-feedback-table{border-collapse:collapse;background:#fff;border-radius:18px;width:100%;margin:12px 0 24px;overflow:hidden}.admin-matching-feedback-table th,.admin-matching-feedback-table td{text-align:left;border-bottom:1px solid #6b54461a;padding:12px 14px}.admin-matching-feedback-table th{color:#6b5446;background:#d09a611f}.admin-matching-feedback-error{color:#9b4a4a;background:#e2727224;border-radius:16px;margin:16px 0;padding:12px 14px;font-weight:700}.tab-btn{color:#6b5446;font-family:var(--font-display);cursor:pointer;white-space:nowrap;box-shadow:none;background:#f2e6d8;border:none;border-radius:9999px;outline:none;justify-content:center;align-items:center;padding:10px 22px;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex}.tab-btn:hover{color:#554034;background:#e8d9c7}.tab-btn.active{color:#fff;background:#d09a61;font-weight:700;box-shadow:0 4px 12px #d09a6147}.landing-page-shell{box-sizing:border-box;background-color:#fff8f1;width:100%;min-height:100vh;position:relative;overflow-x:hidden}.landing-background-bones{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.landing-page-content{z-index:auto;width:100%;position:relative}.landing-container-wide{box-sizing:border-box;z-index:3;width:100%;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.landing-bone-item{pointer-events:none;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='600'%20height='600'%20viewBox='0%200%20600%20600'%20fill='none'%3e%3cdefs%3e%3c!--%20Gaussian%20Blur%20for%20depth%20of%20field%20--%3e%3cfilter%20id='blur-heavy'%20x='-50%25'%20y='-50%25'%20width='200%25'%20height='200%25'%3e%3cfeGaussianBlur%20stdDeviation='5'%20/%3e%3c/filter%3e%3cfilter%20id='blur-medium'%20x='-50%25'%20y='-50%25'%20width='200%25'%20height='200%25'%3e%3cfeGaussianBlur%20stdDeviation='3'%20/%3e%3c/filter%3e%3cfilter%20id='blur-light'%20x='-50%25'%20y='-50%25'%20width='200%25'%20height='200%25'%3e%3cfeGaussianBlur%20stdDeviation='1.5'%20/%3e%3c/filter%3e%3c!--%20Soft%20Drop%20Shadow%20for%203D%20feel%20--%3e%3cfilter%20id='shadow'%20x='-30%25'%20y='-30%25'%20width='160%25'%20height='160%25'%3e%3cfeDropShadow%20dx='1.5'%20dy='3'%20stdDeviation='3.5'%20flood-color='%238D7A6B'%20flood-opacity='0.12'%20/%3e%3c/filter%3e%3c!--%20Symmetrical%20Classic%20Bone%20Path%20--%3e%3cpath%20id='bone-shape'%20d='M%2015,10%20C%2012,6%206,6%204,10%20C%202,14%206,19%2010,18%20L%2010,32%20C%206,31%202,36%204,40%20C%206,44%2012,44%2015,40%20C%2018,44%2024,44%2026,40%20C%2028,36%2024,31%2020,32%20L%2020,18%20C%2024,19%2028,14%2026,10%20C%2024,6%2018,6%2015,10%20Z'%20/%3e%3c/defs%3e%3c!--%20Bone%201:%20Top%20Left%20-%20Sharp,%20outline%20with%20cream%20fill%20--%3e%3cg%20transform='translate(60,%2050)%20rotate(42%2015%2025)'%20filter='url(%23shadow)'%3e%3cuse%20href='%23bone-shape'%20fill='%23FAF4EB'%20stroke='%23CBB7A8'%20stroke-width='1.2'%20opacity='0.5'%20/%3e%3c/g%3e%3c!--%20Bone%202:%20Mid-top%20-%20Small,%20sharp%20--%3e%3cg%20transform='translate(360,%20140)%20rotate(-15%2015%2025)'%20filter='url(%23shadow)'%3e%3cuse%20href='%23bone-shape'%20fill='%23FAF4EB'%20stroke='%23CBB7A8'%20stroke-width='1.2'%20opacity='0.45'%20transform='scale(0.8)'%20/%3e%3c/g%3e%3c!--%20Bone%203:%20Bottom%20Right%20-%20Large,%20heavily%20blurred%20(depth%20of%20field)%20--%3e%3cg%20transform='translate(420,%20420)%20rotate(-35%2015%2025)'%20filter='url(%23blur-heavy)'%20opacity='0.32'%3e%3cuse%20href='%23bone-shape'%20fill='%23D3C0B0'%20transform='scale(1.6)'%20/%3e%3c/g%3e%3c!--%20Bone%204:%20Mid-left%20-%20Medium,%20slightly%20blurred%20--%3e%3cg%20transform='translate(110,%20380)%20rotate(60%2015%2025)'%20filter='url(%23blur-medium)'%20opacity='0.35'%3e%3cuse%20href='%23bone-shape'%20fill='%23D3C0B0'%20transform='scale(1.2)'%20/%3e%3c/g%3e%3c!--%20Bone%205:%20Top%20Right%20-%20Medium,%20slightly%20blurred%20--%3e%3cg%20transform='translate(500,%2060)%20rotate(110%2015%2025)'%20filter='url(%23blur-light)'%20opacity='0.35'%3e%3cuse%20href='%23bone-shape'%20fill='%23D3C0B0'%20transform='scale(1.3)'%20/%3e%3c/g%3e%3c!--%20Bone%206:%20Bottom%20Center%20-%20Small,%20sharp%20--%3e%3cg%20transform='translate(240,%20480)%20rotate(22%2015%2025)'%20filter='url(%23shadow)'%3e%3cuse%20href='%23bone-shape'%20fill='%23FAF4EB'%20stroke='%23CBB7A8'%20stroke-width='1.0'%20opacity='0.45'%20transform='scale(0.9)'%20/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;position:absolute}.landing-bone-1{opacity:.09;filter:blur(2px);width:280px;height:280px;top:180px;left:1.5vw;transform:rotate(-15deg)}.landing-bone-2{opacity:.1;width:250px;height:250px;top:1000px;right:1.5vw;transform:rotate(20deg)}.landing-bone-3{opacity:.09;width:260px;height:260px;top:2000px;left:2vw;transform:rotate(-35deg)}.landing-bone-4{opacity:.08;width:240px;height:240px;top:3100px;right:1vw;transform:rotate(15deg)}.landing-bone-5{opacity:.09;filter:blur(2px);width:280px;height:280px;top:4200px;left:1.5vw;transform:rotate(40deg)}.landing-bone-6{opacity:.1;width:260px;height:260px;bottom:250px;right:2vw;transform:rotate(-25deg)}@media (width<=1250px){.landing-bone-2,.landing-bone-3,.landing-bone-4,.landing-bone-5{display:none}.landing-bone-1{opacity:.06;filter:blur(1px);width:160px;height:160px;top:140px;left:-50px}.landing-bone-6{opacity:.06;width:160px;height:160px;bottom:180px;right:-50px}}@media (width<=768px){.landing-background-bones{display:none}.landing-header{height:70px}.landing-logo img{height:38px}}.landing-header{-webkit-backdrop-filter:blur(20px);z-index:1000;background:#fff8f1e6;border-bottom:1px solid #eadbcb66;align-items:center;width:100%;height:90px;display:flex;position:fixed;top:0;left:0}.landing-header-inner{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.landing-logo{align-items:center;padding:8px 0;text-decoration:none;display:flex}.landing-logo img{width:auto;height:48px;display:block}.landing-nav{gap:32px;display:flex}@media (width<=1024px){.landing-nav{display:none}}.landing-nav-link{color:var(--text-secondary);font-size:15px;font-weight:600;font-family:var(--font-display);transition:var(--transition-fast);text-decoration:none}.landing-nav-link:hover{color:var(--accent-dark)}.landing-auth-buttons{align-items:center;gap:16px;display:flex}.landing-btn-login{color:var(--text-primary);font-size:15px;font-weight:600;font-family:var(--font-display);transition:var(--transition-fast);padding:10px 16px;text-decoration:none}.landing-btn-login:hover{color:var(--accent-dark)}.landing-btn-register{background:var(--accent);color:#fff;font-size:15px;font-weight:600;font-family:var(--font-display);border-radius:var(--border-radius-md);transition:var(--transition-smooth);padding:12px 26px;text-decoration:none;box-shadow:0 4px 12px #d5986326}.landing-btn-register:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 6px 18px #d5986340}.landing-section{z-index:1;box-sizing:border-box;width:100%;padding:120px 0;position:relative}.landing-section-beige{background-color:var(--bg-primary);background-image:radial-gradient(circle,#faf4eb 0%,#eaddcf 100%);background-repeat:no-repeat}.landing-section-pinkish{background-color:#faf2e9}.landing-section-title{text-align:center;color:var(--text-primary);margin-bottom:20px;font-size:42px;line-height:1.2}.landing-section-subtitle{text-align:center;color:var(--text-secondary);max-width:700px;margin:0 auto 70px;font-size:18px;line-height:1.6}.landing-hero{box-sizing:border-box;z-index:1;background-color:#fff8f1;align-items:center;width:100%;min-height:720px;padding-top:110px;display:flex;position:relative;overflow:hidden}.landing-hero-slideshow-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.landing-hero-slide{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.5s ease-in-out;position:absolute;top:0;left:0}.landing-hero-slide.active{opacity:1}.landing-hero-overlay{z-index:2;pointer-events:none;background:linear-gradient(90deg,#fff8f1 0% 38%,#fff8f1f2 48%,#fff8f1b3 65%,#fff8f11a 90%,#fff8f100 100%);width:100%;height:100%;position:absolute;top:0;left:0}.landing-hero-content-wrapper{z-index:3;box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:40px 24px;position:relative}.landing-hero-content{flex-direction:column;align-items:flex-start;max-width:580px;display:flex}.landing-hero-tagline{color:var(--accent-dark);letter-spacing:.06em;text-transform:uppercase;background:#d598631a;border-radius:99px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.landing-hero-title{color:var(--text-primary);margin-bottom:24px;font-size:58px;line-height:1.15}.landing-hero-desc{color:var(--text-secondary);margin-bottom:40px;font-size:19px;line-height:1.65}.landing-hero-actions{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.landing-hero-microcopy{color:var(--text-muted);font-size:13px;font-style:italic;line-height:1.5}@media (width<=991px){.landing-hero{width:100%;min-height:580px;box-shadow:none;background-color:#fff8f1;border:none;border-radius:0;align-items:center;margin:0;padding-top:100px;padding-bottom:40px;display:flex;overflow:hidden}.landing-hero-slideshow-container{z-index:1;order:unset;width:100%;height:100%;box-shadow:none;border:none;margin-top:0;position:absolute;top:0;left:0}.landing-hero-overlay{z-index:2;background:linear-gradient(135deg,#fff8f1f2 0%,#fff8f1cc 50%,#fff8f166 100%);width:100%;height:100%;display:block;position:absolute;top:0;left:0}.landing-hero-content-wrapper{z-index:3;order:unset;box-sizing:border-box;width:100%;padding:40px 24px;position:relative}.landing-hero-content{text-align:left;align-items:flex-start;max-width:100%}.landing-hero-actions{justify-content:flex-start}}@media (width<=480px){.landing-hero{min-height:520px;padding-top:90px}.landing-hero-title{font-size:34px}.landing-hero-desc{margin-bottom:28px;font-size:16px}}.landing-image-banner{width:100%;box-shadow:none;z-index:5;background-attachment:scroll;border-radius:0;margin:0}@media (width>=992px){.landing-image-banner{background-attachment:fixed}}.landing-trust-block{width:100%;box-shadow:none;text-align:center;z-index:1;background:#fff8f1;border-top:1px solid #eadbcb66;border-bottom:1px solid #eadbcb66;border-radius:0;margin:0;padding:80px 24px;position:relative}.landing-trust-title{color:var(--text-primary);font-size:32px;font-family:var(--font-display);margin-bottom:16px}.landing-trust-desc{color:var(--text-secondary);max-width:700px;margin:0 auto;font-size:18px;line-height:1.6}.landing-mission-grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:70px;display:grid}@media (width<=768px){.landing-mission-grid{grid-template-columns:1fr;gap:40px}}.landing-mission-content{flex-direction:column;gap:28px;display:flex}.landing-mission-item{align-items:flex-start;gap:20px;display:flex}.landing-mission-number{font-family:var(--font-display);color:var(--accent);background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex;box-shadow:0 4px 15px #5f4b3f05}.landing-mission-text h3{margin-bottom:6px;font-size:21px}.landing-mission-text p{color:var(--text-secondary);font-size:15px;line-height:1.6}.landing-steps-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid;position:relative}@media (width<=991px){.landing-steps-grid{grid-template-columns:1fr;gap:40px}}.landing-step-item{text-align:center;z-index:5;transition:var(--transition-smooth);box-sizing:border-box;background:#fff;border:1px solid #eadbcb66;border-radius:24px;flex-direction:column;align-items:center;padding:48px 32px;display:flex;position:relative;box-shadow:0 8px 30px #5f4b3f04}.landing-step-item:hover{border-color:var(--accent-light);transform:translateY(-4px);box-shadow:0 16px 40px #5f4b3f0d}.landing-step-number{background:var(--accent);color:#fff;width:54px;height:54px;font-family:var(--font-display);z-index:10;border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;font-size:22px;font-weight:700;display:flex;position:relative;box-shadow:0 6px 18px #d598632e}.landing-step-item h3{color:var(--text-primary);font-size:21px;font-family:var(--font-display);margin-bottom:12px}.landing-step-item p{color:var(--text-secondary);font-size:15px;line-height:1.6}@media (width>=992px){.landing-step-item:not(:last-child):after{content:"";background:repeating-linear-gradient(to right, var(--bg-tertiary) 0, var(--bg-tertiary) 8px, transparent 8px, transparent 16px);z-index:1;width:40px;height:2px;position:absolute;top:75px;left:100%}}.landing-modules-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}@media (width<=991px){.landing-modules-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.landing-modules-grid{grid-template-columns:1fr}}.landing-module-card{border-radius:var(--border-radius-lg);transition:var(--transition-smooth);background:#fff;border:1px solid #eadbcb66;padding:36px;box-shadow:0 8px 30px #5f4b3f01}.landing-module-card:hover{border-color:var(--accent-light);transform:translateY(-4px);box-shadow:0 18px 40px #5f4b3f0a}.landing-module-number{font-family:var(--font-display);color:var(--text-muted);margin-bottom:12px;font-size:15px;font-weight:700}.landing-module-card h3{margin-bottom:12px;font-size:21px}.landing-module-card p{color:var(--text-secondary);font-size:15px;line-height:1.6}.landing-spec-banner{border:1px solid var(--bg-tertiary);border-radius:var(--border-radius-lg);text-align:center;max-width:850px;color:var(--text-primary);z-index:10;box-shadow:var(--glass-shadow);background:#d598630d;margin:50px auto 0;padding:24px 32px;font-size:15.5px;line-height:1.6;position:relative}.landing-feature-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:70px;display:grid}@media (width<=991px){.landing-feature-grid{grid-template-columns:1fr;gap:40px}}.landing-match-mockup{background:#fff;border:1px solid #eadbcb80;border-radius:32px;padding:32px;box-shadow:0 25px 60px #5f4b3f0d}.landing-match-header{border-bottom:1px solid #eadbcb4d;margin-bottom:24px;padding-bottom:20px}.landing-match-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:6px;font-size:18px;font-weight:700}.landing-match-badge-success{color:var(--accent-success);text-transform:uppercase;background:#8eac501f;border-radius:99px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-block}.landing-match-dogs-row{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:30px;display:grid}.landing-match-dog-profile{flex-direction:column;align-items:center;display:flex}.landing-match-avatar{background:var(--bg-primary);width:64px;height:64px;font-family:var(--font-display);color:var(--text-primary);border:2px solid var(--bg-tertiary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;font-size:22px;font-weight:800;display:flex}.landing-match-dog-name{font-size:16px;font-weight:700}.landing-match-dog-meta{color:var(--text-secondary);font-size:12px}.landing-match-vs{font-family:var(--font-display);color:var(--text-muted);font-size:14px;font-weight:700}.landing-match-comparison{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.landing-comparison-item{flex-direction:column;gap:6px;display:flex}.landing-comparison-labels{justify-content:space-between;font-size:13px;font-weight:600;display:flex}.landing-comparison-bars{grid-template-columns:1fr 1fr;gap:8px;height:6px;display:grid}.landing-comparison-bar{background:var(--bg-tertiary);border-radius:99px;height:100%;overflow:hidden}.landing-comparison-fill{background:var(--accent);border-radius:99px;height:100%}.landing-match-score-card{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--border-radius-md);text-align:center;padding:16px}.landing-match-score-text{color:var(--text-secondary);margin-bottom:4px;font-size:13px;font-weight:700}.landing-match-score-num{font-family:var(--font-display);color:var(--accent-dark);font-size:24px;font-weight:800}.landing-relational-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:80px;display:grid}@media (width<=991px){.landing-relational-grid{grid-template-columns:1fr;gap:45px}}.landing-relational-text h2{margin-bottom:24px;font-size:42px;line-height:1.2}.landing-relational-text p{color:var(--text-secondary);margin-bottom:28px;font-size:17px;line-height:1.65}.landing-relational-highlights{flex-direction:column;gap:20px;display:flex}.landing-relational-highlight-item{align-items:flex-start;gap:16px;display:flex}.landing-relational-highlight-number{font-family:var(--font-display);color:var(--accent);white-space:nowrap;flex-shrink:0;margin-top:3px;font-size:16px;font-weight:700}.landing-relational-highlight-text h4{margin-bottom:4px;font-size:17px}.landing-relational-highlight-text p{color:var(--text-secondary);font-size:14.5px;line-height:1.5}.landing-relation-visual{background:#fff;border:1px solid #eadbcb80;border-radius:32px;padding:32px;box-shadow:0 25px 60px #5f4b3f0a}.landing-relation-visual-header{border-bottom:1px solid #eadbcb4d;margin-bottom:20px;padding-bottom:16px}.landing-relation-tag{border:1px solid var(--bg-tertiary);color:var(--text-primary);font-size:13px;font-weight:700;font-family:var(--font-display);background:#d598630f;border-radius:8px;padding:4px 12px;display:inline-block}.landing-relation-dogs-list{flex-direction:column;gap:14px;display:flex}.landing-relation-dog-item{background:var(--bg-secondary);border-radius:var(--border-radius-md);transition:var(--transition-fast);border:1px solid #eadbcb4d;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.landing-relation-dog-item:hover{border-color:var(--accent-light);transform:translate(4px)}.landing-relation-dog-meta{align-items:center;gap:12px;display:flex}.landing-relation-dog-circle{border:1.5px solid var(--bg-tertiary);width:44px;height:44px;font-family:var(--font-display);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.landing-relation-dog-details h5{margin-bottom:2px;font-size:15px}.landing-relation-dog-details p{color:var(--text-secondary);font-size:11.5px}.landing-relation-dog-status{color:var(--accent-dark);font-size:12px;font-weight:700}.landing-places-grid{grid-template-columns:.95fr 1.05fr;align-items:center;gap:80px;display:grid}@media (width<=991px){.landing-places-grid{grid-template-columns:1fr;gap:45px}}.landing-places-cards{flex-direction:column;gap:20px;display:flex}.landing-place-item-card{border-radius:var(--border-radius-lg);transition:var(--transition-smooth);background:#fff;border:1px solid #eadbcb66;flex-direction:column;align-items:flex-start;padding:28px;display:flex;box-shadow:0 10px 30px #5f4b3f05}.landing-place-item-card:hover{border-color:var(--accent-light);transform:translateY(-2px)}.landing-place-item-card h4{color:var(--text-primary);margin-bottom:6px;font-size:18px}.landing-place-item-card p{color:var(--text-secondary);margin-bottom:12px;font-size:14px;line-height:1.5}.landing-place-item-card h5{color:var(--text-primary);margin-bottom:12px;font-size:12.5px;font-weight:700}.landing-place-tags{flex-wrap:wrap;gap:8px;display:flex}.landing-place-tag{background:var(--bg-primary);color:var(--text-secondary);border-radius:8px;padding:6px 12px;font-size:11px;font-weight:600}.landing-target-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}@media (width<=768px){.landing-target-grid{grid-template-columns:1fr}}.landing-target-card{border-radius:var(--border-radius-lg);background:#fff8f1;border:1px solid #eadbcb66;align-items:flex-start;gap:24px;padding:36px;display:flex}.landing-target-number{font-family:var(--font-display);color:var(--accent-light);flex-shrink:0;width:40px;font-size:20px;font-weight:800}.landing-target-info h3{margin-bottom:8px;font-size:21px}.landing-target-info p{color:var(--text-secondary);font-size:15px;line-height:1.6}.landing-safety-card{border-radius:var(--border-radius-xl);background:#fff;border:1px solid #eadbcb80;grid-template-columns:1fr 1.4fr;align-items:center;gap:60px;padding:56px;display:grid;box-shadow:0 20px 50px #5f4b3f05}@media (width<=991px){.landing-safety-card{grid-template-columns:1fr;gap:40px;padding:36px}}.landing-safety-left h2{margin-bottom:20px;font-size:38px}.landing-safety-left p{color:var(--text-secondary);font-size:16px;line-height:1.65}.landing-safety-rules{flex-direction:column;gap:28px;display:flex}.landing-safety-rule-item{align-items:flex-start;gap:20px;display:flex}.landing-safety-rule-bullet{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:8px}.landing-safety-rule-text h4{margin-bottom:6px;font-size:18px}.landing-safety-rule-text p{color:var(--text-secondary);font-size:14.5px;line-height:1.5}.landing-local-section{text-align:center;z-index:1;background:linear-gradient(#fff8f1 0%,#faf2e9 100%);border-top:1px solid #eadbcb4d;padding:120px 24px}.landing-local-card{border-radius:var(--border-radius-xl);background:#fff;border:1px solid #eadbcb66;max-width:850px;margin:0 auto;padding:50px;box-shadow:0 15px 40px #5f4b3f05}.landing-local-card h2{margin-bottom:16px;font-size:38px}.landing-local-card p{color:var(--text-secondary);margin-bottom:32px;font-size:17px;line-height:1.65}.landing-faq-list{flex-direction:column;gap:16px;max-width:800px;margin:0 auto;display:flex}.landing-faq-item{border-radius:var(--border-radius-md);transition:var(--transition-smooth);background:#fff;border:1px solid #eadbcb66;overflow:hidden}.landing-faq-item:hover{border-color:var(--accent-light)}.landing-faq-question{text-align:left;width:100%;font-family:var(--font-display);color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:22px 28px;font-size:17px;font-weight:600;display:flex}.landing-faq-answer{max-height:0;color:var(--text-secondary);padding:0 28px;font-size:15px;line-height:1.65;transition:max-height .3s cubic-bezier(.4,0,.2,1),padding .3s;overflow:hidden}.landing-faq-item.active .landing-faq-answer{max-height:250px;padding-bottom:24px}.landing-faq-arrow{color:var(--text-muted);font-size:14px;transition:transform .3s}.landing-faq-item.active .landing-faq-arrow{transform:rotate(180deg)}.landing-final-cta{background-color:var(--bg-primary);text-align:center;z-index:5;background-image:radial-gradient(circle,#faf4eb 0%,#eaddcf 100%);background-position:50%;background-repeat:no-repeat;padding:140px 24px}.landing-final-cta-content{max-width:650px;margin:0 auto}.landing-final-cta-content h2{margin-bottom:20px;font-size:44px;line-height:1.2}.landing-final-cta-content p{color:var(--text-secondary);margin-bottom:40px;font-size:19px;line-height:1.65}.landing-final-cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.landing-footer{z-index:5;background:#faf2e9;border-top:1px solid #eadbcb80;padding:100px 0 40px;position:relative}.landing-footer-grid{grid-template-columns:1.6fr repeat(3,1fr);gap:50px;margin-bottom:70px;display:grid}@media (width<=768px){.landing-footer-grid{grid-template-columns:1fr;gap:30px}}.landing-footer-brand{flex-direction:column;gap:20px;display:flex}.landing-footer-brand p{color:var(--text-secondary);max-width:320px;font-size:15px;line-height:1.65}.landing-footer-links-col{flex-direction:column;gap:18px;display:flex}.landing-footer-links-col h4{text-transform:uppercase;letter-spacing:.08em;color:var(--text-primary);font-size:14px}.landing-footer-links-col a{color:var(--text-secondary);transition:var(--transition-fast);font-size:15px;text-decoration:none}.landing-footer-links-col a:hover{color:var(--accent-dark)}.landing-footer-bottom{border-top:1px solid #eadbcb66;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:40px;display:flex}.landing-footer-copy{color:var(--text-muted);font-size:14px}.landing-footer-author{color:var(--text-muted);align-items:center;gap:8px;font-size:14px;display:flex}.landing-footer-author img{width:auto;height:14px}.fade-in-up{animation:.8s cubic-bezier(.16,1,.3,1) both fadeInUp}@media (width<=768px){.landing-section{padding:60px 0}.landing-container-wide{padding:0 16px}}@media (width<=480px){.landing-match-mockup,.landing-relation-visual{border-radius:20px;padding:20px}.landing-match-avatar{width:48px;height:48px;font-size:18px}}.landing-interactive-features{flex-direction:column;gap:32px;margin-top:40px;display:flex}.landing-module-card.interactive.active{border-color:var(--accent);background:#d5986308;box-shadow:0 12px 35px #d598630d}.landing-feature-preview-container{animation:.45s cubic-bezier(.16,1,.3,1) both previewFadeIn}@keyframes previewFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.landing-feature-preview-card{background:#fcfaf7;border:1px solid #eadbcbb3;border-radius:28px;align-items:center;gap:48px;padding:44px;display:flex;box-shadow:0 16px 48px #5f4b3f0a}.preview-mockup-side{flex:1;justify-content:center;align-items:center;max-width:320px;display:flex}.preview-info-side{flex-direction:column;flex:1.5;justify-content:center;display:flex}.preview-info-side h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:16px;font-size:28px;line-height:1.3}.preview-info-side p{color:var(--text-secondary);margin-bottom:28px;font-size:16px;line-height:1.65}.preview-chips{flex-wrap:wrap;gap:10px;display:flex}.preview-chip{color:var(--accent);background:#d5986314;border:1px solid #d5986326;border-radius:99px;padding:6px 14px;font-size:13px;font-weight:600}.preview-phone-frame{background:#faf2e9;border:10px solid #4e3629;border-radius:36px;flex-direction:column;width:280px;height:500px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 36px #4e362926,inset 0 0 12px #00000014}.preview-phone-notch{z-index:10;background:#4e3629;border-bottom-right-radius:12px;border-bottom-left-radius:12px;width:110px;height:16px;position:absolute;top:0;left:50%;transform:translate(-50%)}.preview-phone-screen{background:#faf5f0;flex-direction:column;flex:1;padding-top:14px;display:flex;position:relative;overflow:hidden}.mockup-phone-header{background:#faf5f0;border-bottom:1px solid #4e36290f;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.mockup-phone-logo{font-family:var(--font-display);color:var(--accent);font-size:15px;font-weight:800}.mockup-phone-logout{color:var(--text-muted);font-size:10.5px;font-weight:600}.mockup-phone-title{text-align:center;color:#4e3629;width:100%;font-size:13px;font-weight:700}.mockup-phone-body{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.mockup-phone-body::-webkit-scrollbar{display:none}.mockup-profile-card{background:#fff;border:1px solid #4e36290d;border-radius:16px;grid-template-columns:44px 1fr;gap:10px;padding:12px;display:grid}.mockup-profile-avatar{object-fit:cover;border:1.5px solid #faf2e9;border-radius:50%;grid-row:span 2;width:44px;height:44px}.mockup-profile-info h4{color:#4e3629;margin:0;font-size:14px;font-weight:700}.mockup-profile-info p{color:var(--text-secondary);margin:1px 0 0;font-size:10.5px}.mockup-profile-actions{grid-column:span 2;gap:6px;margin-top:6px;display:flex}.mockup-btn-mini{text-align:center;color:var(--text-secondary);background:#faf5f0;border:1px solid #4e36290f;border-radius:8px;flex:1;padding:5px;font-size:9.5px;font-weight:600}.mockup-completeness-card{background:#fff;border:1px solid #4e36290d;border-radius:16px;flex-direction:column;gap:3px;padding:12px;display:flex}.mockup-completeness-card h5{color:var(--accent);margin:0;font-size:11.5px;font-weight:700}.mockup-completeness-card p{color:var(--text-secondary);margin:0;font-size:9.5px;line-height:1.35}.mockup-btn-brown{text-align:center;background:var(--accent);color:#fff;border-radius:8px;margin-top:4px;padding:7px;font-size:9.5px;font-weight:700}.mockup-character-card{background:#fff;border:1px solid #4e36290d;border-radius:16px;padding:12px}.mockup-character-card h5{color:#4e3629;margin:0 0 8px;font-size:11.5px;font-weight:700}.mockup-character-subcard{background:#faf5f0;border:1px solid #4e36290a;border-radius:10px;padding:8px}.mockup-character-subcard h6{color:var(--text-muted);letter-spacing:.5px;margin:0 0 3px;font-size:8.5px;font-weight:700}.mockup-character-subcard p{color:var(--text-secondary);margin:0;font-size:9.5px;line-height:1.35}.mockup-match-vs-row{justify-content:space-around;align-items:center;padding:8px 0;display:flex}.mockup-match-dog{flex-direction:column;align-items:center;gap:3px;display:flex}.mockup-match-dog span{color:#4e3629;font-size:10px;font-weight:700}.mockup-avatar-circle{color:#4e3629;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 8px #4e36290f}.circle-l{background:#eadbcb}.circle-b{background:#ebc9ae}.circle-m{background:#d5c2b1}.mockup-vs-badge{color:var(--text-muted);font-size:10.5px;font-weight:700}.mockup-match-score-badge{background:#8eac501f;border:1px solid #8eac5033;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:6px;font-size:11px;display:flex}.mockup-match-score-badge .badge-label{color:var(--accent-success);font-weight:700}.mockup-match-score-badge .badge-percent{color:var(--accent-success);font-weight:800}.mockup-match-bars{flex-direction:column;gap:8px;display:flex}.mockup-match-bar-item{flex-direction:column;gap:3px;display:flex}.mockup-bar-labels{color:var(--text-muted);font-size:9.5px;font-weight:600}.mockup-double-bar{grid-template-columns:1fr 1fr;gap:4px;height:5px;display:grid}.mockup-bar-fill{background:var(--bg-tertiary);border-radius:99px;height:100%}.mockup-bar-fill.fill-l,.mockup-bar-fill.fill-r{background:var(--accent)}.mockup-tip-card{background:#fff;border:1px solid #4e36290d;border-radius:12px;padding:10px}.mockup-tip-card h6{color:var(--text-muted);letter-spacing:.5px;margin:0 0 3px;font-size:8.5px;font-weight:700}.mockup-tip-card p{color:var(--text-secondary);margin:0;font-size:9.5px;line-height:1.35}.mockup-friend-item{background:#fff;border:1px solid #4e36290a;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;display:flex}.mockup-friend-details{flex:1}.mockup-friend-details h6{color:#4e3629;justify-content:space-between;align-items:center;margin:0;font-size:10.5px;font-weight:700;display:flex}.mockup-friend-details h6 span{color:var(--text-muted);font-size:8px;font-weight:400}.mockup-friend-details p{color:var(--text-secondary);margin:1px 0 0;font-size:8px}.mockup-friend-badge{border-radius:5px;padding:2.5px 5px;font-size:8px;font-weight:700}.mockup-friend-badge.success{color:var(--accent-success);background:#8eac501f}.mockup-friend-badge.blue{color:var(--accent-blue);background:#7091f51f}.mockup-friend-badge.warning{color:var(--accent-warning);background:#f1c27b1f}.mockup-search-bar{color:var(--text-muted);background:#fff;border:1px solid #4e36290f;border-radius:10px;padding:6px 10px;font-size:9.5px;box-shadow:inset 0 1px 2px #00000005}.mockup-places-list{flex-direction:column;gap:8px;display:flex}.mockup-place-card{background:#fff;border:1px solid #4e36290a;border-radius:12px;flex-direction:column;gap:5px;padding:10px;display:flex}.mockup-place-info h6{color:#4e3629;margin:0;font-size:11px;font-weight:700}.mockup-place-info p{color:var(--text-secondary);margin:1px 0 0;font-size:8.5px}.mockup-place-tags{flex-wrap:wrap;gap:4px;display:flex}.mockup-place-tags span{color:var(--text-muted);background:#faf5f0;border:.5px solid #4e36290a;border-radius:4px;padding:1.5px 5px;font-size:8px}.mockup-history-card{background:#fff;border:1px solid #4e36290a;border-radius:12px;padding:10px}.mockup-history-top{justify-content:space-between;align-items:center;margin-bottom:2px;font-size:9.5px;display:flex}.mockup-history-top h6{color:#4e3629;margin:0;font-size:10.5px;font-weight:700}.mockup-history-top span{color:var(--text-muted)}.mockup-history-companion{color:var(--text-muted);margin:0 0 3px;font-size:8px}.mockup-history-companion strong{color:var(--text-secondary)}.mockup-history-note{color:var(--text-secondary);margin:0;font-size:8.5px;font-style:italic;line-height:1.3}.mockup-phone-navbar{background:#fff;border-top:1px solid #4e36290f;justify-content:space-around;align-items:center;height:40px;display:flex}.mockup-nav-item{color:var(--text-muted);flex-direction:column;align-items:center;gap:1px;font-size:12px;display:flex}.mockup-nav-item span{font-size:7.5px;font-weight:600}.mockup-nav-item.active{color:var(--accent)}@media (width<=991px){.landing-feature-preview-card{gap:32px;padding:32px}.preview-info-side h3{font-size:24px}.preview-info-side p{margin-bottom:20px;font-size:15px}}@media (width<=768px){.landing-feature-preview-card{flex-direction:column;gap:28px;padding:24px}.preview-mockup-side{justify-content:center;width:100%;max-width:100%;display:flex}.preview-info-side{text-align:center;align-items:center}.preview-chips{justify-content:center}}.landing-module-card{position:relative}.landing-module-card.interactive{cursor:pointer}.landing-module-card.interactive:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.landing-module-card.interactive.active{border-color:var(--accent);z-index:150;background:#d5986308;box-shadow:0 12px 35px #d598630d}.landing-module-tag{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;background:#d5986314;border-radius:6px;margin-top:12px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.landing-feature-preview-popover{z-index:100;pointer-events:auto;cursor:default;background:#fcfaf7;border:1px solid #eadbcbbf;border-radius:28px;width:720px;position:absolute;top:calc(100% + 20px);box-shadow:0 20px 50px #4e362929}.landing-feature-preview-popover:before{content:"";z-index:101;background:#fcfaf7;border-top:1px solid #eadbcbbf;border-left:1px solid #eadbcbbf;width:16px;height:16px;position:absolute;top:-9px;transform:rotate(45deg)}.landing-feature-preview-popover.align-left{left:0}.landing-feature-preview-popover.align-left:before{left:50px}.landing-feature-preview-popover.align-center{left:50%;transform:translate(-50%)}.landing-feature-preview-popover.align-center:before{margin-left:-8px;left:50%}.landing-feature-preview-popover.align-right{right:0}.landing-feature-preview-popover.align-right:before{right:50px}.preview-close-button{width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);z-index:102;background:#4e36290f;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;top:12px;right:12px}.preview-close-button:hover{color:var(--text-primary);background:#4e36291f}.landing-feature-preview-card{align-items:stretch;gap:36px;padding:36px;animation:.35s cubic-bezier(.16,1,.3,1) both cardScaleIn;display:flex}@keyframes cardScaleIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.mockup-phone-wrapper-inner{flex-direction:column;flex:1;height:100%;display:flex}.mockup-phone-statusbar{color:#4e3629;background:#faf5f0;border-bottom:.5px solid #4e36290a;justify-content:space-between;align-items:center;padding:3px 12px;font-size:8px;font-weight:700;display:flex}.statusbar-icons{gap:3px;display:flex}.statusbar-icon{font-size:7px}.mockup-phone-logo-img{width:auto;height:14px;display:block}.mockup-avatar-dot-active{background:#8eac50;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;bottom:1px;right:1px}.mockup-profile-metrics{gap:3px;margin-top:3px;display:flex}.mockup-profile-metrics span{color:var(--text-muted);background:#faf5f0;border-radius:4px;padding:1.5px 5px;font-size:8px}.mockup-progress-bar-container{background:#eadbcb;border-radius:99px;height:5px;margin:2px 0;overflow:hidden}.mockup-progress-bar-fill{background:var(--accent);height:100%}.mockup-character-mini-chips{flex-wrap:wrap;gap:3px;margin-top:6px;display:flex}.mockup-character-mini-chips .mini-chip{border-radius:4px;padding:2.5px 5px;font-size:7.5px;font-weight:700}.mini-chip.tag-energy{color:var(--accent-success);background:#8eac501a}.mini-chip.tag-toy{color:var(--accent-blue);background:#7091f51a}.mini-chip.tag-contact{color:var(--accent-warning);background:#f1c27b1a}.avatar-placeholder-paw{opacity:.6;width:16px;height:16px}.mockup-friend-badge.neutral{color:var(--text-secondary);background:#4e36290d}@media (width<=991px){.landing-feature-preview-popover{width:600px}.landing-feature-preview-card{gap:24px;padding:24px}}@media (width<=768px){.landing-feature-preview-popover{width:100%!important;box-shadow:none!important;pointer-events:auto!important;z-index:10!important;background:#fcfaf7!important;border:1px solid #eadbcb80!important;border-radius:20px!important;position:relative!important;top:16px!important;left:0!important;right:auto!important;transform:none!important}.landing-feature-preview-popover:before{display:none!important}.landing-feature-preview-card{flex-direction:column!important;gap:24px!important;padding:20px!important;animation:none!important}.preview-mockup-side{justify-content:center;display:flex;width:100%!important;max-width:100%!important}.preview-info-side{text-align:center!important;align-items:center!important}.preview-chips{justify-content:center!important}.landing-module-card.interactive.active{grid-column:span 1!important}}.psijaciele-wrapper{width:100%;max-width:1080px;font-family:var(--font-body);color:var(--text-primary);flex-direction:column;gap:24px;margin:0 auto;padding:10px 0 40px;display:flex;overflow-x:hidden}.psijaciele-header-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.psijaciele-title-area{flex:1}.psijaciele-title{color:#4a3b32;margin-bottom:6px;font-size:32px;font-weight:800}.psijaciele-subtitle{color:#8d7a6b;max-width:520px;font-size:15px;line-height:1.4}.dog-selector-card{background:#fffdf9;border:1.5px solid #eadbcb;border-radius:18px;min-width:240px;padding:12px 18px;position:relative;box-shadow:0 4px 15px #5f4b3f08}.dog-selector-label{color:#8d7a6b;margin-bottom:6px;font-size:12px;font-weight:500}.dog-selector-button{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:0;display:flex}.dog-selector-info{align-items:center;gap:10px;display:flex}.dog-selector-img{object-fit:cover;border:2px solid #d59863;border-radius:50%;width:36px;height:36px}.dog-selector-name{color:#4a3b32;font-size:16px;font-weight:700}.dog-selector-dropdown-menu{z-index:100;background:#fffdf9;border:1.5px solid #eadbcb;border-radius:14px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 10px 25px #5f4b3f1f}.dog-selector-dropdown-item{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;transition:background .15s;display:flex}.dog-selector-dropdown-item:hover{background:#f8ece0}.dog-selector-dropdown-item.active{background:#f5e5d5;font-weight:700}.psijaciele-tabs-container{background:#fffdf9;border:1.5px solid #eadbcb;border-radius:20px;display:flex;overflow:hidden;box-shadow:0 4px 15px #5f4b3f08}.psijaciele-tab-btn{cursor:pointer;color:#8d7a6b;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:10px;height:56px;font-size:16px;font-weight:600;transition:all .2s;display:flex;position:relative}.psijaciele-tab-btn:not(:last-child):after{content:"";background:#eadbcb;width:1px;height:60%;position:absolute;top:20%;right:0}.psijaciele-tab-btn:hover{color:#4a3b32}.psijaciele-tab-btn.active{color:#b5743d;font-weight:700}.psijaciele-tab-indicator{background-color:#b5743d;border-radius:3px 3px 0 0;height:3.5px;position:absolute;bottom:0;left:25%;right:25%}.tab-section-header{margin-bottom:18px}.tab-section-title{color:#4a3b32;align-items:center;gap:8px;font-size:22px;font-weight:800;display:flex}.tab-section-subtitle{color:#8d7a6b;margin-top:4px;font-size:14px}.recommended-list{flex-direction:column;gap:18px;display:flex}.recommended-card{background:#fffdf9;border:1.5px solid #eadbcb;border-radius:24px;grid-template-columns:2.2fr 2fr 1.6fr;align-items:center;gap:20px;padding:24px;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 4px 20px #5f4b3f08}.recommended-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #5f4b3f12}.dog-profile-summary{align-items:center;gap:18px;display:flex}.dog-photo-container{flex-shrink:0;position:relative}.dog-photo-large{object-fit:cover;border:3.5px solid #d59863;border-radius:50%;width:108px;height:108px;box-shadow:0 4px 12px #5f4b3f1a}.dog-info-column{flex-direction:column;gap:6px;display:flex}.dog-name-row{align-items:baseline;gap:8px;display:flex}.dog-name{color:#4a3b32;font-size:22px;font-weight:800}.dog-breed-age{color:#8d7a6b;font-size:14px}.dog-tags-row{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.tag-pill{color:#b5743d;background:#fdf3e7;border:1px solid #f3e0cc;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.dog-location-text{color:#8d7a6b;align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.compatibility-box{text-align:center;background:#f9f5ef;border:1.5px solid #eadbcb;border-radius:18px;flex-direction:column;gap:8px;padding:14px 18px;display:flex}.compatibility-badge-header{justify-content:center;align-items:center;gap:8px;display:flex}.compatibility-badge-icon{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.compatibility-badge-name{font-size:15px;font-weight:800}.compatibility-badge-subtext{font-size:12px;font-weight:500}.compatibility-rationale{color:#6b574a;text-align:center;margin-top:4px;font-size:13px;line-height:1.35}.recommended-actions{flex-direction:column;gap:8px;display:flex}.btn-caramel{color:#fff;cursor:pointer;text-align:center;background:#c48b57;border:none;border-radius:14px;justify-content:center;align-items:center;padding:10px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.btn-caramel:hover{background:#b5743d}.btn-outline-caramel{color:#a66e3c;cursor:pointer;text-align:center;background:#fffdf9;border:1.5px solid #d59863;border-radius:14px;justify-content:center;align-items:center;padding:10px 16px;font-size:14px;font-weight:700;transition:all .15s;display:inline-flex}.btn-outline-caramel:hover{background:#fdf3e7}.btn-text-link{color:#8d7a6b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:4px;padding:4px;font-size:13px;font-weight:600;display:inline-flex}.btn-text-link:hover{color:#4a3b32}.discover-filters-container{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;margin-bottom:20px;display:flex}.search-input-wrapper-full{box-sizing:border-box;width:100%;position:relative}.search-input{color:#4a3b32;width:100%;height:44px;font-size:14px;font-family:var(--font-body);box-sizing:border-box;background:#fffdf9;border:1.5px solid #eadbcb;border-radius:14px;padding:0 16px 0 42px;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--accent,#d59863);outline:none;box-shadow:0 0 0 3px #d598632e}.search-input-icon{color:#8d7a6b;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.filter-select-group{box-sizing:border-box;gap:12px;width:100%;display:flex}@media (width<=360px){.filter-select-group{flex-direction:column}}.select-filter-wrapper{box-sizing:border-box;flex:1;min-width:0;position:relative}.select-filter-icon{pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.filter-select{color:#4a3b32;cursor:pointer;appearance:none;box-sizing:border-box;background:#fffdf9;border:1.5px solid #eadbcb;border-radius:14px;width:100%;height:44px;padding:0 36px 0 14px;font-size:13.5px;font-weight:600;transition:border-color .2s,box-shadow .2s}.filter-select:focus{border-color:var(--accent,#d59863);outline:none;box-shadow:0 0 0 3px #d598632e}.filter-select.active{color:#b5743d;background:#fdf7ec;border-color:#d59863}.toggle-switch-btn{color:#6b574a;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#fffdf9;border:1.5px solid #eadbcb;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;width:100%;height:44px;padding:0 16px;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.toggle-switch-btn:hover{background:#fdf9f3;border-color:#d59863}.toggle-switch-btn:focus{outline:none;box-shadow:0 0 0 3px #d598632e}.toggle-switch-btn.active{color:#b5743d;background:#fdf3e7;border-color:#d59863;font-weight:700}.toggle-switch-indicator{background:#e5d7c8;border-radius:10px;flex-shrink:0;width:34px;height:20px;transition:background .2s;position:relative}.toggle-switch-btn.active .toggle-switch-indicator{background:#d59863}.toggle-switch-knob{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.toggle-switch-btn.active .toggle-switch-knob{transform:translate(14px)}.toggle-switch-label{font-size:13.5px}.discover-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.discover-card{text-align:center;background:#fffdf9;border:1.5px solid #eadbcb;border-radius:20px;flex-direction:column;align-items:center;padding:18px;transition:transform .2s;display:flex;position:relative;box-shadow:0 4px 15px #5f4b3f08}.discover-card:hover{transform:translateY(-2px)}.discover-card-heart{cursor:pointer;color:#afa093;background:0 0;border:none;transition:color .15s;position:absolute;top:14px;right:14px}.discover-card-heart.saved{color:#e26d6d}.discover-photo{object-fit:cover;border:3px solid #d59863;border-radius:50%;width:96px;height:96px;margin-bottom:10px}.discover-name{color:#4a3b32;font-size:18px;font-weight:800}.discover-breed-age{color:#8d7a6b;margin-bottom:8px;font-size:13px}.discover-badge-pill{text-align:left;border-radius:12px;align-items:center;gap:8px;width:100%;margin:10px 0;padding:8px 10px;font-size:12px;display:flex}.discover-card-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:12px;display:grid}.btn-sm-outline{color:#4a3b32;cursor:pointer;background:#fffdf9;border:1px solid #eadbcb;border-radius:10px;padding:8px;font-size:12px;font-weight:700}.btn-sm-caramel{color:#fff;cursor:pointer;background:#c48b57;border:none;border-radius:10px;padding:8px;font-size:12px;font-weight:700}.my-friends-summary-card{background:#fffdf9;border:1.5px solid #eadbcb;border-radius:20px;align-items:center;gap:24px;margin-bottom:20px;padding:16px 24px;display:flex}.summary-part-left{align-items:center;gap:14px;display:flex}.summary-icon-circle{color:#b5743d;background:#fdf3e7;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.summary-title{color:#4a3b32;font-size:16px;font-weight:700}.summary-count{color:#8d7a6b;font-size:13px}.summary-divider{background:#eadbcb;width:1px;height:40px}.summary-part-right{color:#8d7a6b;align-items:center;gap:10px;font-size:13px;display:flex}.my-friends-list{flex-direction:column;gap:16px;display:flex}.friend-row{background:#fffdf9;border:1.5px solid #eadbcb;border-radius:20px;grid-template-columns:2.5fr 2fr 1.5fr;align-items:center;gap:20px;padding:18px 24px;display:grid}.friend-status-box{background:#f9f5ef;border-radius:16px;align-items:center;gap:12px;padding:10px 14px;display:flex}.friend-status-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.friend-status-title{font-size:14px;font-weight:700}.friend-status-sub{color:#8d7a6b;font-size:11px}.friend-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.btn-remove-trash{color:#e26d6d;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:6px;font-size:12px;font-weight:600;display:flex}.recently-met-section{margin-top:32px}.recently-met-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.recently-met-card{background:#fffdf9;border:1.5px solid #eadbcb;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.how-it-works-card{background:#fffdf9;border:1.5px solid #eadbcb;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:18px 24px;display:flex}.how-it-works-icon{color:#b5743d;background:#fdf3e7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.empty-state-card{background:#fffdf9;border:1.5px solid #eadbcb;border-radius:20px;align-items:center;gap:20px;padding:32px 24px;display:flex;box-shadow:0 4px 15px #5f4b3f08}.empty-state-icon{color:#b5743d;background:#fdf3e7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.empty-state-text{flex-direction:column;flex:1;gap:4px;display:flex}.empty-state-text strong{color:#4a3b32;font-size:16px;font-weight:700}.empty-state-text span{color:#8d7a6b;font-size:14px;line-height:1.4}@media (width<=991px){.recommended-card{grid-template-columns:1fr;gap:16px}.discover-grid{grid-template-columns:repeat(2,1fr)}.friend-row{grid-template-columns:1fr;gap:14px}.friend-actions{justify-content:flex-start}}@media (width<=600px){.psijaciele-wrapper{gap:16px}.psijaciele-header-row{flex-direction:column;gap:12px}.psijaciele-title{font-size:24px}.psijaciele-subtitle{font-size:14px}.dog-selector-card{width:100%;min-width:unset}.psijaciele-tab-btn{gap:6px;height:46px;font-size:13px}.discover-filter-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.discover-filter-row::-webkit-scrollbar{display:none}.search-input-wrapper{flex:none;min-width:180px}.filter-select{flex-shrink:0;min-width:130px}.toggle-chip{flex-shrink:0}.recommended-card{grid-template-columns:1fr;gap:14px;padding:16px}.dog-photo-large{width:80px;height:80px}.discover-grid,.recently-met-grid{grid-template-columns:1fr}.friend-row{grid-template-columns:1fr;gap:12px;padding:14px 16px}.friend-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px}.my-friends-summary-card{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.summary-divider{display:none}.how-it-works-card{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.empty-state-card{flex-direction:column;align-items:flex-start;gap:12px;padding:20px 16px}}.walkthrough-page-shell{box-sizing:border-box;background-color:#fff8f1;width:100%;min-height:100vh;position:relative;overflow-x:hidden}.walkthrough-page-content{z-index:auto;width:100%;position:relative}.walkthrough-container-wide{box-sizing:border-box;z-index:3;width:100%;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.walkthrough-section{padding:96px 0;position:relative}.walkthrough-section-pinkish{background-color:#d5986308}.walkthrough-section-beige{background-color:#faf2e9}.walkthrough-hero-grid,.walkthrough-feature-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;display:grid}@media (width<=991px){.walkthrough-hero-grid,.walkthrough-feature-grid{text-align:center;grid-template-columns:1fr;gap:40px}}.walkthrough-hero-tagline{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-dark);font-size:14px;font-weight:700;font-family:var(--font-display);margin-bottom:16px;display:inline-block}.walkthrough-hero-title{color:var(--text-primary);font-size:48px;line-height:1.15;font-family:var(--font-display);margin-bottom:24px}.walkthrough-hero-desc{color:var(--text-secondary);margin-bottom:32px;font-size:18px;line-height:1.6}.walkthrough-section-title{text-align:center;color:var(--text-primary);margin-bottom:16px;font-size:38px}.walkthrough-section-subtitle{text-align:center;color:var(--text-secondary);max-width:600px;margin:0 auto 56px;font-size:16px;line-height:1.6}.walkthrough-actions{flex-wrap:wrap;gap:16px;display:flex}@media (width<=991px){.walkthrough-actions{justify-content:center}}.phone-mockup-wrapper{aspect-ratio:9/19.5;box-sizing:border-box;background-color:#fff;border:12px solid #5f4b3f;border-radius:40px;flex-direction:column;width:100%;max-width:320px;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #5f4b3f26,0 0 0 1px #5f4b3f0d}.phone-mockup-screen{background-color:#eaddcf;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='600'%20height='600'%20viewBox='0%200%20600%20600'%20fill='none'%3e%3cdefs%3e%3c!--%20Gaussian%20Blur%20for%20depth%20of%20field%20--%3e%3cfilter%20id='blur-heavy'%20x='-50%25'%20y='-50%25'%20width='200%25'%20height='200%25'%3e%3cfeGaussianBlur%20stdDeviation='5'%20/%3e%3c/filter%3e%3cfilter%20id='blur-medium'%20x='-50%25'%20y='-50%25'%20width='200%25'%20height='200%25'%3e%3cfeGaussianBlur%20stdDeviation='3'%20/%3e%3c/filter%3e%3cfilter%20id='blur-light'%20x='-50%25'%20y='-50%25'%20width='200%25'%20height='200%25'%3e%3cfeGaussianBlur%20stdDeviation='1.5'%20/%3e%3c/filter%3e%3c!--%20Soft%20Drop%20Shadow%20for%203D%20feel%20--%3e%3cfilter%20id='shadow'%20x='-30%25'%20y='-30%25'%20width='160%25'%20height='160%25'%3e%3cfeDropShadow%20dx='1.5'%20dy='3'%20stdDeviation='3.5'%20flood-color='%238D7A6B'%20flood-opacity='0.12'%20/%3e%3c/filter%3e%3c!--%20Symmetrical%20Classic%20Bone%20Path%20--%3e%3cpath%20id='bone-shape'%20d='M%2015,10%20C%2012,6%206,6%204,10%20C%202,14%206,19%2010,18%20L%2010,32%20C%206,31%202,36%204,40%20C%206,44%2012,44%2015,40%20C%2018,44%2024,44%2026,40%20C%2028,36%2024,31%2020,32%20L%2020,18%20C%2024,19%2028,14%2026,10%20C%2024,6%2018,6%2015,10%20Z'%20/%3e%3c/defs%3e%3c!--%20Bone%201:%20Top%20Left%20-%20Sharp,%20outline%20with%20cream%20fill%20--%3e%3cg%20transform='translate(60,%2050)%20rotate(42%2015%2025)'%20filter='url(%23shadow)'%3e%3cuse%20href='%23bone-shape'%20fill='%23FAF4EB'%20stroke='%23CBB7A8'%20stroke-width='1.2'%20opacity='0.5'%20/%3e%3c/g%3e%3c!--%20Bone%202:%20Mid-top%20-%20Small,%20sharp%20--%3e%3cg%20transform='translate(360,%20140)%20rotate(-15%2015%2025)'%20filter='url(%23shadow)'%3e%3cuse%20href='%23bone-shape'%20fill='%23FAF4EB'%20stroke='%23CBB7A8'%20stroke-width='1.2'%20opacity='0.45'%20transform='scale(0.8)'%20/%3e%3c/g%3e%3c!--%20Bone%203:%20Bottom%20Right%20-%20Large,%20heavily%20blurred%20(depth%20of%20field)%20--%3e%3cg%20transform='translate(420,%20420)%20rotate(-35%2015%2025)'%20filter='url(%23blur-heavy)'%20opacity='0.32'%3e%3cuse%20href='%23bone-shape'%20fill='%23D3C0B0'%20transform='scale(1.6)'%20/%3e%3c/g%3e%3c!--%20Bone%204:%20Mid-left%20-%20Medium,%20slightly%20blurred%20--%3e%3cg%20transform='translate(110,%20380)%20rotate(60%2015%2025)'%20filter='url(%23blur-medium)'%20opacity='0.35'%3e%3cuse%20href='%23bone-shape'%20fill='%23D3C0B0'%20transform='scale(1.2)'%20/%3e%3c/g%3e%3c!--%20Bone%205:%20Top%20Right%20-%20Medium,%20slightly%20blurred%20--%3e%3cg%20transform='translate(500,%2060)%20rotate(110%2015%2025)'%20filter='url(%23blur-light)'%20opacity='0.35'%3e%3cuse%20href='%23bone-shape'%20fill='%23D3C0B0'%20transform='scale(1.3)'%20/%3e%3c/g%3e%3c!--%20Bone%206:%20Bottom%20Center%20-%20Small,%20sharp%20--%3e%3cg%20transform='translate(240,%20480)%20rotate(22%2015%2025)'%20filter='url(%23shadow)'%3e%3cuse%20href='%23bone-shape'%20fill='%23FAF4EB'%20stroke='%23CBB7A8'%20stroke-width='1.0'%20opacity='0.45'%20transform='scale(0.9)'%20/%3e%3c/g%3e%3c/svg%3e"),radial-gradient(circle,#faf4eb 0%,#eaddcf 100%);background-repeat:repeat,no-repeat;flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.phone-mockup-screen::-webkit-scrollbar{display:none}.mockup-ui-card{box-sizing:border-box;background:#fff;border:1px solid #eadbcb66;border-radius:20px;padding:24px;box-shadow:0 10px 30px #5f4b3f06}.phone-mockup-screen .mockup-ui-card{border-radius:16px;padding:16px}.mockup-app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #eadbcb66;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:12px 16px;display:flex}.mockup-app-logo{width:auto;height:20px}.mockup-app-avatar{background:var(--accent);color:#fff;width:28px;height:28px;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.mockup-profile-summary{align-items:center;gap:16px;margin-bottom:20px;display:flex}.mockup-profile-avatar-large{background:var(--accent-light);width:64px;height:64px;color:var(--text-primary);font-size:28px;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.mockup-profile-title h4{margin-bottom:4px;font-size:20px}.mockup-profile-title p{color:var(--text-secondary);font-size:13px}.mockup-chips-container{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.mockup-chip{background:var(--bg-tertiary);color:var(--text-primary);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:500}.mockup-chip-success{color:var(--accent-success);background:#8eac5026}.mockup-chip-accent{color:var(--accent-dark);background:#d598631f}.mockup-charakter-section{flex-direction:column;gap:16px;display:flex}.mockup-charakter-item{border-bottom:1px solid #5f4b3f14;padding-bottom:12px}.mockup-charakter-item:last-child{border-bottom:none;padding-bottom:0}.mockup-charakter-label{text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px;font-size:12px;font-weight:700}.mockup-charakter-value{color:var(--text-primary);font-size:14px;line-height:1.4}.mockup-dopasowanie-list{flex-direction:column;gap:12px;display:flex}.mockup-dopasowanie-item{background:#fff8f1;border:1px solid #eadbcb66;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.mockup-dopasowanie-info{flex-direction:column;gap:2px;display:flex}.mockup-dopasowanie-name{font-size:14px;font-weight:600}.mockup-dopasowanie-desc{color:var(--text-secondary);font-size:11px}.mockup-dopasowanie-badge{text-transform:capitalize;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.mockup-friends-list{flex-direction:column;gap:12px;display:flex}.mockup-friend-item{background:#fff;border:1px solid #eadbcb33;border-radius:12px;justify-content:space-between;align-items:center;padding:12px;display:flex}.mockup-friend-meta{align-items:center;gap:12px;display:flex}.mockup-friend-circle{background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-primary);font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.mockup-friend-details h5{margin-bottom:2px;font-size:14px}.mockup-friend-details p{color:var(--text-secondary);font-size:11px}.mockup-friend-status{color:var(--accent-success);background:#8eac501a;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:600}.walkthrough-places-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;display:grid}@media (width<=991px){.walkthrough-places-grid{grid-template-columns:1fr;gap:20px}}.walkthrough-place-card{box-sizing:border-box;background:#fff;border:1px solid #eadbcb66;border-radius:20px;padding:28px;box-shadow:0 8px 30px #5f4b3f04}.walkthrough-place-card h4{margin-bottom:12px;font-size:20px}.walkthrough-place-card p{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.6}.walkthrough-place-card h5{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:700}.walkthrough-place-tags{flex-direction:column;gap:6px;display:flex}.walkthrough-place-tag{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);color:var(--text-primary);border-radius:8px;padding:6px 12px;font-size:12px}.mockup-history-list{flex-direction:column;gap:12px;display:flex}.mockup-history-item{background:#fff8f1;border:1px solid #eadbcb66;border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.mockup-history-header{justify-content:space-between;align-items:center;display:flex}.mockup-history-title{font-size:13.5px;font-weight:600}.mockup-history-date{color:var(--text-secondary);font-size:11px}.mockup-history-meta{color:var(--text-secondary);border-top:1px solid #eadbcb4d;justify-content:space-between;align-items:center;padding-top:6px;font-size:11px;display:flex}.mockup-history-relation{color:var(--accent-success);font-weight:600}.walkthrough-final-cta{text-align:center;background-color:#faf2e9;padding:96px 0;position:relative}.walkthrough-final-cta-content{z-index:3;flex-direction:column;align-items:center;gap:24px;max-width:650px;margin:0 auto;display:flex;position:relative}.walkthrough-final-cta h2{font-size:40px;line-height:1.2}.walkthrough-final-cta p{color:var(--text-secondary);font-size:18px;line-height:1.6}.walkthrough-final-cta-buttons{gap:16px;margin-top:16px;display:flex}.walkthrough-background-bones{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.walkthrough-bone-item{pointer-events:none;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='600'%20height='600'%20viewBox='0%200%20600%20600'%20fill='none'%3e%3cdefs%3e%3c!--%20Gaussian%20Blur%20for%20depth%20of%20field%20--%3e%3cfilter%20id='blur-heavy'%20x='-50%25'%20y='-50%25'%20width='200%25'%20height='200%25'%3e%3cfeGaussianBlur%20stdDeviation='5'%20/%3e%3c/filter%3e%3cfilter%20id='blur-medium'%20x='-50%25'%20y='-50%25'%20width='200%25'%20height='200%25'%3e%3cfeGaussianBlur%20stdDeviation='3'%20/%3e%3c/filter%3e%3cfilter%20id='blur-light'%20x='-50%25'%20y='-50%25'%20width='200%25'%20height='200%25'%3e%3cfeGaussianBlur%20stdDeviation='1.5'%20/%3e%3c/filter%3e%3c!--%20Soft%20Drop%20Shadow%20for%203D%20feel%20--%3e%3cfilter%20id='shadow'%20x='-30%25'%20y='-30%25'%20width='160%25'%20height='160%25'%3e%3cfeDropShadow%20dx='1.5'%20dy='3'%20stdDeviation='3.5'%20flood-color='%238D7A6B'%20flood-opacity='0.12'%20/%3e%3c/filter%3e%3c!--%20Symmetrical%20Classic%20Bone%20Path%20--%3e%3cpath%20id='bone-shape'%20d='M%2015,10%20C%2012,6%206,6%204,10%20C%202,14%206,19%2010,18%20L%2010,32%20C%206,31%202,36%204,40%20C%206,44%2012,44%2015,40%20C%2018,44%2024,44%2026,40%20C%2028,36%2024,31%2020,32%20L%2020,18%20C%2024,19%2028,14%2026,10%20C%2024,6%2018,6%2015,10%20Z'%20/%3e%3c/defs%3e%3c!--%20Bone%201:%20Top%20Left%20-%20Sharp,%20outline%20with%20cream%20fill%20--%3e%3cg%20transform='translate(60,%2050)%20rotate(42%2015%2025)'%20filter='url(%23shadow)'%3e%3cuse%20href='%23bone-shape'%20fill='%23FAF4EB'%20stroke='%23CBB7A8'%20stroke-width='1.2'%20opacity='0.5'%20/%3e%3c/g%3e%3c!--%20Bone%202:%20Mid-top%20-%20Small,%20sharp%20--%3e%3cg%20transform='translate(360,%20140)%20rotate(-15%2015%2025)'%20filter='url(%23shadow)'%3e%3cuse%20href='%23bone-shape'%20fill='%23FAF4EB'%20stroke='%23CBB7A8'%20stroke-width='1.2'%20opacity='0.45'%20transform='scale(0.8)'%20/%3e%3c/g%3e%3c!--%20Bone%203:%20Bottom%20Right%20-%20Large,%20heavily%20blurred%20(depth%20of%20field)%20--%3e%3cg%20transform='translate(420,%20420)%20rotate(-35%2015%2025)'%20filter='url(%23blur-heavy)'%20opacity='0.32'%3e%3cuse%20href='%23bone-shape'%20fill='%23D3C0B0'%20transform='scale(1.6)'%20/%3e%3c/g%3e%3c!--%20Bone%204:%20Mid-left%20-%20Medium,%20slightly%20blurred%20--%3e%3cg%20transform='translate(110,%20380)%20rotate(60%2015%2025)'%20filter='url(%23blur-medium)'%20opacity='0.35'%3e%3cuse%20href='%23bone-shape'%20fill='%23D3C0B0'%20transform='scale(1.2)'%20/%3e%3c/g%3e%3c!--%20Bone%205:%20Top%20Right%20-%20Medium,%20slightly%20blurred%20--%3e%3cg%20transform='translate(500,%2060)%20rotate(110%2015%2025)'%20filter='url(%23blur-light)'%20opacity='0.35'%3e%3cuse%20href='%23bone-shape'%20fill='%23D3C0B0'%20transform='scale(1.3)'%20/%3e%3c/g%3e%3c!--%20Bone%206:%20Bottom%20Center%20-%20Small,%20sharp%20--%3e%3cg%20transform='translate(240,%20480)%20rotate(22%2015%2025)'%20filter='url(%23shadow)'%3e%3cuse%20href='%23bone-shape'%20fill='%23FAF4EB'%20stroke='%23CBB7A8'%20stroke-width='1.0'%20opacity='0.45'%20transform='scale(0.9)'%20/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;position:absolute}.walkthrough-bone-1{opacity:.08;filter:blur(1px);width:240px;height:240px;top:140px;left:2vw;transform:rotate(-15deg)}.walkthrough-bone-2{opacity:.08;width:220px;height:220px;top:900px;right:2vw;transform:rotate(25deg)}.walkthrough-bone-3{opacity:.08;width:240px;height:240px;top:1900px;left:2vw;transform:rotate(-25deg)}.walkthrough-bone-4{opacity:.07;width:220px;height:220px;top:2800px;right:2vw;transform:rotate(15deg)}.walkthrough-bone-5{opacity:.08;width:260px;height:260px;top:3800px;left:2vw;transform:rotate(35deg)}.walkthrough-bone-6{opacity:.09;width:250px;height:250px;bottom:120px;right:2vw;transform:rotate(-20deg)}@media (width<=1250px){.walkthrough-bone-2,.walkthrough-bone-3,.walkthrough-bone-4,.walkthrough-bone-5{display:none}.walkthrough-bone-1{opacity:.05;width:140px;height:140px;top:120px;left:-40px}.walkthrough-bone-6{opacity:.05;width:140px;height:140px;bottom:120px;right:-40px}}@media (width<=768px){.walkthrough-background-bones{display:none}}