@charset "UTF-8";.onboarding-page{position:relative;min-height:calc(100vh - 200px);padding:1rem}@media (min-width:768px){.onboarding-page{padding:2rem 1.5rem}}.onboarding-loader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;display:flex;flex-direction:column;align-items:center;gap:1rem}.onboarding-loader .onboarding-loader-spinner{width:40px;height:40px;border:3px solid rgba(73,111,215,.15);border-top-color:#496fd7;border-radius:50%;animation:onboardingSpin .8s linear infinite}.onboarding-loader .onboarding-loader-text{font-size:.85rem;color:rgba(22,41,95,.5);font-weight:500}@keyframes onboardingSpin{to{transform:rotate(1turn)}}.onboarding-steps{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.onboarding-steps>*{display:block;width:10px;height:10px;border-radius:50%;transition:all .3s ease}.onboarding-steps .active{background-color:#496fd7;width:24px;border-radius:5px}.onboarding-steps .inactive{background-color:rgba(73,111,215,.2)}.onboarding-container{position:relative;z-index:1;min-height:50vh;background:#fff;border-radius:16px;border:1px solid rgba(73,111,215,.1);box-shadow:0 8px 32px rgba(73,111,215,.12);overflow:hidden;opacity:0;transform:translateY(10px);transition:opacity .4s ease-out,transform .4s ease-out}.onboarding-container.onboarding-fade-in{opacity:1;transform:translateY(0)}.onboarding-container.onboarding-transition{opacity:0;transform:translateY(-10px)}.onboarding-content{padding:2rem 1.5rem}@media (min-width:992px){.onboarding-content{padding:2.5rem}}.onboarding-title{font-size:1.5rem;font-weight:700;color:#16295f;margin-bottom:.5rem;line-height:1.3}@media (min-width:768px){.onboarding-title{font-size:1.75rem}}.onboarding-subtitle{font-size:1rem;color:#6c757d;margin-bottom:1.5rem;line-height:1.5}.onboarding-image{min-height:200px;position:relative;background-size:cover;background-position:50%}@media (min-width:992px){.onboarding-image{min-height:50vh;border-top-right-radius:16px;border-bottom-right-radius:16px}}.onboarding-image:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(22,41,95,.03),rgba(73,111,215,.05));pointer-events:none}#welcome-image{background-image:url(/img/onboarding/welcome.png)}#set-password-image{background-image:url(/img/onboarding/set-password.png)}#support-image{background-image:url(/img/onboarding/support.png)}#set-practices-image{background-image:url(/img/onboarding/set-practices.png)}#set-expectations-image{background-image:url(/img/onboarding/set-expectations.png)}#set-useful-content-image{background-image:url(/img/onboarding/set-useful-content.png)}#set-two-factor-image{background-image:url(/img/onboarding/set-2fa.png)}.onboarding-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2rem;background:#496fd7;color:#fff;border:none;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.onboarding-btn:hover{background:#2d57cb;box-shadow:0 4px 12px rgba(73,111,215,.3);transform:translateY(-1px);color:#fff}.onboarding-btn:active{transform:translateY(0)}.onboarding-progress{display:flex;align-items:center;gap:1rem;margin-top:1.5rem}.onboarding-progress .progress{flex:1;height:4px;background:rgba(73,111,215,.15);border-radius:2px;overflow:hidden}.onboarding-progress .progress .progress-bar{background:#496fd7;border-radius:2px;transition:width .3s ease}.onboarding-alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border-radius:10px;font-size:.875rem;margin-bottom:1.5rem}.onboarding-alert i{font-size:1rem;flex-shrink:0;margin-top:.1rem}.onboarding-alert--info{background:rgba(73,111,215,.08);color:#16295f;border:1px solid rgba(73,111,215,.15)}.onboarding-alert--info i{color:#496fd7}.onboarding-alert--success{background:rgba(0,223,160,.08);color:#007957;border:1px solid rgba(0,223,160,.15)}.onboarding-alert--success i{color:#00dfa0}.onboarding-alert--warning{background:rgba(249,157,136,.1);color:#dd320b;border:1px solid rgba(249,157,136,.2)}.onboarding-alert--warning i{color:#f99d88}.onboarding-alert--security{background:linear-gradient(135deg,rgba(73,111,215,.05),rgba(0,223,160,.05));color:#16295f;border:1px solid rgba(73,111,215,.12)}.onboarding-alert--security i{color:#00dfa0}.onboarding-footer{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid rgba(73,111,215,.1)}@media (min-width:768px){.onboarding-footer{flex-direction:row;justify-content:space-between}}.onboarding-link{font-size:.875rem;color:#6c757d;text-decoration:none;transition:color .2s ease}.onboarding-link:hover{color:#496fd7}.onboarding-link a{color:#496fd7;font-weight:500}.onboarding-link a:hover{text-decoration:underline}.onboarding-skip{font-size:.8rem;color:#9e9e9e;text-decoration:none}.onboarding-skip:hover{color:#6c757d}.signup-google-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem 1.5rem;background:#fff;border:1px solid #e0e0e0;border-radius:10px;color:#16295f;font-weight:500;font-size:.9rem;text-decoration:none;transition:all .2s ease}.signup-google-btn img{width:20px;height:20px}.signup-google-btn:hover{background:#f8f9fa;border-color:#d0d0d0;text-decoration:none;color:#16295f;box-shadow:0 2px 8px rgba(0,0,0,.08)}.signup-separator{display:flex;align-items:center;margin:1.5rem 0}.signup-separator:after,.signup-separator:before{content:"";flex:1;height:1px;background:#e0e0e0}.signup-separator span{padding:0 1rem;color:#9e9e9e;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.signup-field{margin-bottom:1rem}.signup-field .form-control{padding:.75rem 1rem;border:1px solid rgba(73,111,215,.2);border-radius:10px;font-size:.9rem;transition:all .2s ease}.signup-field .form-control:focus{border-color:#496fd7;box-shadow:0 0 0 3px rgba(73,111,215,.15)}.signup-field label{font-weight:500;color:#16295f;margin-bottom:.375rem}.signup-rating{display:flex;gap:.125rem;margin-right:.5rem}.signup-rating i{color:#f59e0b;font-size:.9rem;text-shadow:0 0 1px rgba(0,0,0,.1)}.signup-rating-text{font-size:.85rem;color:#6c757d}.signup-benefits-panel{background:linear-gradient(135deg,rgba(73,111,215,.05),rgba(73,111,215,.1));border-left:1px solid rgba(73,111,215,.1);flex-direction:column;justify-content:center;padding:2.5rem}.signup-benefits-wrapper{max-width:320px}.signup-rating-badge{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem}.signup-rating-badge span{font-size:.85rem;color:#16295f;font-weight:500}.signup-benefits-list{display:flex;flex-direction:column;gap:1rem}.signup-benefit-item{display:flex;align-items:flex-start;gap:.75rem}.signup-benefit-item i{color:#00dfa0;font-size:1rem;flex-shrink:0;margin-top:.1rem}.signup-benefit-item span{font-size:.9rem;color:#16295f;line-height:1.4}.choice-selection .form-check,.practices-selection .form-check{margin-bottom:15px;padding-left:0}.choice-selection .form-check .form-check-input,.practices-selection .form-check .form-check-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.choice-selection .form-check .form-check-label,.practices-selection .form-check .form-check-label{position:relative;display:block;padding:15px 20px;background-color:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;text-align:center}.choice-selection .form-check .form-check-label:hover,.practices-selection .form-check .form-check-label:hover{border-color:#496fd7;background-color:rgba(73,111,215,.05);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.choice-selection .form-check .form-check-input:checked+.form-check-label,.practices-selection .form-check .form-check-input:checked+.form-check-label{background-color:#496fd7;border-color:#496fd7;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(73,111,215,.3)}.choice-selection .form-check .form-check-input:checked+.form-check-label:before,.practices-selection .form-check .form-check-input:checked+.form-check-label:before{content:"✓";position:absolute;right:15px;top:50%;transform:translateY(-50%);font-weight:700;font-size:18px}.choice-selection .form-check .form-check-input:focus+.form-check-label,.practices-selection .form-check .form-check-input:focus+.form-check-label{outline:2px solid #496fd7;outline-offset:2px}.otp-container{display:flex;justify-content:center;gap:.75rem}.otp-container .otp-input{width:48px;height:56px;border:2px solid rgba(73,111,215,.2);border-radius:10px;text-align:center;font-size:1.25rem;font-weight:700;color:#16295f;background-color:#fff;transition:all .2s ease}.otp-container .otp-input:focus{outline:none;border-color:#496fd7;box-shadow:0 0 0 3px rgba(73,111,215,.15)}.otp-container .otp-input:hover:not(:focus){border-color:rgba(73,111,215,.4)}.feed-suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:1.5rem}.feed-suggestion-card{position:relative;background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.feed-suggestion-card:hover{border-color:#dee2e6;box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-2px)}.feed-suggestion-card.subscribed{border-color:#00dfa0;background:linear-gradient(135deg,rgba(0,223,160,.03),rgba(0,223,160,.08))}.feed-suggestion-card.subscribed .feed-included-badge{background:#00dfa0;color:#fff}.feed-suggestion-card .feed-checkbox-hidden{position:absolute;opacity:0;pointer-events:none}.feed-included-badge{display:inline-flex;align-items:center;background:#c6ffef;color:#007957;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:1rem;transition:all .3s ease}.feed-included-badge i{font-size:.9rem}.feed-card-content{display:flex;flex-direction:column;gap:1rem}.feed-card-content .feed-tags-container{min-height:80px;justify-content:center}.btn-subscribe-feed{position:relative;width:100%;padding:.875rem 1.5rem;background:#496fd7;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.btn-subscribe-feed:hover:not(.subscribed){background:#345ed2;transform:translateY(-1px);box-shadow:0 4px 12px rgba(73,111,215,.3)}.btn-subscribe-feed:active:not(.subscribed){transform:translateY(0)}.btn-subscribe-feed .btn-check,.btn-subscribe-feed .btn-text{display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-subscribe-feed .btn-text{opacity:1;transform:translateY(0)}.btn-subscribe-feed .btn-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);opacity:0}.btn-subscribe-feed .btn-check i{font-size:1.2rem;font-weight:700}.btn-subscribe-feed.subscribed{background:#00dfa0}.btn-subscribe-feed.subscribed:hover{background:#00c68e;box-shadow:0 4px 12px rgba(0,223,160,.3)}.btn-subscribe-feed.subscribed .btn-text{opacity:0;transform:translateY(10px)}.btn-subscribe-feed.subscribed .btn-check{opacity:1;transform:translate(-50%,-50%) scale(1);animation:checkBounce .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkBounce{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}