@font-face{font-display:swap;font-family:Agustina Regular;font-style:normal;font-weight:400;src:local("Agustina Regular"),url(/static/media/Agustina.eb0c59dda4cc308cba96.woff) format("woff")}@font-face{font-display:swap;font-family:Montserrat;src:local("Montserrat"),url(/static/media/Montserrat-Regular.3cd786652b8a2e9d41f2.ttf) format("woff")}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:19px/23px Montserrat,sans-serif;margin:0}@media (max-width:1380px){body,html{font-size:rem;line-height:normal}}.App{overflow-x:hidden;text-align:center;width:100%}.App-logo{height:40vmin}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(.625rem + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#09d3ac}.headroom-wrapper{max-height:100px}.dark-menu{background-color:#171c28!important;color:#fff}.dark-menu li a{color:#fff!important}.dark-menu li a:hover{background-color:#55198b!important}.header{background-color:#fff;margin:0 auto;max-width:100%;padding:15px 20px}.header ul{list-style:none;margin:0;overflow:hidden;padding:0}.grey-color{color:#868e96}.header li a{color:#000;display:block;padding:15px 20px;text-decoration:none}.header .menu-btn:hover,.header li a:hover{background-color:#f4f4f4}.header .logo{display:block;flex:none;float:left;font-size:1.5em;line-height:normal;margin-top:10px;text-decoration:none}.header .logo-name{font-feature-settings:"liga","clig off";font-family:Agustina Regular;font-variant-ligatures:no-common-ligatures;-webkit-font-variant-ligatures:no-common-ligatures;font-weight:700;padding:0 10px}.header .menu{clear:both;max-height:0;transition:max-height .2s ease-out}.header .menu-icon{cursor:pointer;display:inline-block;float:right;padding:28px 20px;position:relative;-webkit-user-select:none;user-select:none}.header .menu-icon .navicon{background:#333;display:block;height:2px;position:relative;transition:background .2s ease-out;width:18px}.header .menu-icon .navicon-dark{background:#fff}.header .menu-icon .navicon:after,.header .menu-icon .navicon:before{background:#333;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.header .menu-icon .navicon-dark:after,.header .menu-icon .navicon-dark:before{background:#fff!important;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.header .menu-icon .navicon:before{top:5px}.header .menu-icon .navicon:after{top:-5px}.header .menu-btn{display:none}.header .menu-btn:checked~.menu{max-height:486px}.header .menu-btn:checked~.menu-icon .navicon{background:#0000!important}.header .menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}.header .menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after,.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before{top:0}@media(min-width:48em){.header li{float:left}.header{align-items:center;display:flex;justify-content:space-between}.header .menu{max-height:none}.header .menu-icon{display:none}}@media(max-width:960px)and (min-width:768px){.header{font-size:12px}}.switch{display:inline-block;height:26px;position:relative;width:50px}.switch input{transform:scale(.5)}.slider{background-color:#ccc;cursor:pointer;right:0;top:0}.slider,.slider:before{bottom:0;left:0;position:absolute;transition:.4s}.slider:before{background-color:#fff;content:"";height:26px;width:28px}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:#2196f3}input:checked+.slider:before,input:checked+.slider>.emoji{transform:translateX(26px)}.slider.round{align-items:center;border-radius:34px;display:flex}.slider.round:before{border-radius:50%;display:grid;place-items:center}.slider:after{bottom:17.5%;display:inline;position:absolute;right:9.3%}input:checked+.slider:after{bottom:14.5%;display:inline;position:absolute;right:56.3%}.emoji{align-items:center;display:flex;margin-left:2px;z-index:10}@media (max-width:786px)and (min-width:425px){input:checked+.slider:after{bottom:20.5%;right:60.3%}.slider:after{bottom:22.5%;right:15.3%}}@media (max-width:2560px)and (min-width:1552px){.slider:after{bottom:12.5%!important}}@media (max-width:1552px)and (min-width:1440px){.slider:after{bottom:7.5%!important}}.main{margin:4rem auto 0}.greet-main,.main{padding:20px 10px;width:90%}.greet-main{margin:2rem auto 0}.subTitle{color:#868e96!important}.greeting-main{display:flex}.greeting-main>*{flex:1 1;margin-bottom:30px}.empty-div{margin-bottom:40px}.button-greeting-div{display:flex;margin-top:40px}.download-link-button{text-decoration:none}.greeting-text{color:#000!important;font-size:70px;line-height:1.1}.greeting-text-p{font-size:30px;line-height:40px}.greeting-image-div>img{height:auto;max-width:100%}.wave-emoji{animation-duration:1.8s;animation-iteration-count:infinite;animation-name:wave;display:inline-block;transform-origin:70% 70%}@keyframes wave{0%{transform:rotate(0deg)}10%{transform:rotate(-10deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(9deg)}50%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@media(max-width:1380px){.greeting-text{font-size:50px}.greeting-text-p{font-size:20px}}@media(max-width:768px){.button-greeting-div{justify-content:space-around}.greeting-text{font-size:30px;text-align:center}.greeting-text-p{font-size:16px;line-height:normal;text-align:center}.greeting-main{display:block}.greeting-image-div{height:256px}}@media(max-width:320px){.main{width:auto}}.sk-circle{height:40px;margin:100px auto;position:relative;width:40px}.sk-circle .sk-child{height:100%;left:0;position:absolute;top:0;width:100%}.sk-circle .sk-child:before{animation:sk-circleBounceDelay 1.2s ease-in-out infinite both;background-color:#333;border-radius:100%;content:"";display:block;height:15%;margin:0 auto;width:15%}.sk-circle .sk-circle2{transform:rotate(30deg)}.sk-circle .sk-circle3{transform:rotate(60deg)}.sk-circle .sk-circle4{transform:rotate(90deg)}.sk-circle .sk-circle5{transform:rotate(120deg)}.sk-circle .sk-circle6{transform:rotate(150deg)}.sk-circle .sk-circle7{transform:rotate(180deg)}.sk-circle .sk-circle8{transform:rotate(210deg)}.sk-circle .sk-circle9{transform:rotate(240deg)}.sk-circle .sk-circle10{transform:rotate(270deg)}.sk-circle .sk-circle11{transform:rotate(300deg)}.sk-circle .sk-circle12{transform:rotate(330deg)}.sk-circle .sk-circle2:before{animation-delay:-1.1s}.sk-circle .sk-circle3:before{animation-delay:-1s}.sk-circle .sk-circle4:before{animation-delay:-.9s}.sk-circle .sk-circle5:before{animation-delay:-.8s}.sk-circle .sk-circle6:before{animation-delay:-.7s}.sk-circle .sk-circle7:before{animation-delay:-.6s}.sk-circle .sk-circle8:before{animation-delay:-.5s}.sk-circle .sk-circle9:before{animation-delay:-.4s}.sk-circle .sk-circle10:before{animation-delay:-.3s}.sk-circle .sk-circle11:before{animation-delay:-.2s}.sk-circle .sk-circle12:before{animation-delay:-.1s}@keyframes sk-circleBounceDelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.social-media-div{font-size:2em}.icon-button{margin-bottom:10px}.icon-button i{border-radius:2.6rem;color:#fff;cursor:pointer;display:inline-block;font-size:1.3rem;height:2.6rem;line-height:2.6rem;margin:0 5px 10px;position:relative;text-align:center;transition:.2s ease-in;-webkit-user-select:none;user-select:none;width:2.6rem}.facebook i{background-color:#3b5998}.linkedin i{background-color:#0e76a8}.github i{background-color:#333}.gitlab i{background-color:#fca326}.google i{background-color:#ea4335}.twitter i{background-color:#1da1f2}.medium i{background-color:#000}.stack-overflow i{background-color:#f48024}.kaggle i{background-color:#20beff}.instagram i{background-color:#c13584}.facebook i:hover,.github i:hover,.gitlab i:hover,.google i:hover,.instagram i:hover,.kaggle i:hover,.linkedin i:hover,.medium i:hover,.stack-overflow i:hover,.twitter i:hover{background-color:#000}@media(max-width:768px){.social-media-div{text-align:center}}.main-button{background-color:#55198b;border:1px solid #55198b;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;margin-right:50px;margin-top:20px;padding:13px 22px;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out 0s;width:max-content}.main-button:hover{background-color:#fff;color:#55198b;transform:translateY(-3px);transition:all .3s ease 0s}.project-button{display:flex;justify-content:center;margin-top:20px}.project-button>.main-button{margin-right:0!important}@media(max-width:768px){.main-button{font-size:.938rem;margin-right:0;padding:12px 18px}}@media(max-width:320px){.main-button{font-size:.75rem}}.skills-main-div{display:flex;overflow:hidden;width:100%}.skills-text-div{margin-left:50px}.skills-main-div>*{flex:1 1;margin-bottom:30px}.skills-image-div>img{height:auto;max-width:100%}.skills-heading{font-size:56px;font-weight:400}@media(max-width:1380px){.skills-heading{font-size:40px}}@media(max-width:768px){.skills-heading{font-size:30px;text-align:center}.greeting-text-p{font-size:16px;line-height:normal}.skills-main-div{flex-direction:column}.skills-text-div{margin:20px}.skills-text{font-size:16px}.skills-text-subtitle{font-size:16px;text-align:center}.skills-image-div{order:2}}.dev-icons{font-size:3rem;list-style:none;margin-bottom:0;margin-top:0;padding-left:0;text-align:center}.software-skill-inline{display:inline-block;margin-bottom:20px;margin-right:20px}.software-skill-inline>i{color:#868e96}.software-skill-inline>i:hover{color:#645beb}.software-skill-inline>p{color:#868e96;font-size:10px}.software-skill-inline>i:hover~p{color:#645beb}.meter{background:#f3efef;border-radius:25px;height:20px;position:relative}.meter>span{background-color:#aaa5ff;border-bottom-left-radius:20px;border-bottom-right-radius:6px;border-top-left-radius:20px;border-top-right-radius:6px;display:block;height:100%;overflow:hidden;position:relative}.skill{line-height:3.5vw}.skill-bars{font-size:28px;width:40%}.skills-container{display:flex;margin:2rem auto 0;padding:20px 10px;width:90%}.skills-container>*{flex:1 1;margin-bottom:30px}.skills-image>img{height:auto;margin-left:80px;max-width:90%}@media(max-width:1456px){.skills-bar{line-height:4rem}.skills-image{display:none;order:2}}@media(max-width:768px){.skills-container{flex-direction:column}.skills-bar{line-height:3rem;margin:20px}.skills-image{display:none;order:2}}.experience-cards-div{grid-gap:1rem 1rem;display:grid;gap:1rem 1rem;grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.experience-heading{font-size:56px;font-weight:400}.experience-container{display:flex;margin:2rem auto 0;padding:20px 10px;width:90%}.experience-container>*{flex:1 1}@media(max-width:1380px){.experience-heading{font-size:40px}}@media(max-width:768px){.experience-heading{font-size:30px;text-align:center}}.experience-card{background-color:#fff}.experience-card,.experience-card-dark{border:1px solid hsla(0,0%,83%,.397);border-radius:10px;box-shadow:0 10px 30px -15px #0003;position:relative}.experience-card-dark{background-color:#171c28}.experience-card:hover{box-shadow:0 20px 30px -10px #0003}.experience-banner{align-items:flex-end;background-position:50%;background-repeat:no-repeat;background-size:150%;background:linear-gradient(#000000b3,#00000080);border-radius:10px 10px 0 0;display:flex;-moz-filter:blur(0);-o-filter:blur(0);-ms-filter:blur(0);filter:blur(0);height:11rem;justify-content:center}.experience-blurred_div{background:linear-gradient(#0006,#0003);border-radius:10px 10px 0 0;-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px);height:11rem;left:0;position:absolute;top:0;width:100%}.experience-div-company{align-items:center;background:#0000;display:flex;height:9rem;justify-content:center;left:0;position:absolute;top:0;width:100%}.experience-text-company{color:#fff;font-size:25px;font-weight:700;margin:0;overflow:hidden;padding:1.5rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.experience-roundedimg{border-radius:50%;box-shadow:0 .5rem 1rem #0000004d;height:8rem;left:0;margin-left:auto;margin-right:auto;object-fit:cover;position:absolute;right:0;top:7rem;width:8rem}.experience-text-role{color:#000;font-size:25px;font-weight:700;line-height:normal;margin:0;padding-top:1.5rem;text-align:center}.dark-mode-text{color:#fff!important}.experience-text-date{color:#000;font-size:20px;font-weight:600;margin:0;padding-top:1rem;text-align:center}.experience-text-desc{text-align:center}.experience-text-details{margin-top:2rem;padding:1.5rem}@media(max-width:1380px){.experience-text-role{font-size:22px;padding-top:.5rem}.experience-text-company{font-size:22px}.experience-text-date{font-size:18px}.experience-roundedimg{height:6.5rem;width:6.5rem}}@media(max-width:768px){.experience-text-company,.experience-text-role{font-size:22px}.experience-text-date{font-size:18px}.experience-text-desc{font-size:16px}}.project-title{font-size:52px;font-weight:400;line-height:normal}.startup-project-text img{height:auto;max-width:100%}.repo-cards-div-main{grid-gap:1rem 1rem;display:grid;gap:1rem 1rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}@media(max-width:1380px){.project-title{font-size:40px}}@media(max-width:768px){.project-title{font-size:30px;text-align:center}.repo-cards-div-main{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.project-empty,.project-loading{color:#666;grid-column:1/-1;padding:3rem 0;text-align:center}.project-empty.dark-mode,.project-loading.dark-mode{color:#aaa}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-top-color:#667eea;margin:0 auto 1rem}.project-card-wrapper{margin-bottom:2rem;width:100%}.project-container{padding:10px;width:100%}.project-card{box-shadow:0 10px 30px -15px #0003;overflow:hidden;position:relative;transition:all .3s ease}.project-card:hover{box-shadow:0 20px 30px -15px #0000004d;transform:translateY(-5px)}.project-card-shadow{box-shadow:0 10px 30px -10px #00000026}.project-card-image{height:180px;overflow:hidden;width:100%}.project-card-image img{height:100%;object-fit:cover;width:100%}.project-card-content{padding:1.5rem}.project-title{color:#1a1a1a;font-size:1.3rem;line-height:1.4;margin:0 0 .8rem}.small{color:#555;font-size:.95rem;line-height:1.6;margin-bottom:1rem;min-height:60px}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.project-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.8rem;padding:.25rem .75rem}.project-links{display:flex;gap:1rem}.project-link{color:#667eea;font-size:.9rem;font-weight:500;text-decoration:none;transition:opacity .2s}.project-link:hover{opacity:.8}.go-corner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 10px 0 32px;height:2em;width:2em}.dark-mode.project-card{background-color:#1f1f1f}.small-dark{color:#ddd}.project-title.small-dark{color:#fff}@media screen and (max-width:480px){.project-card-content{padding:1rem}.project-title{font-size:1.1rem}}.card-title{font-size:22px}.card-subtitle{font-size:17px}.project-card{background-color:#fff;border:1px solid hsla(0,0%,83%,.397);border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:1.5rem}.project-card-light{box-shadow:0 10px 30px -15px #0003;transition:all .3s ease}.project-card-dark{box-shadow:0 10px 30px -15px #d9dbdf;transition:all .25s ease}.project-detail{text-align:center}.project-card-light:hover{box-shadow:0 20px 30px -10px #0003}.project-card-dark:hover{box-shadow:0 20px 30px -10px #d9dbdf}.project-image{align-items:center;display:flex;height:250px;justify-content:center;overflow:hidden;position:relative}.projects-container{grid-gap:1rem 1rem;display:grid;gap:1rem 1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project-card-footer span.project-tag{align-items:center;background:#55198b;border-radius:4px;color:#f5f2f4;cursor:pointer;display:inline-flex;font-size:.75rem;height:2em;justify-content:center;line-height:1.5;margin:0 .5rem .5rem 0;padding:0 .75em;transition:.2s ease-in;vertical-align:middle;white-space:nowrap}@media(max-width:768px){.project-subtitle{font-size:16px;text-align:center}}.achievement-heading{font-size:56px;font-weight:400;line-height:normal;margin:0}.achievement-subtitle{margin:0 0 50px;text-transform:uppercase}@media(max-width:1380px){.achievement-heading{font-size:40px}}@media(max-width:768px){.achievement-heading{font-size:30px;text-align:center}.achievement-subtitle{font-size:16px;line-height:normal;text-align:center}}.card-image{height:auto;max-width:100%;width:250px}.card-title{color:#000;font-size:1.375rem;font-weight:700;line-height:24px;margin:15px 0 0}.card-subtitle{color:#666;font-size:1.063rem;line-height:1.5rem}.certificate-card{background-color:#fff;border:1px solid hsla(0,0%,83%,.397);border-radius:10px;box-shadow:0 10px 30px -15px #0003;padding:1.5rem;transition:all .3s ease}.certificate-detail-div{text-align:center}.certificate-card:hover{box-shadow:0 20px 30px -10px #0003}.dark-mode.certificate-card:hover{box-shadow:0 20px 30px -10px #fff3}.certificate-image-div{align-items:center;display:flex;height:250px;justify-content:center;overflow:hidden;position:relative}.achievement-cards-div{grid-gap:1rem 1rem;display:grid;gap:1rem 1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.certificate-card-footer{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.certificate-card-footer span.certificate-tag{align-items:center;background:#55198b;border-radius:4px;color:#f5f2f4;cursor:pointer;display:inline-flex;font-size:.75rem;height:2em;justify-content:center;line-height:1.5;margin:0 .5rem .5rem 0;padding:0 .75em;transition:.2s ease-in;vertical-align:middle;white-space:nowrap}span.certificate-tag:hover{background:#8c43ce}.square{background:#fff;border-radius:4px;box-shadow:0 20px 50px #d9dbdf;height:430px;margin-top:30px;transition:all .3s ease;width:440px}.square:hover{box-shadow:0 20px 40px #0000001a}.blog-header-text{font-size:56px;font-weight:400}.blog-subtitle{text-transform:uppercase}.blog-main-div>*{flex:1 1;margin-bottom:30px}.blog-main-div{display:flex}.blog-image-div>img{height:auto;max-width:100%}.blog-text-div{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}@media(max-width:1380px){.blog-header-text{font-size:40px}}@media(max-width:768px){.blog-header-text{font-size:30px;text-align:center}.blog-subtitle{font-size:16px;line-height:normal;text-align:center}}@media screen and (max-width:480px)and (min-width:300px){.blog-text-div{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.blog-empty,.blog-loading{align-items:center;color:#868e96;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:60px 20px;text-align:center}.blog-empty.dark-mode,.blog-loading.dark-mode{color:#fff;opacity:.7}.blog-empty p,.blog-loading p{font-size:1rem;margin-top:16px}.blog-filter-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border-radius:12px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:40px;padding:20px}.blog-filter-bar.dark-mode{background:#ffffff08}.blog-categories{display:flex;flex-wrap:wrap;gap:10px}.cat-tag{background:#55198b14;border:2px solid #0000;border-radius:30px;color:#555;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 20px;transition:all .3s ease}.cat-tag:hover{background:#55198b26;color:#551a8b}.cat-tag.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.dark-mode .cat-tag{background:#ffffff0d;color:#ccc}.dark-mode .cat-tag:hover{background:#ffffff1a;color:#fff}.dark-mode .cat-tag.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.blog-search{align-items:center;display:flex;position:relative}.blog-search input{background:#fff;border:2px solid #e0e0e0;border-radius:30px;color:#333;font-size:.9rem;outline:none;padding:10px 50px 10px 20px;transition:all .3s ease;width:280px}.blog-search input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.blog-search input.dark-mode{background:#ffffff0d;border-color:#ffffff1a;color:#fff}.blog-search input.dark-mode:focus{border-color:#667eea}.search-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:38px;justify-content:center;position:absolute;right:5px;transition:transform .2s ease;width:38px}.search-btn:hover{transform:scale(1.05)}.blog-pagination{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:50px}.blog-pagination.dark-mode .page-btn,.blog-pagination.dark-mode .page-num{background:#ffffff0d;border-color:#ffffff1a;color:#ccc}.blog-pagination.dark-mode .page-btn:hover:not(:disabled),.blog-pagination.dark-mode .page-num:hover{border-color:#667eea;color:#667eea}.blog-pagination.dark-mode .page-num.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}@media(max-width:768px){.blog-filter-bar{align-items:stretch;flex-direction:column}.blog-categories,.blog-search{justify-content:center}.blog-search input{width:100%}.blog-pagination,.page-numbers{flex-wrap:wrap}.page-numbers{justify-content:center}}.small-dark{color:#fff!important}.blog-card-wrapper{cursor:pointer}.blog-container{background-color:#fff;border-radius:10px;box-shadow:0 0 36px #0000001a;color:#586069;cursor:pointer;height:auto;min-height:200px;overflow:hidden}.blog-card-image{height:180px;overflow:hidden;width:100%}.blog-card-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.blog-card-content{padding-bottom:20px}.blog-title{-webkit-line-clamp:2;color:#262626;font-size:1.375rem;font-weight:700;line-height:24px;margin:20px 20px 14px}.blog-title,.small{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.small{-webkit-line-clamp:3;color:#666;font-size:1.063rem;font-weight:400;line-height:1.5rem;margin:0;padding:0 20px}.blog-card-meta{align-items:center;color:#868e96;display:flex;font-size:.875rem;gap:12px;padding:12px 20px 0}.blog-card-date{color:inherit}.blog-card-category{background-color:#55198b1a;border-radius:12px;color:#55198b;font-size:.75rem;font-weight:500;padding:2px 10px}.dark-mode .blog-card-category{background-color:#8c43ce33;color:#b07dff}.go-corner{align-items:center;background-color:#55198b;border-radius:0 4px 0 32px;display:flex;height:32px;justify-content:center;overflow:hidden;position:absolute;right:0;top:0;width:32px}.go-arrow{color:#fff;font-family:courier,sans;margin-right:-4px;margin-top:-4px}.blog-card{background-color:#0000;border-radius:4px;display:block;height:100%;overflow:hidden;position:relative;text-decoration:none;z-index:0}.blog-card:before{background:#55198b;border-radius:32px;content:"";height:32px;position:absolute;right:-16px;top:-16px;transform:scale(1);transform-origin:50% 50%;transition:transform .4s ease-out;width:32px;z-index:-1}.blog-card:hover:before{transform:scale(30)}.blog-card:hover .small{color:#fffc;transition:all .3s ease-out}.blog-card:hover h3{color:#fff;transition:all .3s ease-out}.blog-card:hover .blog-card-meta{color:#ffffffb3;transition:all .3s ease-out}.blog-card:hover .blog-card-category{background-color:#fff3;color:#fff}.blog-card:hover .blog-card-image img{transform:scale(1.05)}@media (min-width:1405px)and (max-width:1550px),(min-width:925px)and (max-width:1024px),screen and (max-width:480px)and (min-width:300px){.blog-card:hover:before{transform:scale(30)}}@media (min-width:1025px)and (max-width:1404px),(min-width:1551px),screen and (min-width:481px)and (max-width:675px){.blog-card:hover:before{transform:scale(40)}.blog-card:before{transition:transform .45s ease-out}}@media screen and (min-width:675px)and (max-width:860px){.blog-card:hover:before{transform:scale(50)}.blog-card:before{transition:transform .5s ease-out}}@media screen and (min-width:860px)and (max-width:924px){.blog-card:hover:before{transform:scale(60)}.blog-card:before{transition:transform .5s ease-out}}@media screen and (max-width:480px)and (min-width:300px){.blog-title{font-size:1.125rem}.blog-card-image{height:150px}}.blog-card-shadow{box-shadow:1px 0 20px #fff}.resources-header{margin-bottom:40px;text-align:center}.resources-title{font-size:56px;font-weight:400;margin:0 0 16px}.resources-subtitle{margin:0;text-transform:uppercase}.resources-filter-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border-radius:12px;margin-bottom:40px;padding:20px}.resources-filter-bar.dark-mode{background:#ffffff08}.resources-categories{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.res-cat-tag{background:#55198b14;border:2px solid #0000;border-radius:30px;color:#555;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 20px;transition:all .3s ease}.res-cat-tag:hover{background:#55198b26;color:#551a8b}.res-cat-tag.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.dark-mode .res-cat-tag{background:#ffffff0d;color:#ccc}.dark-mode .res-cat-tag:hover{background:#ffffff1a;color:#fff}.dark-mode .res-cat-tag.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.resources-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.resource-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;padding:24px;transition:all .3s ease}.resource-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.resource-card.dark-mode{background:#ffffff08;box-shadow:0 4px 20px #0003}.resource-icon{font-size:48px;margin-bottom:16px}.resource-info{flex:1 1;margin-bottom:16px}.resource-title{color:#1a1a1a;font-size:1.15rem;font-weight:600;line-height:1.4;margin:0 0 8px}.resource-card.dark-mode .resource-title{color:#fff}.resource-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.9rem;line-height:1.6;margin:0 0 16px;overflow:hidden}.resource-card.dark-mode .resource-desc{color:#aaa}.resource-meta{color:#999;display:flex;flex-wrap:wrap;font-size:.8rem;gap:12px}.resource-card.dark-mode .resource-meta{color:#888}.resource-cat{background:#667eea1a;border-radius:12px;color:#667eea;font-size:.75rem;padding:2px 10px}.resource-card.dark-mode .resource-cat{background:#667eea33;color:#a5b4fc}.download-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease;width:100%}.download-btn:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.download-btn:active{transform:translateY(0)}.resources-empty,.resources-loading{align-items:center;color:#868e96;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:60px 20px;text-align:center}.resources-empty.dark-mode,.resources-loading.dark-mode{color:#fff;opacity:.7}.resources-empty p,.resources-loading p{font-size:1rem;margin-top:16px}.resources-pagination{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:50px}.page-btn{padding:10px 20px}.page-numbers{display:flex;gap:8px}.page-num{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#555;cursor:pointer;font-size:.9rem;font-weight:500;height:40px;transition:all .2s ease;width:40px}.page-num:hover{border-color:#667eea;color:#667eea}.page-num.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.resources-pagination.dark-mode .page-btn,.resources-pagination.dark-mode .page-num{background:#ffffff0d;border-color:#ffffff1a;color:#ccc}.resources-pagination.dark-mode .page-btn:hover:not(:disabled),.resources-pagination.dark-mode .page-num:hover{border-color:#667eea;color:#667eea}.resources-pagination.dark-mode .page-num.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}@media(max-width:1380px){.resources-title{font-size:40px}}@media(max-width:768px){.resources-title{font-size:30px;text-align:center}.resources-subtitle{font-size:16px;line-height:normal;text-align:center}.resources-grid{grid-template-columns:1fr}.page-numbers,.resources-pagination{flex-wrap:wrap}.page-numbers{justify-content:center}}@media screen and (max-width:480px)and (min-width:300px){.resources-grid{grid-template-columns:1fr}}.guestbook-header{margin-bottom:40px;text-align:center}.guestbook-title{font-size:56px;font-weight:400;margin:0 0 16px}.guestbook-subtitle{margin:0;text-transform:uppercase}.guestbook-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1.5fr}.guestbook-form-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;height:-moz-fit-content;height:fit-content;padding:30px;position:sticky;top:100px}.guestbook-form-card.dark-mode{background:#ffffff08;box-shadow:0 4px 20px #0003}.form-title{color:#1a1a1a;font-size:1.2rem;font-weight:600;margin:0 0 24px}.dark-mode .form-title{color:#fff}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group{margin-bottom:16px}.form-group label{color:#666;font-size:.85rem;margin-bottom:6px}.dark-mode .form-group label{color:#aaa}.form-group input,.form-group textarea{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#333;font-family:inherit;font-size:.95rem;outline:none;padding:10px 14px;resize:vertical;transition:all .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.dark-mode,.form-group textarea.dark-mode{background:#ffffff0d;border-color:#ffffff1a;color:#fff}.form-group input.dark-mode:focus,.form-group textarea.dark-mode:focus{border-color:#667eea}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:8px;padding:12px 24px;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.submit-btn:disabled{cursor:wait;opacity:.7}.submit-msg{border-radius:8px;font-size:.9rem;margin:10px 0;padding:10px 14px;text-align:center}.submit-msg.success{background:#4caf501a;color:#4caf50}.submit-msg.error{background:#f443361a;color:#f44336}.guestbook-list{display:flex;flex-direction:column}.list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.list-header h3{color:#1a1a1a;font-size:1.2rem;font-weight:600;margin:0}.dark-mode .list-header h3{color:#fff}.msg-count{color:#999;font-size:.9rem}.dark-mode .msg-count{color:#777}.message-item{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;display:flex;gap:16px;margin-bottom:16px;padding:20px;transition:all .3s ease}.message-item:hover{box-shadow:0 4px 20px #0000001a}.message-item.dark-mode{background:#ffffff08;box-shadow:0 2px 12px #0003}.msg-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:600;height:44px;justify-content:center;width:44px}.msg-content{flex:1 1;min-width:0}.msg-header{align-items:center;gap:8px;margin-bottom:8px}.msg-name{color:#1a1a1a;font-size:.95rem;font-weight:600}.dark-mode .msg-name{color:#fff}.msg-time{font-size:.8rem}.dark-mode .msg-time{color:#777}.msg-text{color:#555;font-size:.95rem;line-height:1.7;margin:0 0 12px;word-break:break-word}.dark-mode .msg-text{color:#ccc}.msg-reply{background:#667eea14;border-left:3px solid #667eea;border-radius:0 8px 8px 0;font-size:.9rem;line-height:1.6;padding:10px 14px}.dark-mode .msg-reply{background:#667eea26}.dark-mode .reply-text{color:#ccc}.msg-empty,.msg-loading{align-items:center;color:#868e96;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.msg-empty.dark-mode,.msg-loading.dark-mode{color:#fff;opacity:.7}.msg-empty p,.msg-loading p{font-size:1rem;margin-top:16px}.msg-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px}.msg-pagination.dark-mode .page-btn{background:#ffffff0d;border-color:#ffffff1a;color:#ccc}.msg-pagination.dark-mode .page-btn:hover:not(:disabled){border-color:#667eea;color:#667eea}.msg-pagination.dark-mode .page-info{color:#777}@media(max-width:1380px){.guestbook-title{font-size:40px}}@media(max-width:900px){.guestbook-content{grid-template-columns:1fr}.guestbook-form-card{position:static}}@media(max-width:768px){.guestbook-title{font-size:30px;text-align:center}.guestbook-subtitle{font-size:16px;line-height:normal;text-align:center}.form-row{grid-template-columns:1fr}}@media screen and (max-width:480px)and (min-width:300px){.guestbook-content{grid-template-columns:1fr}}.footer-text{color:#868e96!important;text-align:center}.dark-mode{color:#fff!important}.footer-div{margin-top:2rem;padding-bottom:1rem}.talk-header-title{font-size:56px;font-weight:400;line-height:0px}.talk-cards-div{grid-gap:1rem 1rem;display:grid;gap:1rem 1rem;grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}@media(max-width:768px){.talk-header-title{font-size:30px;text-align:center}.talk-header-subtitle{font-size:16px;line-height:normal;text-align:center}}.container{display:flex;justify-content:center}.rectangle{background:url(/static/media/talksCardBack.73ed1545d58273ba64b0.svg);border-radius:4px;box-shadow:0 20px 50px #d9dbdf;height:300px;margin-top:50px;transition:all .3s ease;width:380px}.rectangle:hover{box-shadow:0 20px 40px #fff}.dark-rectangle{box-shadow:0 0 20px 0}.mask{clip:rect(0,460px,220px,0);border-radius:4px;position:absolute}.talk-card-title{color:#fff;font-size:30px;line-height:normal;margin:25px auto auto;padding:0 0 40px 30px;text-align:left}.talk-card-subtitle,.talk-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.talk-card-subtitle{color:#7f8287;font-size:16px;line-height:18px;margin-top:35px;padding-left:30px;padding-right:30px;text-align:justify}.talk-button{background-color:#55198b;border-radius:3px;color:#fff;cursor:pointer;display:block;font-size:14px;margin-top:20px;padding:10px 18px;text-align:center;text-decoration:none;width:90px}.talk-button:hover{background:#8c43ce}.card-footer-button-div{display:flex;justify-content:space-around}@media(max-width:1380px){.card-title{font-size:25px}}@media(max-width:768px){.mask{-webkit-clip-path:none;clip-path:none;position:relative}.talk-card-title{margin-top:30px}.talk-card-image{width:100%}.talk-button{background-color:#55198b;border-radius:3px;color:#fff;cursor:pointer;display:block;font-size:14px;margin-top:20px;padding:10px 18px;text-align:center;text-decoration:none;transition:.2s ease-in;width:90px}.talk-button:hover{background:#8c43ce}.card-footer-button-div{display:flex;justify-content:space-around}.square{height:auto;padding-bottom:30px;width:100%}}.podcast-header-title{font-size:56px;font-weight:400;line-height:0px}.podcast{width:600px}.podcast-main-div{grid-gap:1rem 1rem;display:grid;gap:1rem 1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.subTitle{color:#868e96}@media(max-width:768px){.podcast-header-title{font-size:30px;text-align:center}.podcast-header-subtitle{font-size:16px;line-height:normal;text-align:center}.podcast{width:300px}.podcast-main-div{text-align:center}}.education-heading{font-size:56px;font-weight:400}.education-section{display:flex;flex-direction:column;margin:2rem auto 0;padding:20px 0;width:90%}.education-section>*{flex:1 1;margin-bottom:30px}.education-card-container{display:flex;flex-direction:column;padding-top:20px}@media(max-width:1380px){.education-card-container{padding-top:0}.education-heading{font-size:40px}.education-text-subtitle{font-size:18px;text-align:center}}@media(max-width:768px){.education-card-container{padding-top:0}.education-heading{font-size:30px;text-align:center}.education-text-subtitle{font-size:16px}}.education-card{display:flex;flex-direction:row}.education-card:hover+.education-card-border{border-color:#a9a7f9;transition:width .6s ease-in-out;width:100%}.education-card-border{border-top:2px solid hsla(0,0%,83%,.397);height:30px;margin-bottom:20px;transition:width .6s ease-in-out;width:80%}.education-head{display:flex;flex-direction:row}.education-text-school{font-size:28px;font-weight:700;height:27px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.education-roundedimg{border-radius:50%;box-shadow:0 .5rem 1rem #0000004d;height:6rem;margin-right:2rem;object-fit:cover;width:6rem}.education-card-right{max-width:70%}.education-text-subHeader{color:#000;font-size:19px;font-weight:700;line-height:normal;margin:0;padding-top:.8rem}.education-text-duration{color:#000;font-size:19px;margin:0;padding-top:.5rem}.education-text-desc{margin-bottom:.5rem;margin-top:.5rem}.education-text-bullets>ul{margin-top:.5rem}@media(max-width:1380px){.education-card{flex-direction:column;padding-bottom:10px}.education-card-right{max-width:90%}.education-card-border{width:90%}.education-text-subHeader{font-size:16px;padding-top:.5rem}.education-text-school{font-size:20px;height:23px}.education-text-duration{font-size:16px}.education-roundedimg{height:4rem;margin-bottom:.5rem;margin-right:0;width:4rem}}@media(max-width:768px){.education-card{text-align:center}.education-card-right{max-width:100%}.education-card-border{width:100%}.education-roundedimg{height:4rem;margin-bottom:1rem;margin-right:0;margin-top:10px;width:4rem}.education-text-bullets>ul{margin:auto;max-width:80%}}#topButton{background-color:#55198b;border:none;border-radius:15px;bottom:20px;color:#fff;cursor:pointer;font-size:25px;outline:none;padding:15px;position:fixed;right:30px;visibility:hidden;z-index:99}#topButton:hover{background-color:#000;transition:all .2s ease-in-out}.centerContent{display:block;margin:0 auto;padding:1.5rem;text-align:center}.tw-main-div{margin-bottom:15px;margin-left:15px;margin-right:15px}.tw-main-div,.twitter-component{padding:1.5rem;width:auto}.timeline-Header-title{font-size:56px;font-weight:100!important}.contact-div-main{display:flex}.dark-mode a{color:#fff}.contact-div-main>*{flex:1 1}.contact-title{font-size:65px;font-weight:400}.contact-detail,.contact-detail-email{color:#868e96;font-size:40px;font-weight:400;margin-top:20px;text-decoration:none}.contact-detail-email:hover,.contact-detail:hover{color:#000;text-shadow:2px 1px 2px #b5b5b5;transition:all .3s}.contact-subtitle{text-transform:uppercase}.contact-text-div{margin-top:1.5rem}.contact-margin-top{margin-top:4rem}.contact-image-div>img{height:auto;margin-left:1.5rem;margin-top:-4rem;max-width:100%}@media(max-width:1380px),(max-width:768px){.contact-title{font-size:56px;font-size:40px;font-weight:400;text-align:center}.contact-subtitle{font-size:16px;line-height:normal;text-align:center}.contact-text-div{margin-top:1.5rem;text-align:center}.contact-detail,.contact-detail-email{font-size:20px}.contact-image-div{display:none}}.splash-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.splash-animation-container{height:50vh}.splash-title-container{font-size:2.5rem;text-decoration:none}.splash-title{font-feature-settings:"liga","clig off";font-family:Agustina Regular,cursive;font-variant-ligatures:no-common-ligatures;-webkit-font-variant-ligatures:no-common-ligatures;font-weight:700;padding:0 20px}.dark-mode{background-color:#171c28;color:#fff;transition:"0.1s"}.blog-detail-page{background-color:#fff;min-height:100vh;padding-bottom:60px;padding-top:80px;transition:background-color .3s ease}.blog-detail-page.dark-mode{background-color:#171c28}.blog-detail-container{margin:0 auto;max-width:800px;padding:0 24px}.back-button{align-items:center;background:#0000;border:2px solid #55198b;border-radius:30px;color:#55198b;cursor:pointer;display:inline-flex;font-size:.938rem;font-weight:500;gap:6px;margin-bottom:30px;padding:10px 20px;transition:all .3s ease}.back-button:hover{background-color:#55198b;color:#fff;transform:translateX(-3px)}.dark-mode .back-button{border-color:#8c43ce;color:#8c43ce}.dark-mode .back-button:hover{background-color:#8c43ce;color:#fff}.blog-detail-article{background-color:#fff;border-radius:12px;box-shadow:0 4px 24px #0000001a;padding:48px}.dark-mode .blog-detail-article{background-color:#ffffff0d;box-shadow:0 4px 24px #0000004d}.blog-detail-header{border-bottom:1px solid hsla(0,0%,83%,.397);margin-bottom:32px;padding-bottom:24px}.dark-mode .blog-detail-header{border-bottom-color:#ffffff1a}.blog-detail-category{background-color:#55198b1a;border-radius:20px;color:#55198b;display:inline-block;font-size:.813rem;font-weight:500;margin-bottom:16px;padding:4px 14px}.dark-mode .blog-detail-category{background-color:#8c43ce33;color:#b07dff}.blog-detail-title{color:#000;font-size:2.25rem;font-weight:700;line-height:1.3;margin:0 0 20px}.dark-mode .blog-detail-title{color:#fff}.blog-detail-meta{color:#868e96;display:flex;flex-wrap:wrap;font-size:.938rem;gap:24px}.dark-mode .blog-detail-meta{color:#fff9}.meta-item{align-items:center;display:flex;gap:6px}.meta-icon{height:18px;width:18px}.blog-detail-cover{border-radius:8px;margin-bottom:32px;overflow:hidden;width:100%}.blog-detail-cover img{display:block;height:auto;max-height:400px;object-fit:cover;width:100%}.blog-detail-content{word-wrap:break-word;color:#000;font-size:1.063rem;line-height:1.8;white-space:pre-wrap}.dark-mode .blog-detail-content{color:#ffffffd9}.blog-detail-content.html-content{white-space:normal}.blog-detail-content.html-content h1,.blog-detail-content.html-content h2,.blog-detail-content.html-content h3,.blog-detail-content.html-content h4{color:#000;line-height:1.4;margin-bottom:16px;margin-top:24px}.dark-mode .blog-detail-content.html-content h1,.dark-mode .blog-detail-content.html-content h2,.dark-mode .blog-detail-content.html-content h3,.dark-mode .blog-detail-content.html-content h4{color:#fff}.blog-detail-content.html-content p{margin-bottom:16px}.blog-detail-content.html-content img{border-radius:6px;height:auto;margin:16px 0;max-width:100%}.blog-detail-content.html-content a{border-bottom:1px solid #55198b;color:#55198b;text-decoration:none}.blog-detail-content.html-content a:hover{border-bottom-color:#8c43ce;color:#8c43ce}.blog-detail-content.html-content code{background-color:#55198b1a;border-radius:4px;font-family:Courier New,monospace;font-size:.938rem;padding:2px 6px}.dark-mode .blog-detail-content.html-content code{background-color:#8c43ce33;color:#e0d0ff}.blog-detail-content.html-content pre{background-color:#f6f8fa;border-radius:6px;margin:16px 0;overflow-x:auto;padding:16px}.dark-mode .blog-detail-content.html-content pre{background-color:#0000004d}.blog-detail-content.html-content pre code{background:none;padding:0}.blog-detail-content.html-content blockquote{border-left:4px solid #55198b;color:#868e96;font-style:italic;margin:16px 0;padding-left:16px}.dark-mode .blog-detail-content.html-content blockquote{color:#fff9}.blog-detail-content.html-content ol,.blog-detail-content.html-content ul{margin-bottom:16px;padding-left:24px}.blog-detail-content.html-content li{margin-bottom:8px}.blog-detail-tags{align-items:center;flex-wrap:wrap;gap:10px;margin-top:30px;padding-top:24px}.blog-detail-tags,.blog-like-section{border-top:1px solid hsla(0,0%,83%,.397);display:flex}.blog-like-section{justify-content:center;margin-top:40px;padding-top:30px}.dark-mode .blog-like-section{border-top-color:#ffffff1a}.like-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:50px;color:#666;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:10px;padding:12px 32px;transition:all .3s ease}.like-btn:hover:not(:disabled){border-color:#ff6b6b;color:#ff6b6b;transform:scale(1.05)}.like-btn.liked{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-color:#0000;color:#fff}.like-btn.loading{cursor:wait;opacity:.7}.like-icon{font-size:1.3rem}.like-count{background:#00000014;border-radius:12px;font-size:.85rem;padding:2px 10px}.like-btn.liked .like-count{background:#fff3}.dark-mode .like-btn{background:#ffffff0d;border-color:#ffffff1a;color:#ccc}.dark-mode .like-btn:hover:not(:disabled){border-color:#ff6b6b;color:#ff6b6b}.dark-mode .like-btn.liked{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-color:#0000;color:#fff}.dark-mode .like-count{background:#ffffff1a}.tags-label{color:#868e96;font-size:.938rem;font-weight:500}.dark-mode .tags-label{color:#fff9}.tag-item{background-color:#55198b14;border-radius:16px;color:#55198b;font-size:.813rem;padding:4px 12px;transition:all .2s ease}.tag-item:hover{background-color:#55198b26}.dark-mode .tag-item{background-color:#8c43ce26;color:#b07dff}.dark-mode .tag-item:hover{background-color:#8c43ce40}.blog-detail-error,.blog-detail-loading{align-items:center;color:#868e96;display:flex;flex-direction:column;justify-content:center;padding:100px 20px;text-align:center}.dark-mode .blog-detail-error,.dark-mode .blog-detail-loading{color:#fff;opacity:.7}.blog-detail-error p,.blog-detail-loading p{font-size:1rem;margin-top:16px}.blog-detail-error h2{color:#000;font-size:1.5rem;margin-bottom:24px}.dark-mode .blog-detail-error h2{color:#fff}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #55198b33;border-radius:50%;border-top-color:#55198b;height:40px;width:40px}.dark-mode .loading-spinner{border-color:#8c43ce #fff3 #fff3}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:768px){.blog-detail-page{padding-bottom:40px;padding-top:70px}.blog-detail-container{padding:0 16px}.blog-detail-article{padding:24px 20px}.blog-detail-title{font-size:1.5rem}.blog-detail-meta{font-size:.875rem;gap:16px}.back-button{font-size:.875rem;margin-bottom:20px;padding:8px 16px}.blog-detail-content{font-size:1rem}}@media(max-width:480px){.blog-detail-title{font-size:1.25rem}.blog-detail-article{padding:20px 16px}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:16px;box-shadow:0 24px 80px #0000004d;max-width:480px;padding:48px 56px;width:100%}.login-header{margin-bottom:36px;text-align:center}.login-header h1{color:#333;font-size:32px;margin:0 0 10px}.login-header p{color:#888;font-size:16px;margin:0}.login-form .form-group{margin-bottom:24px}.login-form .form-group label{color:#555;display:block;font-size:18px!important;font-weight:500;margin-bottom:12px}.login-form .form-group input[type=password],.login-form .form-group input[type=text]{border:2px solid #ddd!important;border-radius:12px!important;box-sizing:border-box;color:#333;font-size:18px!important;height:56px!important;padding:0 20px!important;transition:border-color .3s;width:100%}.login-form .form-group input[type=password]:focus,.login-form .form-group input[type=text]:focus{border-color:#667eea!important;outline:none!important}.login-form .form-group input[type=password]:disabled,.login-form .form-group input[type=text]:disabled{background:#f5f5f5}.login-form .form-group input[type=password]::placeholder,.login-form .form-group input[type=text]::placeholder{color:#aaa;font-size:16px}.login-form .error-msg{background:#fee;border-radius:8px;color:#c33;font-size:14px;margin-bottom:20px;padding:12px 16px}.login-form .login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:500;padding:14px;transition:opacity .3s;width:100%}.login-form .login-btn:hover:not(:disabled){opacity:.9}.login-form .login-btn:disabled{cursor:not-allowed;opacity:.6}.login-footer{margin-top:28px;text-align:center}.login-footer p{color:#aaa;font-size:13px;margin:0}.admin-layout{background:#f5f7fa;display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#2c3e50,#1a252f);bottom:0;color:#fff;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:width .3s ease;width:220px;z-index:100}.sidebar.collapsed{width:60px}.sidebar .sidebar-header{border-bottom:1px solid #ffffff1a;padding:20px}.sidebar .sidebar-header h2{font-size:18px;font-weight:600;margin:0}.sidebar .sidebar-menu{flex:1 1;overflow-y:auto;padding:12px 0}.sidebar .sidebar-menu .menu-item{align-items:center;color:#ffffffb3;cursor:pointer;display:flex;padding:14px 20px;transition:all .2s}.sidebar .sidebar-menu .menu-item:hover{background:#ffffff1a;color:#fff}.sidebar .sidebar-menu .menu-item.active{background:#667eea4d;border-left:3px solid #667eea;color:#fff;padding-left:17px}.sidebar .sidebar-menu .menu-item .menu-icon{font-size:20px;margin-right:12px;text-align:center;width:24px}.sidebar .sidebar-menu .menu-item .menu-label{font-size:15px}.sidebar .sidebar-footer{border-top:1px solid #ffffff1a;padding:12px 0}.sidebar .sidebar-footer .menu-item{align-items:center;color:#ffffffb3;cursor:pointer;display:flex;padding:12px 20px;transition:all .2s}.sidebar .sidebar-footer .menu-item:hover{background:#ff646433;color:#ff6b6b}.sidebar .sidebar-footer .menu-item .menu-icon{font-size:18px;margin-right:12px;text-align:center;width:24px}.sidebar .sidebar-footer .menu-item .menu-label{font-size:14px}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:220px;transition:margin-left .3s ease}.sidebar.collapsed+.main-content{margin-left:60px}.topbar{background:#fff;box-shadow:0 1px 4px #00000014;height:60px;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50}.topbar,.topbar .topbar-left{align-items:center;display:flex}.topbar .topbar-left{gap:16px}.topbar .topbar-left .toggle-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:16px;padding:8px;transition:background .2s}.topbar .topbar-left .toggle-btn:hover{background:#f0f0f0}.topbar .topbar-left .breadcrumb{color:#333;font-size:16px;font-weight:500}.topbar .topbar-right .user-info{align-items:center;display:flex;gap:10px}.topbar .topbar-right .user-info .avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.topbar .topbar-right .user-info .username{color:#333;font-size:14px}.content-area{flex:1 1;overflow-y:auto;padding:24px}.dashboard .page-title{color:#2c3e50;font-size:24px;margin:0 0 8px}.dashboard .page-desc{color:#888;font-size:14px;margin:0 0 24px}.dashboard .stat-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px}.dashboard .stat-card{align-items:center;background:#fff;border-radius:12px;border-top:4px solid #667eea;box-shadow:0 2px 8px #0000000f;display:flex;gap:16px;padding:24px;transition:transform .2s,box-shadow .2s}.dashboard .stat-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.dashboard .stat-card .stat-icon{align-items:center;border-radius:12px;display:flex;font-size:28px;height:56px;justify-content:center;width:56px}.dashboard .stat-card .stat-info .stat-value{color:#2c3e50;font-size:28px;font-weight:700;line-height:1.2}.dashboard .stat-card .stat-info .stat-label{color:#888;font-size:13px;margin-top:4px}.dashboard .chart-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:32px;padding:24px}.dashboard .chart-card h3{color:#2c3e50;font-size:18px;margin:0 0 24px}.dashboard .chart-card .bar-chart{align-items:flex-end;display:flex;height:200px;justify-content:space-around;padding:0 10px}.dashboard .chart-card .bar-item{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:80px}.dashboard .chart-card .bar-wrapper{align-items:flex-end;display:flex;height:160px;justify-content:center;margin-bottom:8px;width:100%}.dashboard .chart-card .bar{align-items:flex-start;border-radius:6px 6px 0 0;display:flex;justify-content:center;min-height:4px;padding-top:4px;position:relative;transition:height .5s ease;width:70%}.dashboard .chart-card .bar-value{color:#fff;font-size:12px;font-weight:600}.dashboard .chart-card .bar-label{color:#888;font-size:12px}.dashboard .quick-actions{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:24px}.dashboard .quick-actions h3{color:#2c3e50;font-size:18px;margin:0 0 20px}.dashboard .quick-actions .action-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.dashboard .quick-actions .action-btn{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:24px 16px;transition:all .2s}.dashboard .quick-actions .action-btn:hover{background:#e9ecef;border-color:#667eea;transform:translateY(-1px)}.dashboard .quick-actions .action-btn .action-icon{font-size:32px}.dashboard .quick-actions .action-btn span:last-child{color:#555;font-size:14px;font-weight:500}.project-management{background:#f9fafb;min-height:100vh;padding:24px}.project-management .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.project-management .page-header h2{color:#2c3e50;font-size:24px;margin:0}.project-management .search-bar{margin-bottom:16px}.project-management .search-bar .search-input{border:1px solid #ddd;border-radius:10px;font-size:16px;max-width:400px;padding:14px 18px;transition:border-color .2s;width:100%}.project-management .search-bar .search-input:focus{border-color:#667eea;outline:none}.project-management .table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.project-management .loading-tip{color:#888;padding:40px;text-align:center}.project-management .data-table{border-collapse:collapse;width:100%}.project-management .data-table th{background:#f8f9fa;border-bottom:1px solid #eee;color:#555;font-size:14px;font-weight:600;padding:16px 20px;text-align:left}.project-management .data-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:15px;padding:16px 20px;vertical-align:middle}.project-management .data-table tr:hover{background:#f9fafb}.project-management .data-table .empty-row{color:#aaa;padding:40px;text-align:center}.project-management .data-table .cover-thumb{border-radius:6px;height:50px;object-fit:cover;width:50px}.project-management .data-table .cover-placeholder{align-items:center;background:#f0f0f0;border-radius:6px;color:#aaa;display:flex;font-size:12px;height:50px;justify-content:center;width:50px}.project-management .data-table .project-title-cell{font-weight:500}.project-management .data-table code{background:#f5f5f5;border-radius:4px;color:#666;font-size:12px;padding:2px 6px}.project-management .status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:3px 10px}.project-management .status-badge.published{background:#e6f7ed;color:#23a55a}.project-management .status-badge.draft{background:#fef3c7;color:#d97706}.project-management .pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px}.project-management .pagination .page-info{color:#666;font-size:14px}.modal-large{max-width:700px}.cover-upload .cover-preview{display:inline-block;position:relative}.cover-upload .cover-preview img{border:1px solid #eee;border-radius:8px;height:120px;object-fit:cover;width:200px}.cover-upload .cover-preview .remove-cover{position:absolute;right:-8px;top:-8px}.cover-upload .upload-placeholder{align-items:center;border:2px dashed #ddd;border-radius:8px;color:#999;cursor:pointer;display:flex;font-size:14px;height:120px;justify-content:center;transition:all .2s;width:200px}.cover-upload .upload-placeholder:hover{border-color:#667eea;color:#667eea}.upload-section{margin-bottom:20px}.upload-section .upload-file-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;padding:10px 20px;transition:opacity .2s}.upload-section .upload-file-btn:hover{opacity:.9}.file-list{display:flex;flex-direction:column;gap:10px}.file-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.file-item .file-icon{font-size:24px}.file-item .file-info{flex:1 1}.file-item .file-info .file-name{color:#333;font-size:14px;font-weight:500}.file-item .file-info .file-meta{color:#888;font-size:12px;margin-top:2px}.blog-management{background:#f9fafb;min-height:100vh;padding:24px}.blog-management .page-header{margin-bottom:20px}.blog-management .page-header h2{color:#2c3e50;font-size:24px;margin:0}.blog-management .tabs-bar{background:#fff;border-bottom:2px solid #e5e7eb;border-radius:12px 12px 0 0;display:flex;gap:8px;margin-bottom:24px;padding:0 16px}.blog-management .tabs-bar .tab-item{color:#6b7280;cursor:pointer;font-size:15px;font-weight:500;margin-bottom:-2px;padding:16px 24px;position:relative;transition:all .2s}.blog-management .tabs-bar .tab-item:hover{color:#667eea}.blog-management .tabs-bar .tab-item.active{color:#667eea;font-weight:600}.blog-management .tabs-bar .tab-item.active:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px 3px 0 0;bottom:-2px;content:"";height:3px;left:0;position:absolute;right:0}.blog-management .tab-content{min-height:400px}.blog-management .card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:28px}.blog-management .card-title{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.blog-management .card-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.blog-management .filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.blog-management .filter-bar .filter-item{align-items:center;display:flex;gap:10px}.blog-management .filter-bar .filter-item label{color:#555;font-size:15px;font-weight:500}.blog-management .filter-bar .search-input{border:1px solid #ddd;border-radius:10px;font-size:15px;padding:12px 16px;transition:border-color .2s;width:280px}.blog-management .filter-bar .search-input:focus{border-color:#667eea;outline:none}.blog-management .filter-bar .search-btn{font-size:15px;padding:12px 24px}.blog-management .filter-bar .filter-select{background:#fff;border:1px solid #ddd;border-radius:10px;cursor:pointer;font-size:15px;min-width:140px;padding:12px 16px;transition:border-color .2s}.blog-management .filter-bar .filter-select:focus{border-color:#667eea;outline:none}.blog-management .table-container{border:1px solid #f0f0f0;border-radius:12px;overflow:hidden}.blog-management .loading-tip{color:#888;padding:40px;text-align:center}.blog-management .data-table{border-collapse:collapse;width:100%}.blog-management .data-table th{background:#f8f9fa;border-bottom:1px solid #eee;color:#555;font-size:14px;font-weight:600;padding:16px 20px;text-align:left}.blog-management .data-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:15px;padding:16px 20px;vertical-align:middle}.blog-management .data-table tr:hover{background:#f9fafb}.blog-management .data-table .empty-row{color:#aaa;padding:40px;text-align:center}.blog-management .data-table .post-title-cell .post-title{color:#2c3e50;font-weight:500;margin-bottom:6px}.blog-management .data-table .post-title-cell .post-tags{display:flex;flex-wrap:wrap;gap:6px}.blog-management .data-table .post-title-cell .post-tag{background:#f0f0ff;border-radius:4px;color:#667eea;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.blog-management .data-table .cat-name-cell{color:#2c3e50;font-weight:500}.blog-management .data-table .slug-code{background:#f3f4f6;border-radius:6px;color:#6b7280;font-family:Consolas,Monaco,monospace;font-size:13px;padding:4px 10px}.blog-management .status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.blog-management .status-badge.published{background:#e6f7ed;color:#23a55a}.blog-management .status-badge.draft{background:#fef3c7;color:#d97706}.blog-management .pin-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:6px;color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:1px;padding:3px 8px}.blog-management .pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px}.blog-management .pagination .page-info{color:#666;font-size:14px}.blog-management .form-row{display:flex;flex-wrap:wrap;gap:32px}.blog-management .form-row .form-group-inline{margin-bottom:0}.blog-management .cover-preview{align-items:flex-start;display:flex;gap:20px}.blog-management .cover-preview .cover-image{background:#f3f4f6;border:1px solid #eee;border-radius:10px;height:150px;overflow:hidden;width:240px}.blog-management .cover-preview .cover-image img{height:100%;object-fit:cover;width:100%}.blog-management .cover-preview .cover-actions{display:flex;flex-direction:column;gap:10px}.blog-management .cover-upload{height:150px}.btn{font-family:inherit}.modal-xlarge{max-width:800px}.form-group .content-textarea{line-height:1.6;min-height:240px}.form-group .checkbox-label{margin-bottom:0}.form-group .checkbox-label input{cursor:pointer}.empty-tip{background:#f9fafb;border-radius:10px;color:#9ca3af;padding:48px 20px}.message-management{padding:24px}.page-header{margin-bottom:24px}.page-header h2{color:#1a1a1a;font-size:1.5rem;margin:0 0 8px}.page-desc{color:#999;font-size:.9rem;margin:0}.empty-state,.loading-state{color:#999;font-size:1rem;padding:60px 20px;text-align:center}.message-list{display:flex;flex-direction:column;gap:16px}.message-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 12px #0000000f;padding:20px;transition:all .2s ease}.message-card:hover{box-shadow:0 4px 20px #0000001a}.message-card.hidden{background:#fafafa;opacity:.6}.msg-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.msg-author{gap:12px}.avatar,.msg-author{align-items:center;display:flex}.avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-weight:600;height:40px;justify-content:center;width:40px}.msg-author>div{display:flex;flex-direction:column;gap:2px}.name{color:#1a1a1a;font-size:.95rem;font-weight:600}.email{color:#999;font-size:.8rem}.msg-meta{align-items:center;display:flex;gap:12px}.msg-time{color:#999;font-size:.85rem}.status-badge{border-radius:12px;font-size:.75rem;font-weight:500;padding:2px 10px}.status-badge.hidden{background:#f5f5f5;color:#999}.msg-content{color:#555;font-size:.95rem;line-height:1.7;margin:0 0 12px}.msg-reply-box{background:#667eea14;border-left:3px solid #667eea;border-radius:0 8px 8px 0;font-size:.9rem;line-height:1.6;margin-bottom:12px;padding:10px 14px}.reply-label{color:#667eea;font-weight:600;margin-right:6px}.reply-text{color:#555}.msg-actions{border-top:1px solid #f0f0f0;display:flex;gap:10px;padding-top:12px}.btn{border:none;border-radius:6px;font-size:.85rem;font-weight:500;padding:6px 16px;transition:all .2s ease}.btn-primary:hover{opacity:.9}.btn-secondary{background:#f5f5f5;color:#666}.btn-secondary:hover{background:#e8e8e8}.btn-danger{background:#fee2e2;color:#dc2626}.btn-danger:hover{background:#fecaca}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:32px}.page-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#555;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 20px;transition:all .2s ease}.page-btn:hover:not(:disabled){border-color:#667eea;color:#667eea}.page-btn:disabled{cursor:not-allowed;opacity:.4}.page-info{color:#999;font-size:.9rem}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:30px;width:90%}.modal-content h3{color:#1a1a1a;font-size:1.2rem;margin:0 0 16px}.reply-original{background:#f9f9f9;border-radius:8px;color:#666;font-size:.9rem;line-height:1.6;margin:0 0 16px;padding:12px 16px}.modal-content textarea{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.95rem;outline:none;padding:12px 14px;resize:vertical;transition:border-color .2s ease;width:100%}.modal-content textarea:focus{border-color:#667eea}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.resource-management{background:#f9fafb;min-height:100vh;padding:24px}.resource-management .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.resource-management .page-header h2{color:#2c3e50;font-size:24px;margin:0}.resource-management .filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.resource-management .filter-bar .filter-item{align-items:center;display:flex;gap:10px}.resource-management .filter-bar .filter-item label{color:#555;font-size:15px;font-weight:500}.resource-management .filter-bar .filter-select{background:#fff;border:1px solid #ddd;border-radius:10px;cursor:pointer;font-size:15px;min-width:160px;padding:12px 16px;transition:border-color .2s}.resource-management .filter-bar .filter-select:focus{border-color:#667eea;outline:none}.resource-management .table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.resource-management .loading-tip{color:#888;padding:40px;text-align:center}.resource-management .data-table{border-collapse:collapse;width:100%}.resource-management .data-table th{background:#f8f9fa;border-bottom:1px solid #eee;color:#555;font-size:14px;font-weight:600;padding:16px 20px;text-align:left}.resource-management .data-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:15px;padding:16px 20px;vertical-align:middle}.resource-management .data-table tr:hover{background:#f9fafb}.resource-management .data-table .empty-row{color:#aaa;padding:40px;text-align:center}.resource-management .data-table .resource-title-cell .resource-title{color:#2c3e50;font-weight:500;margin-bottom:4px}.resource-management .data-table .resource-title-cell .resource-filename{color:#888;font-size:13px}.resource-management .status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:3px 10px}.resource-management .status-badge.published{background:#e6f7ed;color:#23a55a}.resource-management .status-badge.draft{background:#fef3c7;color:#d97706}.resource-management .pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px}.resource-management .pagination .page-info{color:#666;font-size:14px}.modal-large{max-width:600px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group input[type=number],.form-group input[type=text],.form-group textarea{border:1px solid #ddd;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:16px;padding:14px 16px;transition:border-color .2s;width:100%}.form-group input[type=number]:focus,.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-group .form-select{background:#fff;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:16px;padding:14px 16px;transition:border-color .2s;width:100%}.form-group .form-select:focus{border-color:#667eea;outline:none}.form-group .checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:8px}.form-group .checkbox-label input{width:auto}.upload-placeholder{align-items:center;border:2px dashed #ddd;border-radius:10px;box-sizing:border-box;color:#999;cursor:pointer;display:flex;font-size:15px;height:120px;justify-content:center;transition:all .2s;width:100%}.upload-placeholder:hover{background:#f8f9ff;border-color:#667eea;color:#667eea}.file-preview{align-items:center;background:#f8f9fa;border:1px solid #eee;border-radius:10px;display:flex;gap:14px;padding:16px}.file-preview .file-preview-icon{flex-shrink:0;font-size:32px}.file-preview .file-preview-info{flex:1 1;min-width:0}.file-preview .file-preview-info .file-preview-name{color:#333;font-size:15px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview .file-preview-info .file-preview-size{color:#888;font-size:13px}.empty-tip{color:#aaa;font-size:14px;padding:40px;text-align:center}.category-management{background:#f9fafb;min-height:100vh;padding:24px}.category-management .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.category-management .page-header h2{color:#2c3e50;font-size:24px;margin:0}.category-management .table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.category-management .loading-tip{color:#888;padding:40px;text-align:center}.category-management .data-table{border-collapse:collapse;width:100%}.category-management .data-table th{background:#f8f9fa;border-bottom:1px solid #eee;color:#555;font-size:14px;font-weight:600;padding:16px 20px;text-align:left}.category-management .data-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:15px;padding:16px 20px;vertical-align:middle}.category-management .data-table tr:hover{background:#f9fafb}.category-management .data-table .empty-row{color:#aaa;padding:40px;text-align:center}.category-management .data-table .category-name-cell{font-weight:500}.category-management .data-table code{background:#f5f5f5;border-radius:4px;color:#666;font-size:12px;padding:2px 6px}.btn-sm{font-size:14px}.modal{max-width:500px}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-size:15px;font-weight:500;margin-bottom:10px}.form-group input[type=number],.form-group input[type=text]{border:1px solid #ddd;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:16px;padding:14px 16px;transition:border-color .2s;width:100%}.form-group input[type=number]:focus,.form-group input[type=text]:focus{border-color:#667eea;outline:none}.site-settings{background:#f9fafb;min-height:100vh;padding:24px}.site-settings .page-header{margin-bottom:20px}.site-settings .page-header h2{color:#2c3e50;font-size:24px;margin:0}.site-settings .tabs-bar{background:#fff;border-bottom:2px solid #e5e7eb;border-radius:12px 12px 0 0;display:flex;gap:8px;margin-bottom:24px;padding:0 16px}.site-settings .tabs-bar .tab-item{color:#6b7280;cursor:pointer;font-size:15px;font-weight:500;margin-bottom:-2px;padding:16px 24px;position:relative;transition:all .2s}.site-settings .tabs-bar .tab-item:hover{color:#667eea}.site-settings .tabs-bar .tab-item.active{color:#667eea;font-weight:600}.site-settings .tabs-bar .tab-item.active:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px 3px 0 0;bottom:-2px;content:"";height:3px;left:0;position:absolute;right:0}.site-settings .tab-content{min-height:400px}.site-settings .card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:28px}.site-settings .card-title{color:#2c3e50;font-size:18px;font-weight:600}.site-settings .card-header,.site-settings .card-title{border-bottom:1px solid #f0f0f0;margin-bottom:24px;padding-bottom:16px}.site-settings .card-header{align-items:center;display:flex;justify-content:space-between}.site-settings .card-header .card-title{border-bottom:none;margin-bottom:0;padding-bottom:0}.site-settings .form-group{margin-bottom:22px}.site-settings .form-group label{color:#555;display:block;font-size:15px;font-weight:500;margin-bottom:10px}.site-settings .form-group input[type=number],.site-settings .form-group input[type=text],.site-settings .form-group textarea{border:1px solid #ddd;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:16px;padding:14px 16px;transition:border-color .2s;width:100%}.site-settings .form-group input[type=number]:focus,.site-settings .form-group input[type=text]:focus,.site-settings .form-group textarea:focus{border-color:#667eea;outline:none}.site-settings .form-group textarea{min-height:80px;resize:vertical}.site-settings .form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.site-settings .form-actions{border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;margin-top:28px;padding-top:20px}.site-settings .avatar-upload{align-items:flex-start;display:flex;gap:16px}.site-settings .avatar-upload .avatar-preview{position:relative}.site-settings .avatar-upload .avatar-preview img{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;height:100px;object-fit:cover;width:100px}.site-settings .avatar-upload .avatar-preview .remove-avatar{border-radius:12px;font-size:12px;padding:4px 8px;position:absolute;right:-6px;top:-6px}.site-settings .avatar-upload .upload-placeholder{align-items:center;border:2px dashed #ddd;border-radius:50%;box-sizing:border-box;color:#999;cursor:pointer;display:flex;font-size:13px;height:100px;justify-content:center;padding:8px;text-align:center;transition:all .2s;width:100px}.site-settings .avatar-upload .upload-placeholder:hover{border-color:#667eea;color:#667eea}.site-settings .avatar-upload .change-avatar-btn{margin-top:8px}.site-settings .add-item-form{background:#f8f9fa;border-radius:10px;margin-bottom:24px;padding:20px}.site-settings .add-item-form .add-item-title{color:#374151;font-size:15px;font-weight:600;margin-bottom:16px}.site-settings .add-item-form .add-item-row{align-items:flex-end;display:flex;gap:12px}.site-settings .add-item-form .add-item-row .add-item-field{flex:1 1}.site-settings .add-item-form .add-item-row .add-item-field label{color:#6b7280;display:block;font-size:13px;font-weight:500;margin-bottom:8px}.site-settings .add-item-form .add-item-row .add-item-field input{border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 14px;transition:border-color .2s;width:100%}.site-settings .add-item-form .add-item-row .add-item-field input:focus{border-color:#667eea;outline:none}.site-settings .add-item-form .add-item-row .add-item-btn-wrap{flex-shrink:0}.site-settings .list-section .list-section-title{color:#374151;font-size:15px;font-weight:600;margin-bottom:16px}.site-settings .skill-list{display:flex;flex-direction:column;gap:12px}.site-settings .skill-item{align-items:center;background:#f9fafb;border-radius:10px;display:flex;gap:16px;padding:16px 20px;transition:all .2s}.site-settings .skill-item:hover{background:#f3f4f6}.site-settings .skill-item .skill-icon{align-items:center;background:#fff;border-radius:10px;display:flex;flex-shrink:0;font-size:28px;height:44px;justify-content:center;width:44px}.site-settings .skill-item .skill-info{flex:1 1;min-width:0}.site-settings .skill-item .skill-info .skill-name{color:#2c3e50;font-size:15px;font-weight:600;margin-bottom:8px}.site-settings .skill-item .skill-info .skill-bar{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden}.site-settings .skill-item .skill-info .skill-bar .skill-bar-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .3s ease}.site-settings .skill-item .skill-info .skill-level{color:#6b7280;font-size:13px;font-weight:500;margin-top:6px}.site-settings .social-list{display:flex;flex-direction:column;gap:12px}.site-settings .social-item{align-items:center;background:#f9fafb;border-radius:10px;display:flex;gap:16px;padding:16px 20px;transition:all .2s}.site-settings .social-item:hover{background:#f3f4f6}.site-settings .social-item .social-icon{align-items:center;background:#fff;border-radius:10px;display:flex;flex-shrink:0;font-size:26px;height:44px;justify-content:center;width:44px}.site-settings .social-item .social-info{flex:1 1;min-width:0}.site-settings .social-item .social-info .social-name{color:#2c3e50;font-size:15px;font-weight:600;margin-bottom:4px}.site-settings .social-item .social-info .social-url{color:#6b7280;font-size:13px;word-break:break-all}.site-settings .timeline-list{padding-left:28px;position:relative}.site-settings .timeline-list:before{background:#e5e7eb;bottom:8px;content:"";left:9px;position:absolute;top:8px;width:2px}.site-settings .timeline-item{margin-bottom:24px;position:relative}.site-settings .timeline-item:last-child{margin-bottom:0}.site-settings .timeline-item .timeline-dot{background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #667eea;height:14px;left:-28px;position:absolute;top:8px;width:14px;z-index:1}.site-settings .timeline-item .timeline-content{background:#f9fafb;border-radius:10px;padding:18px 20px;transition:all .2s}.site-settings .timeline-item .timeline-content:hover{background:#f3f4f6}.site-settings .timeline-item .timeline-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.site-settings .timeline-item .timeline-title{color:#2c3e50;font-size:16px;font-weight:600}.site-settings .timeline-item .timeline-title .company,.site-settings .timeline-item .timeline-title .school{color:#2c3e50}.site-settings .timeline-item .timeline-title .degree,.site-settings .timeline-item .timeline-title .position{color:#667eea}.site-settings .timeline-item .timeline-title .major{color:#6b7280;font-size:14px;font-weight:500}.site-settings .timeline-item .timeline-title .divider{color:#d1d5db;font-weight:400;margin:0 8px}.site-settings .timeline-item .timeline-actions{display:flex;flex-shrink:0;gap:4px}.site-settings .timeline-item .timeline-date{color:#6b7280;font-size:13px;font-weight:500;margin-bottom:10px}.site-settings .timeline-item .timeline-desc{color:#4b5563;font-size:14px;line-height:1.6;margin-bottom:10px;white-space:pre-wrap}.site-settings .timeline-item .timeline-sort{color:#9ca3af;font-size:12px}.site-settings .loading-tip{color:#888;font-size:15px;padding:60px;text-align:center}.site-settings .empty-tip{background:#f9fafb;border-radius:10px;color:#9ca3af;font-size:14px;padding:48px 20px;text-align:center}.btn{background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:15px;padding:10px 20px;transition:all .2s}.btn:hover:not(:disabled){border-color:#667eea;color:#667eea}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.btn-primary:hover:not(:disabled){color:#fff;opacity:.9}.btn-danger{background:#fff5f5;border-color:#fed7d7;color:#e53e3e}.btn-danger:hover:not(:disabled){background:#fed7d7;color:#c53030}.btn-sm{font-size:13px;padding:6px 12px}.btn-link{background:none;border:none;color:#667eea;padding:4px 8px}.btn-link:hover:not(:disabled){text-decoration:underline}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{animation:modalIn .2s ease;background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:560px;width:100%}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#2c3e50;font-size:18px;margin:0}.modal-close{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:20px;padding:4px 8px;transition:all .2s}.modal-close:hover{background:#f5f5f5;color:#333}.modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.modal-footer{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}
/*# sourceMappingURL=main.fcd74772.css.map*/