.tutorial-icon{width:1.25rem;height:1.25rem;transition:transform .3s}.tutorial-toggle:hover .tutorial-icon{transform:scale(1.1)}.chevron-icon{width:1rem;height:1rem;transition:transform .3s}.tutorial-section-block{margin-bottom:1.5rem}.tutorial-section-title{color:#46ece1;border-bottom:1px solid #46ece133;margin:0 0 .75rem;padding-bottom:.5rem;font-family:monospace;font-size:1rem;font-weight:600}.tutorial-step{background:#46ece108;border-left:3px solid #46ece1;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.step-title{color:#5ff9ef;margin:0 0 .5rem;font-family:monospace;font-size:.875rem;font-weight:600}.tutorial-list{margin:0;padding:0;list-style:none}.tutorial-list li{color:#d1d5db;margin-bottom:.5rem;padding-left:1rem;font-family:monospace;font-size:.875rem;line-height:1.5;position:relative}.tutorial-list li:before{content:"•";color:#46ece1;font-weight:700;position:absolute;left:0}.referral-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000e6;justify-content:center;align-items:center;padding:1.5rem;animation:.3s ease-out fadeInOverlay;display:flex;position:fixed;inset:0}.referral-modal-content{z-index:50;background:linear-gradient(135deg,#000 0%,#46ece11a 100%);border:none;border-radius:.75rem;width:100%;max-width:56rem;max-height:90vh;animation:.4s ease-out modalSlideIn;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 160px #46ece133}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-60%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.referral-modal-header{background:linear-gradient(90deg,#46ece10d 0%,#0000 100%);border-bottom:1px solid #46ece133;justify-content:space-between;align-items:center;padding:1.5rem;display:flex;position:relative;overflow:hidden}.referral-modal-header:after{content:"";opacity:.2;background:radial-gradient(circle at 20%,#46ece11a 0%,#0000 50%);animation:3s ease-in-out infinite pulse;position:absolute;inset:0}.referral-modal-icon-container{align-items:center;gap:1rem;display:flex}.referral-modal-icon{aspect-ratio:1;background:linear-gradient(135deg,#46ece133 0%,#46ece11a 100%);border:2px solid #46ece1;border-radius:100%;justify-content:center;align-items:center;width:3rem;display:flex;box-shadow:0 0 20px #46ece166}.referral-modal-icon svg{color:#46ece1;width:1.5rem;height:1.5rem}.referral-modal-title{color:#46ece1;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 0 10px #46ece180;margin:0;font-family:monospace;font-size:1.5rem;font-weight:700}.referral-modal-subtitle{color:#999;margin-top:.25rem;margin-bottom:0;font-family:monospace;font-size:.85rem}.referral-modal-close{color:#666;cursor:pointer;z-index:10;background:0 0;border:none;border-radius:.25rem;padding:.5rem;transition:color .2s;position:relative}.referral-modal-close:hover{color:#fff}.referral-modal-close svg{width:1.25rem;height:1.25rem}.referral-modal-body{scrollbar-width:thin;scrollbar-color:#46ece1 transparent;max-height:70vh;padding:1.5rem;overflow-y:auto}.referral-modal-body::-webkit-scrollbar{width:8px}.referral-modal-body::-webkit-scrollbar-track{background:0 0}.referral-modal-body::-webkit-scrollbar-thumb{background:#46ece1;border-radius:4px}.tutorial-content{text-align:start;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:#14141466;border:1px solid #46ece126;border-radius:.75rem;margin-top:1rem;padding:1.5rem;transition:all .5s ease-in-out;animation:.3s ease-out fadeInDown}.tutorial-header{margin-bottom:1.5rem}.tutorial-title{color:#fff;margin:0;font-family:monospace;font-size:1.125rem;font-weight:600;line-height:1.4}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.2}50%{opacity:.4}}@media (max-width:768px){.referral-modal-title{font-size:1rem}.referral-modal-header{padding:1rem}.referral-modal-content{width:95%}.tutorial-content{border:none;padding:0}}