.main{text-align:center;color:#a883ff;background-color:#fffbea;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:0 24px;display:flex}.main .badge{color:#7f22fe;background:#ebe9f1;border:1px solid #dcdfe6;border-radius:999px;margin-bottom:18px;padding:10px 30px;font-size:20px;font-weight:500}.main h1{margin-bottom:24px;font-size:60px}.main .description{color:#99a1af;max-width:720px;margin-bottom:50px;font-size:20px;line-height:1.7}.main .actions{gap:24px;display:flex}.main .btn{cursor:pointer;border:1px solid #f3f0fd;border-radius:10px;min-width:160px;padding:14px 40px;font-size:20px;font-weight:600;text-decoration:none;transition:all .25s}.btn.btn.secondary{color:#8023fe;background-color:#fffefa}.main .btn.primary{color:#fff;background:#a683ff}.main .btn.primary:hover{background:#bd87e6;transform:translateY(-2px)}.main .btn.secondary:hover{background:#ba11cd4c;transform:translateY(-2px)}@media (max-width:768px){.main h1{font-size:34px}.main .description{font-size:15px}.main .actions{flex-direction:column;width:100%}.main .btn{width:100%}}
*{margin:0;padding:0}.sunAboutSection{background-color:#fff9df;flex-direction:column;align-items:center;width:100%;padding:120px 24px;display:flex}.sectionTitle{text-align:center;color:#111828;margin-bottom:64px;font-size:36px;font-weight:800}.sectionTitle:after{content:"";background:#a683ff;width:80px;height:4px;margin:17px auto 0;display:block}.aboutCards{text-align:left;grid-template-columns:repeat(3,280px);gap:26px;margin-bottom:35px;display:grid}.aboutCard{background:#fffdf2;border:1px solid #dcdfe6;border-radius:14px;padding:24px;transition:transform .25s,box-shadow .25s}.aboutCard:hover{transform:translateY(-6px);box-shadow:0 0 30px #6366f133}.aboutCard h3{color:#202735;margin-bottom:12px;font-size:18px;font-weight:700}.aboutCard p{color:#111828;font-size:14px;line-height:1.6}.img{background:#f4f1f9;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.img img{width:24px}.aboutDescription{color:#111828;max-width:760px;font-size:16px;line-height:1.8}@media (max-width:1024px){.aboutCards{grid-template-columns:repeat(2,280px)}}@media (max-width:768px){.section{padding:100px 20px}.sectionTitle{font-size:30px}.aboutCards{grid-template-columns:1fr}.aboutDescription{font-size:15px}}
.sunSkillSection{background-color:#fffbea;padding:120px}.skillGrid{text-align:left;grid-template-columns:repeat(3,300px);justify-content:center;gap:27px;display:grid}.skillCard{background:#f9f3f1;border:1px solid #dcdfe6;border-radius:10px;padding:20px 24px;transition:transform .25s,box-shadow .25s}.skillCard:hover{transform:translateY(-6px);box-shadow:0 0 40px #6366f133}.skillCard h3{color:#9258ff;margin-bottom:20px;font-size:22px;font-weight:700}.skillCard span{color:#384354;background:#f9f8fa;border-radius:10px;margin:3px;padding:8px 16px;font-size:14px;display:inline-block}@media (max-width:1024px){.skillGrid{grid-template-columns:repeat(2,280px)}}@media (max-width:768px){.skillGrid{grid-template-columns:1fr}.skillCard{width:100%;max-width:320px;margin:0 auto}}
.sunProjectSection{background-color:#fff9df;flex-direction:column;align-items:center;width:100%;padding:120px 24px;display:flex}.projectGrid{text-align:left;grid-template-columns:repeat(3,320px);gap:32px;margin-top:48px;display:grid}.projectCard{background:#fffdf2;border:1px solid #dcdfe6;border-radius:8px;padding:22px;transition:transform .25s,box-shadow .25s}.projectCard:hover{transform:translateY(-8px);box-shadow:0 0 40px #6366f140}.thumbnail{background:linear-gradient(135deg,#6366f159,#1e40af59);border-radius:12px;width:100%;height:180px;margin-bottom:18px}.projectCard h3{color:#111828;margin-bottom:10px;font-size:20px;font-weight:700}.projectCard p{color:#111828;margin-bottom:16px;font-size:11px}.tags{border-radius:4px;gap:6px;margin-bottom:18px;display:flex}.tags span{font-size:12px;font-weight:200px;color:#8a34fe;background:#f5f3f7;border:1px solid #dcdfe6;border-radius:999px;padding:4px 8px}.links{gap:14px;display:flex}.links a{color:#4a5565;align-items:center;gap:3px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.links a:hover{color:#818cf8}.links img{width:13px}@media (max-width:1200px){.projectGrid{grid-template-columns:repeat(2,320px)}}@media (max-width:768px){.projectGrid{grid-template-columns:1fr}.projectCard{max-width:360px;margin:0 auto}}
.sunBlogSection{background-color:#fffbea;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:120px 24px;display:flex}.blogGrid{text-align:left;background-color:#fffbea;grid-template-columns:repeat(3,320px);gap:32px;display:grid}.blogCard{background:#fffdf2;border:1px solid #dcdfe6;border-radius:16px;flex-direction:column;padding:22px;transition:transform .25s,box-shadow .25s;display:flex;position:relative}.blogCard:hover{transform:translateY(-8px);box-shadow:0 0 40px #6366f140}.category{background:#a683ff;border-radius:100px;margin:15px;padding:2px 20px;font-size:12px;position:absolute}.blogMeta{color:#6a7282;gap:10px;font-size:10px;display:flex}.blogMeta span{align-items:center;gap:6px;display:flex}.blogMeta img{opacity:.8;width:14px;height:14px}.blogCard h3{color:#111828;margin-bottom:0;font-size:20px;font-weight:800}.blogCard p{color:#111828;font-size:11px}.readMore{color:#a683ff;margin-top:auto;font-size:11px;font-weight:600;text-decoration:none;transition:color .2s}.readMore:hover{color:#d91be3}@media (max-width:1200px){.blogGrid{grid-template-columns:repeat(2,320px)}}@media (max-width:768px){.blogGrid{grid-template-columns:1fr}.blogCard{max-width:360px;margin:0 auto}}
.sunContactSection{background-color:#fff9df;flex-direction:column;align-items:center;width:100%;padding:120px 24px;display:flex}.contactWrapper{text-align:left;grid-template-columns:1fr 1fr;gap:64px;width:100%;max-width:1000px;display:grid}.contactInfo h3{color:#111828;font-size:25px;font-weight:800}.contactInfo p{color:#636c76;margin-bottom:14px;font-size:16px}.infoItem{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.infoItem span{color:#111828;font-size:16px}.infoItem img{width:24px;height:24px}.infoItem p{color:#a1a1a1;font-size:14px}.infoTitle{color:#999;font-size:14px;font-weight:600}.iconCircle{background:#f4eff2;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.contactForm{background:#fffdf2;border:1px solid #dcdfe6;border-radius:15px;flex-direction:column;padding:30px 40px;display:flex}.contactForm h3{color:#111828}.contactForm input,.contactForm textarea{border:1px solid #dcdfe6;border-radius:10px;padding:14px 16px;font-size:14px}.contactForm textarea{min-height:140px}.contactForm input:focus,.contactForm textarea:focus{border-color:#7d5391}.contactForm button{color:#fff;cursor:pointer;background-color:#a683ff;border:none;border-radius:10px;margin-top:24px;padding:14px 18px;font-size:14px;transition:transform .2s,box-shadow .2s}.contactForm button img{width:14px;height:14px;position:relative;top:2px}.contactForm button:hover{transform:translateY(-2px);box-shadow:0 0 24px #c258dfe8}@media (max-width:900px){.contactWrapper{grid-template-columns:1fr;gap:40px}}
.footer{background-color:#fffaea;border:1px solid #e9eaef;margin:0;padding:0}.footerInner{justify-content:space-between;max-width:1200px;margin:0 auto;padding:50px 0;display:flex}.footerLogo{color:#8e51ff;margin-bottom:15px;font-size:20px;font-weight:700}.footerLogo span{color:#8e51ff;margin-right:6px}.footerLeft p{color:#64748b;font-size:14px;line-height:1.6}.footerCenter h3,.footerRight h3{color:#111858;margin-bottom:20px;font-size:16px}.footerCenter ul{padding:0;list-style:none}.footerCenter li{margin-bottom:10px}.footerCenter a{color:#64748b;font-size:16px;text-decoration:none;transition:all .3s}.footerCenter a:hover{color:#8e51ff}.footerIcons{gap:15px;display:flex}.footerIcons img{width:24px;height:24px}.footerIcons a:hover{transform:translateY(-3px)}.footerBottom{text-align:center;color:#6d7484;border-top:1px solid #d6dbe5;margin-top:60px;padding:20px;font-size:14px}
.header{z-index:9999;isolation:isolate;background-color:#fffbea;border-bottom:1px solid #dcdfe6;width:100%;position:fixed;top:0;left:0}.headerInner{justify-content:space-between;align-items:center;height:70px;padding:0 80px;display:flex}.logo{color:#7f22fe;align-items:center;gap:10px;display:flex}.logo a{font-size:20px;text-decoration:none}.navGroup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:50px;align-items:center;gap:20px;padding:10px 20px;display:flex}.nav{align-items:center;gap:16px;font-size:18px;display:flex}.nav a{color:#364153;text-decoration:none}.toggleSwitch{cursor:pointer;background-color:#ddd6ff;border-radius:999px;width:60px;height:34px;position:relative}.toggleCircle{background-color:#8e51ff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .35s;display:flex;position:absolute;top:2px;left:3px}.toggleCircle img{width:20px;height:20px}.toggleSwitch.sun .toggleCircle{transform:translate(0)}.toggleSwitch.shin .toggleCircle{transform:translate(36px)}@media (max-width:768px){.headerInner{padding:0 20px}.nav{display:none}.navGroup{margin-left:0}.logo{font-size:16px}}