.top{align-items:center;-webkit-animation:slideIn .6s ease-out;animation:slideIn .6s ease-out;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);box-shadow:0 8px 32px rgba(99,102,241,.4);display:flex;font-family:Poppins,sans-serif;height:75px;padding:0 3rem;position:-webkit-sticky;position:sticky;top:0;transition:all .4s ease;width:100%;z-index:999}.top:before{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.top:hover{box-shadow:0 12px 48px rgba(236,72,153,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.topLeft,.topRight{align-items:center;display:flex;flex:3 1;gap:15px;justify-content:center}.topRight{justify-content:flex-end}.topRight>a{align-items:center;display:flex;gap:15px}.topCentre{flex:6 1}.topIcon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border-radius:50%;color:#fff;cursor:pointer;font-size:22px;padding:12px;transition:all .4s ease}.topIcon:hover{background:hsla(0,0%,100%,.3);box-shadow:0 10px 30px rgba(251,191,36,.4);color:#fbbf24;-webkit-transform:translateY(-5px) rotate(1turn);transform:translateY(-5px) rotate(1turn)}.topImg{-webkit-animation:glow 3s ease-in-out infinite;animation:glow 3s ease-in-out infinite;border:3px solid #fff;border-radius:50%;box-shadow:0 6px 20px hsla(0,0%,100%,.4);cursor:pointer;height:48px;object-fit:cover;transition:all .4s ease;width:48px}.topImg:hover{border-color:#fbbf24;box-shadow:0 10px 40px rgba(251,191,36,.6);-webkit-transform:scale(1.15) rotate(10deg);transform:scale(1.15) rotate(10deg)}.topList{display:flex;gap:8px;justify-content:center;list-style:none;margin:0;padding:0}.topListItem{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border-radius:30px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:1px;padding:12px 24px;position:relative;text-shadow:0 2px 10px rgba(0,0,0,.2);transition:all .4s ease}.topListItem:before{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:30px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:-1}.topListItem:hover{box-shadow:0 8px 25px rgba(251,191,36,.4);color:#fff;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.topListItem:hover:before{opacity:1}.topSearchIcon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border-radius:50%;color:#fff;cursor:pointer;font-size:22px;margin-left:15px;padding:12px;transition:all .4s ease}.topSearchIcon:hover{background:hsla(0,0%,100%,.3);box-shadow:0 8px 25px rgba(251,191,36,.4);color:#fbbf24;-webkit-transform:scale(1.2) rotate(90deg);transform:scale(1.2) rotate(90deg)}.hamburger{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border-radius:8px;cursor:pointer;display:none;flex-direction:column;padding:10px;transition:all .3s ease;z-index:1001}.hamburger:hover{background:hsla(0,0%,100%,.25);-webkit-transform:scale(1.05);transform:scale(1.05)}.hamburger i{color:#fff;font-size:24px;transition:all .3s ease}.overlay{-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease;background:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}.mobileOnly,.overlay{display:none}.topRightList{display:flex}@media screen and (max-width:768px){.top{height:65px;justify-content:space-between;padding:0 1rem}.topLeft,.topRight{flex:none;gap:8px}.topLeft .topIcon{display:none}.topLeft .topIcon:first-child{display:block}.hamburger{display:flex;order:2}.topCentre{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);box-shadow:4px 0 20px rgba(0,0,0,.3);flex-direction:column;height:calc(100vh - 65px);justify-content:flex-start;left:-100%;overflow-y:auto;padding:2rem 0;position:fixed;top:65px;transition:left .4s cubic-bezier(.4,0,.2,1);width:280px;z-index:999}.topCentre.active{left:0}.overlay{display:block}.topList{flex-direction:column;gap:0;width:100%}.topListItem{background:transparent;border-bottom:1px solid hsla(0,0%,100%,.1);border-radius:0;font-size:15px;padding:18px 24px;text-align:left;width:100%}.topListItem:hover{background:hsla(0,0%,100%,.15);box-shadow:none;-webkit-transform:translateX(8px);transform:translateX(8px)}.topListItem:before{display:none}.mobileOnly{display:block}.topRightList{display:none}.topIcon{font-size:18px;padding:10px}.topImg{height:42px;width:42px}.topSearchIcon{font-size:20px;margin-left:10px;padding:10px}}@media screen and (max-width:480px){.top{padding:0 .75rem}.topCentre{width:240px}.topImg{height:38px;width:38px}.topIcon{font-size:16px;padding:8px}.topSearchIcon{font-size:18px;margin-left:8px;padding:8px}}.header{align-items:center;display:flex;justify-content:center;margin-top:0;min-height:450px;overflow:hidden;position:relative}.header:before{background:linear-gradient(135deg,rgba(99,102,241,.4),rgba(236,72,153,.4));top:0;z-index:1}.header:after,.header:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0}.header:after{background:linear-gradient(180deg,transparent 0,rgba(102,126,234,.2) 30%,rgba(118,75,162,.5) 60%,rgba(118,75,162,.8) 80%,#764ba2);height:250px;z-index:2}.headerTitles{align-items:center;-webkit-animation:fadeIn 1s ease-out;animation:fadeIn 1s ease-out;color:#fff;display:flex;flex-direction:column;font-family:Poppins,serif;justify-content:center;left:50%;max-width:100%;padding:0 1rem;position:absolute;text-align:center;text-shadow:0 4px 20px rgba(0,0,0,.5);top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:95%;z-index:10}.headerTitleSm{-webkit-animation:float 4s ease-in-out infinite;animation:float 4s ease-in-out infinite;color:#fff;font-size:24px;font-weight:400;letter-spacing:6px;margin-bottom:15px;text-shadow:0 4px 15px rgba(0,0,0,.4);text-transform:uppercase}.headerTitleLg,.headerTitleSm{word-wrap:break-word;max-width:100%}.headerTitleLg{-webkit-text-fill-color:transparent;-webkit-animation:pulse 3s ease-in-out infinite;animation:pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b 50%,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-filter:drop-shadow(0 6px 20px rgba(251,191,36,.6));filter:drop-shadow(0 6px 20px rgba(251,191,36,.6));font-size:120px;font-weight:800;letter-spacing:8px;line-height:1.1;text-shadow:none}.headerImg{display:block;-webkit-filter:brightness(.75) contrast(1.15) saturate(1.2);filter:brightness(.75) contrast(1.15) saturate(1.2);height:550px;object-fit:cover;position:relative;transition:all .6s ease;width:100%}.header:hover .headerImg{-webkit-filter:brightness(.8) contrast(1.2) saturate(1.3);filter:brightness(.8) contrast(1.2) saturate(1.3);-webkit-transform:scale(1.05);transform:scale(1.05)}@media screen and (max-width:1024px){.headerTitleSm{font-size:20px;letter-spacing:4px}.headerTitleLg{font-size:90px;letter-spacing:6px}.headerImg{height:450px}}@media screen and (max-width:768px){.header{margin-top:0;min-height:300px}.headerTitles{padding:0 .5rem;width:95%}.headerTitleSm{font-size:16px;letter-spacing:3px;margin-bottom:10px}.headerTitleLg{font-size:64px;letter-spacing:3px;line-height:1}.headerImg{height:350px}}@media screen and (max-width:480px){.header{margin-top:0;min-height:250px}.headerTitles{padding:0 .5rem;width:100%}.headerTitleSm{font-size:14px;letter-spacing:2px;margin-bottom:8px}.headerTitleLg{font-size:48px;letter-spacing:2px;line-height:1}.headerImg{height:280px}}@media screen and (max-width:360px){.header{margin-top:0;min-height:220px}.headerTitleSm{font-size:12px;letter-spacing:1.5px;margin-bottom:6px}.headerTitleLg{font-size:40px;letter-spacing:1.5px}.headerImg{height:250px}}.post{-webkit-animation:fadeIn .6s ease-out;animation:fadeIn .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 15px 50px rgba(0,0,0,.15);cursor:pointer;display:flex;flex-direction:column;max-height:650px;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);width:100%}.post:before{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(236,72,153,.1));bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .5s ease;z-index:1}.post:hover{box-shadow:0 30px 80px rgba(99,102,241,.3);-webkit-transform:translateY(-15px) scale(1.03);transform:translateY(-15px) scale(1.03)}.post:hover:before{opacity:1}.postImg{flex-shrink:0;height:280px;object-fit:cover;position:relative;transition:all .6s ease;width:100%}.post:hover .postImg{-webkit-filter:brightness(1.15) saturate(1.2);filter:brightness(1.15) saturate(1.2);-webkit-transform:scale(1.15);transform:scale(1.15)}.postInfo{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;padding:1.5rem;position:relative;z-index:2}.postCats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.postCat{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);border-radius:25px;box-shadow:0 6px 20px rgba(99,102,241,.4);color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:6px 18px;position:relative;transition:all .4s ease}.postCat:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.postCat:hover{box-shadow:0 10px 30px rgba(236,72,153,.5);-webkit-transform:translateY(-3px) scale(1.08);transform:translateY(-3px) scale(1.08)}.postCat:hover:before{left:100%}.postTitle{-webkit-text-fill-color:transparent;-webkit-line-clamp:2;-webkit-box-orient:vertical;background:linear-gradient(135deg,#0f172a,#6366f1);-webkit-background-clip:text;color:var(--text-primary);cursor:pointer;display:-webkit-box;font-family:Poppins,sans-serif;font-size:22px;font-weight:700;line-height:1.4;margin-top:12px;overflow:hidden;text-align:center;transition:all .4s ease}.postTitle:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2);-webkit-transform:scale(1.03);transform:scale(1.03)}.postDate{align-items:center;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(236,72,153,.1));border-radius:20px;color:var(--text-secondary);display:flex;font-family:Inter,sans-serif;font-size:13px;font-style:italic;gap:5px;margin-top:10px;padding:8px 16px}.postDate:before{content:"📅";font-size:14px}.postDesc{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;flex:1 1;font-family:Inter,sans-serif;font-size:15px;line-height:1.8;margin-top:15px;min-height:0;overflow:hidden;padding:0 1.5rem 1.5rem;text-overflow:ellipsis}@media screen and (max-width:768px){.post{max-height:none}.postImg{height:220px}.postTitle{font-size:20px}.postDesc{-webkit-line-clamp:2;font-size:14px}}@media screen and (min-width:1400px){.post{max-height:600px}.postImg{height:250px}.postTitle{font-size:20px}.postDesc{-webkit-line-clamp:2}}.singlePost{-webkit-animation:fadeIn .8s ease-out;animation:fadeIn .8s ease-out;flex:9 1}.singlePostWrapper{background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:1.5rem;margin:1rem;padding:2rem;transition:all .3s ease}.singlePostWrapper:hover{box-shadow:0 15px 50px rgba(102,126,234,.15)}.singlePostImg{border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.15);height:450px;object-fit:cover;transition:all .4s ease;width:100%}.singlePostImg:hover{box-shadow:0 15px 40px rgba(102,126,234,.25);-webkit-transform:scale(1.02);transform:scale(1.02)}.singlePostTitle{align-items:center;display:flex;font-size:36px;font-weight:700;gap:1rem;justify-content:center;line-height:1.4;margin:1.5rem 0;position:relative}.singlePostTitle,.singlePostTitleInput{color:var(--text-primary);font-family:Poppins,serif;text-align:center}.singlePostTitleInput{background:rgba(102,126,234,.05);border:none;border-bottom:3px solid #667eea;border-radius:8px;font-size:32px;margin:1rem 0;padding:10px;transition:all .3s ease}.singlePostTitleInput:focus{background:rgba(118,75,162,.08);border-bottom-color:#764ba2;box-shadow:0 4px 15px rgba(102,126,234,.2);outline:none}.singlePostEdit{display:flex;gap:15px}.singlePostIcon{background:rgba(102,126,234,.1);border-radius:50%;cursor:pointer;font-size:20px;padding:10px;transition:all .3s ease}.singlePostIcon:first-child{color:#667eea}.singlePostIcon:first-child:hover{background:#667eea;box-shadow:0 6px 15px rgba(102,126,234,.4);color:#fff;-webkit-transform:rotate(15deg) scale(1.1);transform:rotate(15deg) scale(1.1)}.singlePostIcon:last-child{color:#f56565}.singlePostIcon:last-child:hover{background:#f56565;box-shadow:0 6px 15px hsla(0,88%,68%,.4);color:#fff;-webkit-transform:rotate(-15deg) scale(1.1);transform:rotate(-15deg) scale(1.1)}.singlePostInfo{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border-radius:12px;display:flex;flex-wrap:wrap;font-family:Poppins,sans-serif;font-size:15px;gap:1rem;justify-content:space-between;margin:1rem 0;padding:1.5rem}.singlePostAuthor{color:var(--text-primary);font-weight:500}.singlePostAuthor b{color:#667eea;font-weight:600;transition:all .3s ease}.singlePostAuthor b:hover{color:#764ba2}.singlePostDate{align-items:center;color:var(--text-secondary);display:flex;gap:8px}.singlePostDate:before{content:"📅"}.singlePostDesc{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:17px;line-height:2;padding:1rem;text-align:justify}.singlePostDesc:first-letter{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;color:#667eea;float:left;font-size:64px;font-weight:700;line-height:1;margin:0 12px 0 0}.singlePostDescInput{background:rgba(102,126,234,.05);border:2px solid rgba(102,126,234,.3);border-radius:12px;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:17px;line-height:2;min-height:300px;padding:1.5rem;transition:all .3s ease}.singlePostDescInput:focus{background:#fff;border-color:#667eea;box-shadow:0 6px 20px rgba(102,126,234,.15);outline:none}.singlePostButton{align-self:flex-end;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 6px 20px rgba(102,126,234,.3);color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px 32px;transition:all .3s ease}.singlePostButton:hover{box-shadow:0 10px 30px rgba(118,75,162,.4);-webkit-transform:translateY(-3px);transform:translateY(-3px)}@media screen and (max-width:768px){.singlePostWrapper{margin:.5rem;padding:1.5rem}.singlePostImg{height:300px}.singlePostTitle{font-size:28px}.singlePostDesc{font-size:15px;line-height:1.8}.singlePostInfo{flex-direction:column;gap:.5rem}}.posts{grid-gap:2rem;display:grid;flex:9 1;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:1rem}.noPosts{color:#666;font-size:1.2rem;grid-column:1/-1;padding:2rem;text-align:center}@media screen and (max-width:768px){.posts{gap:1.5rem;grid-template-columns:1fr;padding:.5rem}}@media screen and (min-width:769px) and (max-width:1024px){.posts{grid-template-columns:repeat(2,1fr)}}.sidebar{-webkit-animation:fadeIn .8s ease-out;animation:fadeIn .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.98);border:2px solid rgba(99,102,241,.1);border-radius:24px;box-shadow:0 15px 60px rgba(99,102,241,.2);display:flex;flex:3 1;flex-direction:column;gap:2rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:2rem;position:-webkit-sticky;position:sticky;top:95px;transition:all .4s ease}.sidebar:hover{border-color:rgba(236,72,153,.3);box-shadow:0 20px 80px rgba(236,72,153,.3);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.sidebarItem{align-items:center;display:flex;flex-direction:column;gap:1rem}.sidebarTitle{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);border-radius:30px;box-shadow:0 8px 30px rgba(99,102,241,.4);color:#fff;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;letter-spacing:2px;overflow:hidden;padding:14px 28px;position:relative;text-align:center;text-transform:uppercase;transition:all .4s ease;width:100%}.sidebarTitle:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.sidebarTitle:hover{box-shadow:0 12px 40px rgba(236,72,153,.5);-webkit-transform:scale(1.05);transform:scale(1.05)}.sidebarTitle:hover:before{left:100%}.sidebarImg{border:3px solid transparent;border-radius:20px;box-shadow:0 12px 35px rgba(0,0,0,.15);height:200px;object-fit:cover;transition:all .5s ease;width:100%}.sidebarImg:hover{border-color:rgba(236,72,153,.5);box-shadow:0 18px 50px rgba(99,102,241,.4);-webkit-transform:scale(1.08) rotate(3deg);transform:scale(1.08) rotate(3deg)}.sidebarItem>p{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:14px;line-height:1.8;padding:0 1rem;text-align:justify}.sidebarSocial{align-items:center;display:flex;gap:18px;justify-content:center;margin-top:10px;width:100%}.sidebarIcon{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 6px 20px rgba(99,102,241,.4);color:#fff;cursor:pointer;font-size:24px;padding:14px;transition:all .4s ease}.sidebarIcon:hover{background:linear-gradient(135deg,#ec4899,#f59e0b);box-shadow:0 12px 35px rgba(236,72,153,.5);-webkit-transform:translateY(-8px) rotate(1turn) scale(1.15);transform:translateY(-8px) rotate(1turn) scale(1.15)}.sidebarList{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0;width:100%}.sidebarListItem{align-items:center;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(236,72,153,.1));border:2px solid transparent;border-radius:25px;color:var(--text-primary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;justify-content:center;padding:12px 18px;text-align:center;transition:all .4s ease}.sidebarListItem:hover{background:linear-gradient(135deg,#6366f1,#ec4899);border-color:rgba(236,72,153,.5);box-shadow:0 10px 30px rgba(99,102,241,.4);color:#fff;-webkit-transform:translateY(-5px) scale(1.05);transform:translateY(-5px) scale(1.05)}@media screen and (max-width:1024px){.sidebar{position:relative;top:0;width:100%}}@media screen and (max-width:768px){.sidebar{padding:1.5rem}.sidebarList{grid-template-columns:repeat(3,1fr)}}.home{-webkit-animation:fadeIn .8s ease-out;animation:fadeIn .8s ease-out;display:flex;gap:2rem;margin:0 auto;max-width:1400px;padding:2rem}@media screen and (max-width:1024px){.home{flex-direction:column;padding:1.5rem}}@media screen and (max-width:768px){.home{padding:1rem}}.login{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 75px);overflow-x:hidden;overflow-y:auto;padding:2rem 1rem;position:relative}.login:before{-webkit-animation:pulse 5s ease-in-out infinite;animation:pulse 5s ease-in-out infinite;background:radial-gradient(circle,rgba(251,191,36,.3) 0,transparent 70%);height:600px;right:-200px;top:-300px;width:600px}.login:after,.login:before{border-radius:50%;content:"";position:absolute}.login:after{-webkit-animation:pulse 6s ease-in-out infinite;animation:pulse 6s ease-in-out infinite;background:radial-gradient(circle,rgba(236,72,153,.3) 0,transparent 70%);bottom:-250px;height:500px;left:-150px;width:500px}.loginTitle{-webkit-text-fill-color:transparent;-webkit-animation:fadeIn .8s ease-out;animation:fadeIn .8s ease-out;background:linear-gradient(135deg,#fff,#fbbf24);-webkit-background-clip:text;color:#fff;font-family:Poppins,sans-serif;font-size:64px;font-weight:800;letter-spacing:3px;margin-bottom:2rem;text-shadow:0 6px 20px rgba(0,0,0,.3);z-index:10}.loginForm{-webkit-animation:fadeIn 1s ease-out;animation:fadeIn 1s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.98);border:2px solid hsla(0,0%,100%,.3);border-radius:30px;box-shadow:0 25px 80px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:1rem;margin-top:20px;min-width:420px;padding:3.5rem;z-index:10}.loginForm>label{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;margin:10px 0 5px}.loginInput{background:linear-gradient(135deg,rgba(99,102,241,.05),rgba(236,72,153,.05));border:2px solid rgba(99,102,241,.2);border-radius:15px;font-family:Inter,sans-serif;font-size:15px;padding:16px 22px;transition:all .4s ease}.loginInput:focus{background:#fff;border-color:#ec4899;box-shadow:0 6px 25px rgba(236,72,153,.3);outline:none;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.loginButton{background:linear-gradient(135deg,#6366f1,#ec4899);border:none;border-radius:15px;box-shadow:0 10px 35px rgba(236,72,153,.5);color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:17px;font-weight:700;letter-spacing:1.5px;margin-top:30px;padding:18px;text-transform:uppercase;transition:all .4s ease}.loginButton:hover{background:linear-gradient(135deg,#ec4899,#f59e0b);box-shadow:0 15px 50px rgba(236,72,153,.6);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.loginButton:active{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.loginButton:disabled{background:linear-gradient(135deg,#cbd5e1,#94a3b8);cursor:not-allowed;opacity:.7;-webkit-transform:none;transform:none}.loginRegisterButton{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:3px solid hsla(0,0%,100%,.3);border-radius:30px;box-shadow:0 8px 30px rgba(0,0,0,.2);color:#6366f1;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;margin-top:20px;padding:14px 32px;transition:all .4s ease;z-index:10}.loginRegisterButton:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:transparent;box-shadow:0 15px 50px rgba(251,191,36,.4);color:#fff;-webkit-transform:translateY(-5px) scale(1.08);transform:translateY(-5px) scale(1.08)}@media screen and (max-width:768px){.loginForm{min-width:340px;padding:2.5rem}.loginTitle{font-size:48px}.loginRegisterButton{padding:12px 24px}}.register{align-items:center;background:linear-gradient(135deg,#ec4899,#8b5cf6 50%,#6366f1);display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 75px);overflow-x:hidden;overflow-y:auto;padding:2rem 1rem;position:relative}.register:before{-webkit-animation:pulse 6s ease-in-out infinite;animation:pulse 6s ease-in-out infinite;background:radial-gradient(circle,rgba(251,191,36,.3) 0,transparent 70%);height:700px;left:-250px;top:-350px;width:700px}.register:after,.register:before{border-radius:50%;content:"";position:absolute}.register:after{-webkit-animation:pulse 7s ease-in-out infinite;animation:pulse 7s ease-in-out infinite;background:radial-gradient(circle,rgba(99,102,241,.3) 0,transparent 70%);bottom:-275px;height:550px;right:-200px;width:550px}.registerTitle{-webkit-text-fill-color:transparent;-webkit-animation:fadeIn .8s ease-out;animation:fadeIn .8s ease-out;background:linear-gradient(135deg,#fff,#fbbf24);-webkit-background-clip:text;color:#fff;font-family:Poppins,sans-serif;font-size:64px;font-weight:800;letter-spacing:3px;margin-bottom:2rem;text-shadow:0 6px 20px rgba(0,0,0,.3);z-index:10}.registerForm{-webkit-animation:fadeIn 1s ease-out;animation:fadeIn 1s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.98);border:2px solid hsla(0,0%,100%,.3);border-radius:30px;box-shadow:0 25px 80px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:1rem;margin-top:20px;min-width:420px;padding:3.5rem;z-index:10}.registerForm>label{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;margin:10px 0 5px}.registerInput{background:linear-gradient(135deg,rgba(236,72,153,.05),rgba(99,102,241,.05));border:2px solid rgba(236,72,153,.2);border-radius:15px;font-family:Inter,sans-serif;font-size:15px;padding:16px 22px;transition:all .4s ease}.registerInput:focus{background:#fff;border-color:#6366f1;box-shadow:0 6px 25px rgba(99,102,241,.3);outline:none;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.registerLoginButton{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:3px solid hsla(0,0%,100%,.3);border-radius:30px;box-shadow:0 8px 30px rgba(0,0,0,.2);color:#ec4899;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;margin-top:20px;padding:14px 32px;transition:all .4s ease;z-index:10}.registerLoginButton:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:transparent;box-shadow:0 15px 50px rgba(251,191,36,.4);color:#fff;-webkit-transform:translateY(-5px) scale(1.08);transform:translateY(-5px) scale(1.08)}.registerButton{background:linear-gradient(135deg,#ec4899,#6366f1);border:none;border-radius:15px;box-shadow:0 10px 35px rgba(99,102,241,.5);color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:17px;font-weight:700;letter-spacing:1.5px;margin-top:30px;padding:18px;text-transform:uppercase;transition:all .4s ease}.registerButton:hover{background:linear-gradient(135deg,#f59e0b,#ec4899);box-shadow:0 15px 50px rgba(99,102,241,.6);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.registerButton:active{-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media screen and (max-width:768px){.registerForm{min-width:340px;padding:2.5rem}.registerTitle{font-size:48px}.registerLoginButton{padding:12px 24px}}.settings{-webkit-animation:fadeIn .8s ease-out;animation:fadeIn .8s ease-out;display:flex;gap:2rem;margin:0 auto;max-width:1400px;padding:2rem}.settingsWrapper{background:#fff;border-radius:24px;box-shadow:0 15px 50px rgba(0,0,0,.1);flex:9 1;padding:2rem}.settingsTitle{align-items:center;border-bottom:3px solid rgba(102,126,234,.2);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.settingsUpdateTitle{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;font-family:Poppins,sans-serif;font-size:32px;font-weight:700}.settingsDeleteTitle{background:hsla(0,88%,68%,.1);border-radius:20px;color:#f56565;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.settingsDeleteTitle:hover{background:#f56565;box-shadow:0 6px 15px hsla(0,88%,68%,.3);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.settingsForm{display:flex;flex-direction:column;gap:1.5rem}.settingsPP{align-items:center;display:flex;gap:20px;margin:1rem 0}.settingsPP>img{border:4px solid #667eea;border-radius:20px;box-shadow:0 8px 20px rgba(102,126,234,.3);height:100px;object-fit:cover;transition:all .3s ease;width:100px}.settingsPP>img:hover{box-shadow:0 12px 30px rgba(118,75,162,.4);-webkit-transform:scale(1.05) rotate(5deg);transform:scale(1.05) rotate(5deg)}.settingsPPIcon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 6px 20px rgba(102,126,234,.3);color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.settingsPPIcon:hover{box-shadow:0 8px 25px rgba(118,75,162,.4);-webkit-transform:scale(1.1) rotate(15deg);transform:scale(1.1) rotate(15deg)}.settingsForm>label{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin-top:10px}.settingsForm>input{background:rgba(102,126,234,.03);border:2px solid rgba(102,126,234,.2);border-radius:12px;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:15px;margin:5px 0;padding:15px 20px;transition:all .3s ease}.settingsForm>input:focus{background:#fff;border-color:#667eea;box-shadow:0 4px 15px rgba(102,126,234,.15);outline:none;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.settingsSubmit{align-self:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 8px 25px rgba(102,126,234,.4);color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;letter-spacing:.5px;margin-top:30px;padding:15px 24px;transition:all .3s ease;width:180px}.settingsSubmit:hover{box-shadow:0 12px 35px rgba(118,75,162,.5);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.settingsSubmit:active{-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media screen and (max-width:1024px){.settings{flex-direction:column}}@media screen and (max-width:768px){.settings{padding:1rem}.settingsWrapper{padding:1.5rem}.settingsTitle{align-items:flex-start;flex-direction:column;gap:1rem}.settingsUpdateTitle{font-size:26px}.settingsPP>img{height:80px;width:80px}}.single{-webkit-animation:fadeIn .8s ease-out;animation:fadeIn .8s ease-out;display:flex;gap:2rem;margin:0 auto;max-width:1400px;padding:2rem}@media screen and (max-width:1024px){.single{flex-direction:column}}@media screen and (max-width:768px){.single{padding:1rem}}.write{align-items:center;-webkit-animation:fadeIn .8s ease-out;animation:fadeIn .8s ease-out;display:flex;flex-direction:column;justify-content:flex-start;min-height:calc(100vh - 75px);padding:2rem}.writeImg{border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,.15);display:block;height:350px;margin-bottom:2rem;max-width:900px;object-fit:cover;transition:all .4s ease;width:100%}.writeImg:hover{box-shadow:0 20px 50px rgba(102,126,234,.25);-webkit-transform:scale(1.02);transform:scale(1.02)}.writeForm{background:#fff;border-radius:24px;box-shadow:0 15px 50px rgba(0,0,0,.1);display:flex;flex-direction:column;max-width:900px;padding:5rem 3rem 3rem;position:relative;width:100%}.writeFormGroup{flex-wrap:nowrap;gap:1rem;margin-bottom:2rem}.writeFormGroup,.writeIcon{align-items:center;display:flex}.writeIcon{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 6px 20px rgba(102,126,234,.3);color:#fff;cursor:pointer;flex-shrink:0;font-size:24px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.writeIcon:hover{box-shadow:0 8px 25px rgba(118,75,162,.4);-webkit-transform:rotate(90deg) scale(1.1);transform:rotate(90deg) scale(1.1)}.writeInput{background:rgba(102,126,234,.05);border:none;border-bottom:3px solid transparent;border-radius:12px;color:var(--text-primary);flex:1 1;font-family:Poppins,sans-serif;font-size:32px;font-weight:600;min-width:0;padding:15px 20px;transition:all .3s ease}.writeInput:focus{background:rgba(102,126,234,.1);border-bottom-color:#667eea;box-shadow:0 4px 15px rgba(102,126,234,.15);outline:none}.writeInput::-webkit-input-placeholder{color:#a0aec0}.writeInput::placeholder{color:#a0aec0}.writeContent{background:rgba(102,126,234,.03);border:2px solid rgba(102,126,234,.2);border-radius:16px;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:18px;line-height:1.8;min-height:400px;padding:20px;resize:vertical;transition:all .3s ease;width:100%}.writeContent:focus{background:#fff;border-color:#667eea;box-shadow:0 6px 20px rgba(102,126,234,.15);outline:none}.writeContent::-webkit-input-placeholder{color:#a0aec0}.writeContent::placeholder{color:#a0aec0}.writeSubmit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 8px 25px rgba(102,126,234,.4);color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;letter-spacing:.5px;padding:14px 32px;position:absolute;right:2rem;top:1.5rem;transition:all .3s ease;z-index:10}.writeSubmit:hover{box-shadow:0 12px 35px rgba(118,75,162,.5);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.writeSubmit:active{-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media screen and (max-width:768px){.write{padding:1rem}.writeForm{padding:4.5rem 1.5rem 1.5rem}.writeImg{height:250px}.writeInput{font-size:20px}.writeContent{font-size:16px;min-height:300px}.writeSubmit{font-size:14px;padding:12px 24px;position:absolute;right:1rem;top:1rem;z-index:10}.writeIcon{font-size:20px;height:45px;width:45px}.writeFormGroup{flex-wrap:wrap}}.about{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);display:flex;justify-content:center;min-height:calc(100vh - 75px);padding:4rem 2rem}.aboutContainer{-webkit-animation:fadeIn 1s ease-out;animation:fadeIn 1s ease-out;background:hsla(0,0%,100%,.98);border-radius:30px;box-shadow:0 25px 80px rgba(0,0,0,.3);max-width:1200px;padding:3rem;width:100%}.aboutHeader{margin-bottom:3rem;text-align:center}.aboutTitle{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;font-family:Poppins,sans-serif;font-size:48px;font-weight:800;letter-spacing:2px}.aboutContent{align-items:flex-start;display:flex;gap:3rem}.aboutImageContainer{border-radius:20px;box-shadow:0 15px 50px rgba(102,126,234,.4);flex-shrink:0;height:300px;overflow:hidden;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:300px}.aboutImageContainer:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.aboutImage{height:100%;object-fit:cover;width:100%}.aboutText{flex:1 1}.aboutName{color:#2c3e50;font-family:Poppins,sans-serif;font-size:32px;font-weight:700;margin-bottom:.5rem}.aboutRole{color:#667eea;font-family:Inter,sans-serif;font-size:20px;font-weight:600}.aboutDescription,.aboutRole{margin-bottom:2rem}.aboutDescription p{color:#34495e;font-family:Inter,sans-serif;font-size:16px;line-height:1.8;margin-bottom:1rem}.aboutSkills{margin-top:2rem}.aboutSkills h4{color:#2c3e50;font-family:Poppins,sans-serif;font-size:20px;font-weight:700;margin-bottom:1rem}.skillTags{display:flex;flex-wrap:wrap;gap:1rem}.skillTag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 4px 15px rgba(102,126,234,.3);color:#fff;font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.skillTag:hover{box-shadow:0 8px 25px rgba(102,126,234,.5);-webkit-transform:translateY(-3px);transform:translateY(-3px)}@media screen and (max-width:968px){.aboutContent{align-items:center;flex-direction:column}.aboutImageContainer{height:250px;width:250px}.aboutText{text-align:center}.aboutTitle{font-size:36px}.aboutName{font-size:28px}.skillTags{justify-content:center}}@media screen and (max-width:640px){.about{padding:2rem 1rem}.aboutContainer{padding:2rem}.aboutTitle{font-size:32px}.aboutImageContainer{height:200px;width:200px}.aboutName{font-size:24px}.aboutRole{font-size:18px}.aboutDescription p{font-size:15px}}.contact{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c 50%,#4facfe);display:flex;justify-content:center;min-height:calc(100vh - 75px);padding:4rem 2rem}.contactContainer{-webkit-animation:fadeIn 1s ease-out;animation:fadeIn 1s ease-out;background:hsla(0,0%,100%,.98);border-radius:30px;box-shadow:0 25px 80px rgba(0,0,0,.3);max-width:1200px;padding:3rem;width:100%}.contactHeader{margin-bottom:3rem;text-align:center}.contactTitle{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#f5576c,#4facfe);-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:48px;font-weight:800;letter-spacing:2px;margin-bottom:1rem}.contactSubtitle{color:#64748b;font-family:Inter,sans-serif;font-size:18px}.contactContent{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:600px;width:100%}.contactForm{gap:1.5rem;width:100%}.contactForm,.formGroup{display:flex;flex-direction:column}.formGroup{gap:.5rem}.formGroup label{color:#2c3e50;font-family:Poppins,sans-serif;font-size:15px;font-weight:700}.contactInput,.contactTextarea{background:rgba(245,87,108,.05);border:2px solid rgba(245,87,108,.2);border-radius:15px;font-family:Inter,sans-serif;font-size:15px;padding:16px 20px;transition:all .3s ease}.contactInput:focus,.contactTextarea:focus{background:#fff;border-color:#f5576c;box-shadow:0 6px 25px rgba(245,87,108,.2);outline:none;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.contactTextarea{min-height:120px;resize:vertical}.contactButton{background:linear-gradient(135deg,#f5576c,#4facfe);border:none;border-radius:15px;box-shadow:0 10px 35px rgba(245,87,108,.4);color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:17px;font-weight:700;letter-spacing:1.5px;padding:18px;text-transform:uppercase;transition:all .4s ease}.contactButton:hover:not(:disabled){box-shadow:0 15px 50px rgba(245,87,108,.5);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.contactButton:disabled{cursor:not-allowed;opacity:.7;-webkit-transform:none;transform:none}.successMessage{background:linear-gradient(135deg,#10b981,#059669)}.errorMessage,.successMessage{-webkit-animation:slideIn .5s ease-out;animation:slideIn .5s ease-out;border-radius:10px;color:#fff;font-family:Inter,sans-serif;font-weight:600;padding:15px 20px;text-align:center}.errorMessage{background:linear-gradient(135deg,#ef4444,#dc2626)}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@media screen and (max-width:968px){.contactTitle{font-size:36px}}@media screen and (max-width:640px){.contact{padding:2rem 1rem}.contactContainer{padding:2rem}.contactTitle{font-size:32px}.contactSubtitle{font-size:16px}.infoCard{padding:1.5rem}}
/*# sourceMappingURL=main.d7a15149.css.map*/