.tutorials-module__DoeoqG__container{color:#fff;background:#0a0e1a;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tutorials-module__DoeoqG__header{z-index:100;background:#0f1419;border-bottom:1px solid #1a1f2e;padding:0 2rem;position:sticky;top:0}.tutorials-module__DoeoqG__headerContent{justify-content:space-between;align-items:center;max-width:1200px;height:60px;margin:0 auto;display:flex}.tutorials-module__DoeoqG__logo{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.tutorials-module__DoeoqG__logoIcon{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:8px;justify-content:center;align-items:center;padding:.5rem;font-size:1.5rem;display:flex}.tutorials-module__DoeoqG__logoText{color:#fff}.tutorials-module__DoeoqG__nav{gap:2rem;display:flex}.tutorials-module__DoeoqG__navLink{color:#94a3b8;padding:.5rem 0;font-weight:500;text-decoration:none;transition:color .2s}.tutorials-module__DoeoqG__navLink:hover,.tutorials-module__DoeoqG__navLink.tutorials-module__DoeoqG__active{color:#fff}.tutorials-module__DoeoqG__userSection{align-items:center;gap:1rem;display:flex}.tutorials-module__DoeoqG__notificationBtn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem;font-size:1.25rem;transition:background .2s}.tutorials-module__DoeoqG__notificationBtn:hover{background:#94a3b81a}.tutorials-module__DoeoqG__userProfile{align-items:center;display:flex}.tutorials-module__DoeoqG__avatar{cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.tutorials-module__DoeoqG__main{max-width:1200px;margin:0 auto;padding:3rem 2rem}.tutorials-module__DoeoqG__hero{text-align:center;margin-bottom:3rem}.tutorials-module__DoeoqG__heroTitle{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem;font-weight:700}.tutorials-module__DoeoqG__heroDescription{color:#94a3b8;max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.7}.tutorials-module__DoeoqG__searchSection{justify-content:center;margin-bottom:2rem;display:flex}.tutorials-module__DoeoqG__searchContainer{width:100%;max-width:500px;position:relative}.tutorials-module__DoeoqG__searchIcon{color:#64748b;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.tutorials-module__DoeoqG__searchInput{color:#fff;background:#1e293b99;border:1px solid #47556966;border-radius:12px;outline:none;width:100%;padding:1rem 1rem 1rem 3rem;font-size:1rem;transition:all .2s}.tutorials-module__DoeoqG__searchInput::placeholder{color:#64748b}.tutorials-module__DoeoqG__searchInput:focus{background:#1e293bcc;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.tutorials-module__DoeoqG__categorySection{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:3rem;display:flex}.tutorials-module__DoeoqG__categoryBtn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #47556966;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.tutorials-module__DoeoqG__categoryBtn:hover{color:#fff;border-color:#3b82f6}.tutorials-module__DoeoqG__categoryBtn.tutorials-module__DoeoqG__active{color:#fff;background:#3b82f6;border-color:#3b82f6}.tutorials-module__DoeoqG__projectSection{margin-bottom:4rem}.tutorials-module__DoeoqG__sectionTitle{color:#fff;margin-bottom:2rem;font-size:1.75rem;font-weight:600}.tutorials-module__DoeoqG__projectGrid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.tutorials-module__DoeoqG__projectCard{cursor:pointer;background:#1e293b99;border:1px solid #4755694d;border-radius:16px;transition:all .3s;overflow:hidden}.tutorials-module__DoeoqG__projectCard:hover{border-color:#47556999;transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.tutorials-module__DoeoqG__projectImage{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);height:200px;position:relative;overflow:hidden}.tutorials-module__DoeoqG__imagePlaceholder{background:linear-gradient(135deg,#374151 0%,#4b5563 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.tutorials-module__DoeoqG__iconPlaceholder{opacity:.6;font-size:3rem}.tutorials-module__DoeoqG__frontendIcon{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.tutorials-module__DoeoqG__mobileIcon{background:linear-gradient(135deg,#34d399 0%,#10b981 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.tutorials-module__DoeoqG__backendIcon{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.tutorials-module__DoeoqG__fullstackIcon{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.tutorials-module__DoeoqG__projectContent{padding:1.5rem}.tutorials-module__DoeoqG__projectTitle{color:#fff;margin-bottom:.75rem;font-size:1.25rem;font-weight:600;line-height:1.4}.tutorials-module__DoeoqG__projectDescription{color:#94a3b8;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.tutorials-module__DoeoqG__projectFooter{justify-content:space-between;align-items:center;display:flex}.tutorials-module__DoeoqG__projectCategory{color:#60a5fa;background:#3b82f61a;border-radius:6px;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.tutorials-module__DoeoqG__bookmarkBtn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem;transition:all .2s}.tutorials-module__DoeoqG__bookmarkBtn:hover{color:#3b82f6;background:#3b82f61a}@media (max-width:768px){.tutorials-module__DoeoqG__header{padding:0 1rem}.tutorials-module__DoeoqG__nav{display:none}.tutorials-module__DoeoqG__main{padding:2rem 1rem}.tutorials-module__DoeoqG__heroTitle{font-size:2.25rem}.tutorials-module__DoeoqG__heroDescription{font-size:1rem}.tutorials-module__DoeoqG__categorySection{gap:.25rem}.tutorials-module__DoeoqG__categoryBtn{padding:.5rem 1rem;font-size:.875rem}.tutorials-module__DoeoqG__projectGrid{grid-template-columns:1fr;gap:1.5rem}.tutorials-module__DoeoqG__searchContainer{margin:0 1rem}}@media (max-width:480px){.tutorials-module__DoeoqG__heroTitle{font-size:1.875rem}.tutorials-module__DoeoqG__projectContent{padding:1.25rem}.tutorials-module__DoeoqG__projectTitle{font-size:1.125rem}}