.platform-card-button{background:rgba(30,41,59,.8);color:rgba(255,255,255,.9);border:2px solid rgba(148,163,184,.3);backdrop-filter:blur(10px);text-decoration:none;display:inline-flex}.platform-card-button.active{background:linear-gradient(135deg,rgba(24,119,242,.9),rgba(24,119,242,.7));color:#fff;border-color:rgba(24,119,242,.6);box-shadow:0 4px 20px rgba(24,119,242,.4)}.platform-card-button:hover:not(.active){background:rgba(51,65,85,.9);color:#fff;border-color:rgba(148,163,184,.5);transform:translateY(-2px);box-shadow:0 2px 10px rgba(0,0,0,.3)}.platform-card-button .check-icon{display:none}.platform-card-button.active .check-icon{display:block}.ui-preview-button{background:rgba(59,130,246,.12);color:rgba(255,255,255,.95);border:2px solid rgba(59,130,246,.35);backdrop-filter:blur(10px);text-decoration:none;display:inline-flex;align-items:center}.ui-preview-button:hover{background:rgba(59,130,246,.22);color:#fff;border-color:rgba(59,130,246,.55);transform:translateY(-2px);box-shadow:0 4px 15px rgba(59,130,246,.25)}.tutorial-item{background:rgba(255,255,255,.05);border:1px solid transparent;overflow:hidden}.tutorial-item:hover{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.3)}.tutorial-item.active{background:rgba(59,130,246,.25);border-left:3px solid #3B82F6;color:#fff}.tutorial-item.active span{color:#fff;font-weight:600}.tutorial-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#tutorial-video-player{display:block!important;width:100%!important;height:100%!important}.tutorial-description-article{color:#d1d5db;text-align:left;font-size:.95rem;line-height:1.85;white-space:pre-line;word-wrap:break-word;word-break:break-word}.tutorial-description-article h1,.tutorial-description-article h2,.tutorial-description-article h3,.tutorial-description-article h4,.tutorial-description-article h5,.tutorial-description-article h6{font-weight:700;margin-top:1.5em;margin-bottom:.5em;line-height:1.3;color:#fff}.tutorial-description-article h1{font-size:1.5rem}.tutorial-description-article h2{font-size:1.25rem}.tutorial-description-article h3{font-size:1.125rem}.tutorial-description-article p{margin-bottom:1em;line-height:1.85}.tutorial-description-article ul,.tutorial-description-article ol{margin-left:1.5em;margin-bottom:1em;line-height:1.85}.tutorial-description-article li{margin-bottom:.5em}.tutorial-description-article strong{color:#fff;font-weight:600}.tutorial-list-sidebar{position:relative;background:linear-gradient(to right,rgba(17,24,39,.95) 0%,rgba(17,24,39,.85) 50%,rgba(17,24,39,.7) 100%);backdrop-filter:blur(10px)}@media (min-width:768px){.tutorial-list-sidebar{padding-right:0!important}.flex-row>div.flex-1{padding-left:0!important}.tutorial-list-sidebar::after{content:'';position:absolute;right:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent 0%,rgba(59,130,246,.15) 10%,rgba(59,130,246,.25) 30%,rgba(59,130,246,.3) 50%,rgba(59,130,246,.25) 70%,rgba(59,130,246,.15) 90%,transparent 100%);box-shadow:1px 0 8px rgba(59,130,246,.1)}.tutorial-list-sidebar::before{content:'';position:absolute;right:-1px;top:0;bottom:0;width:1px;background:rgba(0,0,0,.3);z-index:1}}@media (min-width:768px){.tutorial-list-sidebar{max-width:256px!important;width:256px!important}@media (min-width:1024px){.tutorial-list-sidebar{max-width:288px!important;width:288px!important}}.flex-row>div.flex-1{flex:1 1 0%!important;min-width:0!important}.flex-row>div.flex-1 .aspect-video{width:100%!important;max-width:100%!important}}