.shinMain{text-align:center;color:#fc64b3;background-color:#030712;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:0 24px;display:flex}.shinBadge{background:#1d0d1f;border-radius:999px;margin-bottom:18px;padding:10px 30px;font-size:20px;font-weight:500}.shinMain h1{color:#fc64b6;margin-bottom:24px;font-size:60px}.shinDescription{color:#99a1af;max-width:720px;margin-bottom:50px;font-size:20px;line-height:1.7}.shinActions{gap:24px;display:flex}.shinBtnPrimary{color:#fff;background:#f6339a;border-radius:10px;min-width:160px;padding:14px 40px;font-size:20px;font-weight:600;text-decoration:none;transition:all .25s}.shinBtnPrimary:hover{background:#4f46e5;transform:translateY(-2px)}.shinBtnSecondary{color:#fff;background-color:#1e2939;border:1px solid #ffffff40;border-radius:10px;min-width:160px;padding:14px 40px;font-size:18px;font-weight:600;text-decoration:none;transition:all .25s}.shinBtnSecondary:hover{background:#ffffff14}@media (max-width:768px){.shinMain h1{font-size:36px}.shinDescription{font-size:16px}.shinActions{flex-direction:column;gap:16px;width:100%}.shinBtnPrimary,.shinBtnSecondary{width:100%}}
.shinSection{text-align:center;background:#0a0f1d;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:120px 24px;display:flex}.shinSectionTitle{margin-bottom:64px;font-size:36px;font-weight:800;position:relative}.shinSectionTitle:after{content:"";background:#f6339a;width:80px;height:4px;margin:17px auto 0;display:block}.shinAboutCards{text-align:left;grid-template-columns:repeat(3,280px);gap:32px;margin-bottom:48px;display:grid}.shinAboutCard{background:linear-gradient(#151a2b,#0d1120);border:1px solid #ffffff1a;border-radius:14px;padding:28px 24px;transition:transform .25s,box-shadow .25s}.shinAboutCard:hover{transform:translateY(-6px);box-shadow:0 0 30px #6366f133}.shinAboutCard h3{margin-bottom:12px;font-size:20px;font-weight:700}.shinAboutCard p{color:#99a1af;font-size:14px;line-height:1.6}.shinImg{background:#431648;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:16px;display:flex}.shinImg img{width:24px}.shinAboutDescription{color:#d1d5db;max-width:760px;font-size:16px;line-height:1.8}@media (max-width:1024px){.shinAboutCards{grid-template-columns:repeat(2,280px)}}@media (max-width:768px){.shinSection{padding:100px 20px}.shinSectionTitle{font-size:30px}.shinAboutCards{grid-template-columns:1fr}.shinAboutDescription{font-size:15px}}
.shinSkillsSection{text-align:center;background:#030712;flex-direction:column;align-items:center;width:100%;padding:120px 24px;display:flex}.shinSectionTitle{font-size:36px;font-weight:800;position:relative}.shinSectionTitle:after{content:"";background:#f6339a;width:80px;height:4px;margin:16px auto 0;display:block}.shinSkillGrid{grid-template-columns:repeat(3,280px);gap:32px;display:grid}.shinSkillCard{text-align:left;background:linear-gradient(#151a2b,#0d1120);border:1px solid #282c34;border-radius:14px;padding:28px 32px;transition:transform .25s,box-shadow .25s}.shinSkillCard:hover{transform:translateY(-6px);box-shadow:0 0 30px #f6339a40}.shinSkillCard h3{color:#fc64b6;margin-bottom:16px;font-size:20px}.shinSkillCard span{color:#d1d5db;background:#1e293b;border:1px solid #4a5565;border-radius:6px;margin:4px;padding:6px 12px;font-size:13px;display:inline-block}@media (max-width:1024px){.shinSkillGrid{grid-template-columns:repeat(2,280px)}}@media (max-width:768px){.shinSkillGrid{grid-template-columns:1fr}.shinSectionTitle{font-size:30px}}
.shinProjectsSection{background:#0a0f1d;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:120px 24px;display:flex}.shinProjectsTitle{margin-bottom:60px;font-size:36px;font-weight:800;position:relative}.shinProjectsTitle:after{content:"";background:#f6339a;width:80px;height:4px;margin:16px auto 0;display:block}.shinProjectGrid{text-align:left;grid-template-columns:repeat(3,320px);gap:32px;display:grid}.shinProjectCard{background:linear-gradient(#151a2b,#0d1120);border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;padding:22px;transition:transform .25s,box-shadow .25s;display:flex}.shinProjectCard:hover{transform:translateY(-8px);box-shadow:0 0 40px #f6339a40}.shinThumbnail{background:linear-gradient(135deg,#f6339a59,#8b5cf659);width:100%;height:180px;margin-bottom:18px}.shinProjectCard h3{color:#fff;margin-bottom:10px;font-size:20px;font-weight:700}.shinProjectCard p{color:#9ca3af;margin-bottom:16px;font-size:13px;line-height:1.6}.shinTags{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.shinTags span{color:#fb64b6;background:#f6339b21;border:1px solid #4c1e37;border-radius:4px;padding:4px 8px;font-size:12px}.shinLinks{gap:14px;margin-top:auto;display:flex}.shinLinks a{color:#9ca3af;gap:3px;font-size:14px;text-decoration:none;transition:color .2s;display:flex}.shinLinks a:hover{color:#f9a8d4}.shinLinks img{width:13px}@media (max-width:1200px){.shinProjectGrid{grid-template-columns:repeat(2,320px)}}@media (max-width:768px){.shinProjectGrid{grid-template-columns:1fr}.shinProjectCard{max-width:360px;margin:0 auto}}
.shinBlogSection{background:#030712;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:120px 24px;display:flex}.shinBlogTitle{margin-bottom:60px;font-size:36px;font-weight:800}.shinBlogTitle:after{content:"";background:#f6339a;width:80px;height:4px;margin:16px auto 0;display:block}.shinBlogGrid{text-align:left;grid-template-columns:repeat(3,320px);gap:32px;display:grid}.shinBlogCard{background:linear-gradient(#151a2b,#0d1120);border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;padding:22px;transition:transform .25s,box-shadow .25s;display:flex;position:relative}.shinBlogCard:hover{transform:translateY(-8px);box-shadow:0 0 40px #f6339a40}.shinThumbnail{background:linear-gradient(135deg,#f6339a59,#8b5cf659);border-radius:10px;width:100%;height:160px;margin-bottom:16px;position:relative}.shinCategory{background:#f6339a;border-radius:100px;padding:4px 14px;font-size:12px;position:absolute;top:12px;left:12px}.shinBlogMeta{color:#6a7282;gap:12px;margin-bottom:10px;font-size:12px;display:flex}.shinBlogMeta span{align-items:center;gap:6px;display:flex}.shinBlogMeta img{opacity:.8;width:14px;height:14px}.shinBlogCard h3{color:#fff;margin-bottom:6px;font-size:20px;font-weight:700}.shinBlogCard p{color:#9ca3af;margin-bottom:6px;font-size:11px}.shinReadMore{color:#fb64b6;font-size:11px;font-weight:600;text-decoration:none;transition:color .2s}.shinReadMore:hover{color:#f9a8d4}@media (max-width:1200px){.shinBlogGrid{grid-template-columns:repeat(2,320px)}}@media (max-width:768px){.shinBlogGrid{grid-template-columns:1fr}.shinBlogCard{max-width:360px;margin:0 auto}}
.shinContactSection{background:#0a0f1d;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:120px 24px;display:flex}.shinContactTitle{margin-bottom:64px;font-size:36px;font-weight:800}.shinContactTitle:after{content:"";background:#f6339a;width:80px;height:4px;margin:16px auto 0;display:block}.shinContactWrapper{text-align:left;grid-template-columns:1fr 1fr;gap:64px;width:100%;max-width:1000px;display:grid}.shinContactInfo h3{margin-bottom:10px;font-size:26px;font-weight:800}.shinContactInfo p{color:#9ca3af;margin-bottom:24px;font-size:16px}.shinInfoItem{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.shinInfoItem p{color:#a1a1a1;font-size:14px}.shinInfoTitle{font-size:14px;font-weight:600}.shinIconCircle{background:#231529;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.shinIconCircle img{width:22px;height:22px}.shinContactForm{background:#151c2b;border:1px solid #ffffff1a;border-radius:15px;flex-direction:column;padding:32px 40px;display:flex}.shinContactForm input,.shinContactForm textarea{color:#fff;background:#0f172a99;border:1px solid #ffffff26;border-radius:10px;outline:none;width:100%;margin-bottom:16px;padding:14px 16px;font-size:14px;transition:border-color .2s}.shinContactForm textarea{min-height:140px}.shinContactForm input:focus,.shinContactForm textarea:focus{border-color:#fc64b6}.shinContactForm button{color:#fff;cursor:pointer;background:#f6339a;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:14px 18px;font-size:14px;transition:transform .2s,box-shadow .2s;display:flex}.shinContactForm button img{width:14px}.shinContactForm button:hover{transform:translateY(-2px);box-shadow:0 0 24px #f403c8cc}@media (max-width:900px){.shinContactWrapper{grid-template-columns:1fr;gap:40px}}
.shinFooter{color:#94a3b8;background:#030712;padding:80px 0 40px}.shinFooterInner{justify-content:space-between;gap:60px;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.shinFooterLogo{color:#fe65a7;margin-bottom:15px;font-size:20px;font-weight:700}.shinFooterLogo span{color:#f6339a;margin-right:6px}.shinFooterLeft p{color:#64748b;font-size:14px;line-height:1.6}.shinFooterCenter h3,.shinFooterRight h3{color:#fff;margin-bottom:20px;font-size:16px}.shinFooterCenter ul{padding:0;list-style:none}.shinFooterCenter li{margin-bottom:10px}.shinFooterCenter a{color:#64748b;font-size:15px;text-decoration:none;transition:color .3s}.shinFooterCenter a:hover{color:#f6339a}.shinFooterIcons{gap:14px;display:flex}.shinFooterIcons a{background:#111827;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s,background .2s;display:flex}.shinFooterIcons img{width:18px;height:18px}.shinFooterIcons a:hover{background:#f6339a;transform:translateY(-3px)}.shinFooterBottom{text-align:center;color:#fff;border-top:1px solid #1e293b;margin-top:60px;padding-top:20px;font-size:14px}@media (max-width:768px){.shinFooterInner{flex-direction:column;gap:40px}}
.shinHeader{z-index:9999;isolation:isolate;background-color:#101627;border-bottom:1px solid #272729;width:100%;position:fixed;top:0;left:0}.shinHeaderInner{justify-content:space-between;align-items:center;height:70px;padding:0 80px;display:flex}.shinLogo a{color:#fc64b3;font-size:20px;text-decoration:none}.shinNavGroup{border-radius:50px;align-items:center;gap:20px;padding:10px 20px;display:flex}.shinNav{align-items:center;gap:14px;font-size:18px;display:flex}.shinNav a{color:#fff;text-decoration:none}.shinToggleSwitch{cursor:pointer;background-color:#364152;border-radius:999px;width:60px;height:34px;position:relative}.shinToggleCircle{background-color:#f6339a;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .35s;display:flex;position:absolute;top:2px;left:3px}.shinToggleCircle img{height:20px}.shinToggleSwitch.sun .shinToggleCircle{transform:translate(0)}.shinToggleSwitch.shin .shinToggleCircle{transform:translate(26px)}@media (max-width:768px){.shinHeaderInner{padding:0 20px}.shinNav{display:none}.shinNavGroup{margin-left:0}.shinLogo a{font-size:16px}}