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