:root{--color-primary: rgb(88, 204, 2);--color-primary-background: rgb(31, 68, 0);--color-primary-border: rgb(65, 150, 0);--color-primary-hover: rgb(74, 170, 0);--color-secondary: rgb(60, 77, 255);--color-secondary-hover: rgb(55, 70, 240);--color-danger: rgb(238, 85, 85);--color-danger-border: rgb(119, 0, 16);--color-danger-hover: rgb(233, 56, 56);--color-snow: rgb(255, 255, 255);--color-gray: rgb(82, 101, 109);--color-picked-element: rgb(73, 192, 248);--color-background: rgb(19, 31, 36);--color-background-details: #1b2a2e;--color-background-details-hover: #182529;--color-borders: rgb(55, 70, 79);--color-borders-blue: rgb(63, 133, 167);--color-borders-blue-cosmo: rgb(63, 34, 236);--color-hover: rgb(32, 47, 54);--color-black-shadow: rgba(0, 0, 0, .3);--font-size: 15px;--letter-spacing: 1px;--max-width-container: 1200px;--space-sm: 1rem;--space-md: 2rem;--color-text: #e2e8f0;--color-muted: #94a3b8;--color-accent: #3b82f6;--color-accent-alt: #8b5cf6;--color-bg: #0f172a;--color-bg-alt: #1e293b;--text-font-weight-400: 400;--text-font-weight-500: 500;--text-font-weight-600: 600;--text-font-weight-700: 700;--text-font-size-lg: 1.5rem;--color-footer-border: rgba(255, 255, 255, .1);--color-footer-nav-bg: rgba(15, 23, 42, .9);--color-btn-primary-shadow: rgba(59, 130, 246, .4);--color-btn-secondary-bg: rgba(255, 255, 255, .1);--color-btn-secondary-hover: rgba(255, 255, 255, .2)}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}body{height:100%;min-height:100%;background:var(--color-background);color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;letter-spacing:var(--letter-spacing)}@font-face{font-family:Inter;src:url(../../assets/fonts/Inter-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(../../assets/fonts/Inter-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(../../assets/fonts/Inter-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(../../assets/fonts/Inter-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}.hidden{visibility:hidden}.show{visibility:initial}.remove-from-layout{display:none!important}#spinner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--color-background);z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .25s ease,visibility .25s ease;opacity:1;visibility:visible}#spinner-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.spinner{width:52px;height:52px;border:4px solid var(--color-borders);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;box-shadow:0 0 8px var(--color-primary)}#spinner-overlay p{margin-top:16px;color:var(--color-snow);font-size:var(--font-size);letter-spacing:var(--letter-spacing);font-family:Inter,Segoe UI,sans-serif;text-align:center;opacity:.9}.png{width:32px;height:32px}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:1rem}.skip-link{position:absolute;top:-999px;left:0;background:var(--color-background);color:var(--color-snow);padding:10px 20px;z-index:1000;text-decoration:none}.skip-link:focus{top:0}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}@keyframes swing{0%{transform:rotate(0)}25%{transform:rotate(40deg)}75%{transform:rotate(-40deg)}to{transform:rotate(0)}}.navbar{width:275px;flex-shrink:0;height:100%;background-color:var(--color-background);transition:width .3s ease;z-index:1000}.navbar.collapsed{width:60px}.navbar.collapsed .navbar-text{opacity:0;width:0;overflow:hidden;white-space:nowrap}.flex-navbar{display:flex;flex-direction:column;align-items:center;padding-top:20px}.nav-head{display:flex;align-items:center;justify-content:center}.navbar-toggle.png{width:20px;height:20px;cursor:pointer}.logo{padding:1rem 0 1rem 1rem;width:200px}.logo-small{width:50px;height:50px;display:none;cursor:pointer}.navbar.collapsed .logo-small{display:inline}.navbar.collapsed .logo{display:none}.nav-links{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:20px;width:80%}.navbar-buttons{display:flex;justify-content:flex-start;align-items:center;width:100%;cursor:pointer;padding:10px}#nav-menu>li{width:100%}#nav-menu>li>a{text-decoration:none}.navbar-buttons:hover{background-color:var(--color-hover);border-radius:12px}.navbar-buttons.active{border:2px solid var(--color-borders-blue);background-color:var(--color-hover);border-radius:12px}.navbar.collapsed .navbar-buttons{justify-content:center;gap:0;padding-left:0;padding-right:0}.navbar.collapsed #auth-buttons{display:none}.navbar-icons{margin-right:20px;margin-left:6px}.navbar.collapsed .navbar-icons{margin-right:0;margin-left:0}.navbar-text{color:var(--color-snow);text-decoration:none;font-size:var(--font-size);font-weight:700;letter-spacing:var(--letter-spacing);text-transform:uppercase}.navbar-text.active{color:var(--color-picked-element)}.user-avatar{border-radius:50%}.layout{display:flex;min-height:100vh}.main-page-container{display:flex;padding:0 1rem;width:100%;margin-top:2rem;min-height:100vh}#view-container{flex-grow:1;border-left:2px solid var(--color-borders);min-height:100vh;display:flex;flex-direction:column}@media (max-width: 768px){.main-page-container{margin-left:0;margin-top:60px;min-width:auto;width:100%;flex-direction:column;align-items:stretch;padding:0 .5rem;min-height:100vh}#view-container{min-height:100vh}}@media (max-width: 480px){.main-page-container{margin-top:40px;padding:.25rem;min-height:100vh}#view-container{min-height:100vh}}.fade-in{animation:fadeInUp 1s ease forwards}.section{margin-bottom:2rem}.home-container{display:flex;flex-direction:column;gap:2rem;margin-top:2rem;padding:2rem}.home-title{font-size:3rem;font-weight:700;color:var(--color-primary);text-align:center;outline:none}.home-text{color:var(--color-snow);font-size:1.1rem;margin:1rem auto 2rem;max-width:1200px;text-align:center}.home-buttons{display:flex;justify-content:center;gap:2rem}.emoji{display:inline-block;background:none;-webkit-background-clip:initial;-webkit-text-fill-color:initial;background-clip:initial;transition:transform .3s ease}.emoji:hover{animation:swing 3s ease-in-out infinite;animation-fill-mode:both}.latest-articles{margin:1rem}.latest-articles h1{text-align:center}.home-section-title{margin-bottom:1rem;color:var(--color-secondary);text-align:center}.more-me{display:flex;flex-direction:column;align-items:center}.site-information{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:2rem;font-size:1rem;font-weight:700;line-height:1rem;color:var(--color-gray);padding:.3rem}.site-information>button{background:none;border:none;color:var(--color-gray);font-size:1rem;font-weight:700;cursor:pointer;transition:.3s;padding:0}.site-information>button:hover{color:var(--color-secondary);cursor:pointer}.icons-from{display:flex;align-items:center;justify-content:center;gap:1rem}.star-icon{transition:.3s}section[aria-labelledby=more-about-title]{display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.home-buttons{flex-direction:column;align-items:center}.home-title{font-size:2rem}.subtitle{font-size:.9rem}}.about-container{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%;margin:0 auto;padding:0 1rem}.about-title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}.profile-img{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:1rem;border:2px solid var(--color-primary)}.about-title{font-size:1.3rem;font-weight:700;color:var(--color-primary);text-align:center}.two-column{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:0 2rem}#about-overview .png{width:50px;height:50px}.content-card{background:var(--color-background-details);border-radius:2rem;padding:2rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;box-shadow:0 20px 40px var(--color-black-shadow)}.content-card:hover{transform:translateY(-10px)}.content-card h3{font-size:clamp(1.2rem,2.5vw,2rem);font-weight:700;margin-bottom:1.5rem;color:var(--color-secondary);display:flex;align-items:center;gap:1rem}.content-card p{color:var(--color-snow);opacity:.7;line-height:1.8;margin-bottom:1.5rem}#experience-list{margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.experience-item{max-width:1300px;background-color:var(--color-background-details);border:1px solid var(--color-borders);border-radius:1rem;overflow:hidden;transition:all .3s ease}.experience-item:hover{border-color:var(--color-primary)}.experience-header{display:flex;align-items:center;justify-content:space-between;padding:25px 30px;cursor:pointer}.experience-left{display:flex;align-items:center;gap:1.5rem;flex:1}.experience-icon{width:50px;height:50px;background-color:var(--color-hover);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.experience-info{flex:1}.experience-title{font-size:1.2em;color:var(--color-snow);font-weight:600;margin-bottom:5px}.experience-period{color:var(--color-gray);font-size:.9em}.experience-right{display:flex;align-items:center;gap:15px}.expand-icon{color:var(--color-primary);transition:transform .3s ease;font-size:1.2em}.experience-item.expanded .expand-icon{transform:rotate(180deg)}.experience-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.experience-item.expanded .experience-content{max-height:2000px;padding:0 30px 25px}.experience-description{color:var(--color-snow);opacity:.7;line-height:1.8;padding-left:70px}.sub-experiences{margin-top:25px;display:flex;flex-direction:column;gap:1rem}.sub-experience-item{background-color:var(--color-background-details);border:1px solid var(--color-borders);border-radius:1rem;padding:1.5rem;margin-left:4rem}.sub-experience-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.8rem}.sub-experience-icon{width:40px;height:40px;background-color:var(--color-hover);border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.2em}.sub-experience-info{flex:1}.sub-experience-title{color:var(--color-snow);font-size:1.05em;font-weight:600;margin-bottom:5px}.sub-experience-period{color:var(--color-gray);font-size:.85em}.sub-experience-description{color:var(--color-snow);opacity:.7;line-height:1.7;margin-bottom:15px;font-size:.95em}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background-color:var(--color-background-details);border:1px solid var(--color-borders);color:var(--color-snow);padding:.5rem .7rem;border-radius:.4rem;transition:all .2s ease;display:flex;gap:.3rem}.tech-tag:hover{border-color:var(--color-secondary);background-color:var(--color-hover)}.tech-icon-exp{width:20px;height:20px}.section-title{text-align:center;font-size:clamp(1.4rem,3vw,2rem);color:var(--color-primary);margin-bottom:1rem}#about-skills p{color:var(--color-snow);font-size:1.1rem;margin:1rem auto 2rem;max-width:1200px;text-align:center}.tech-grid{margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:2rem;padding:1.3rem}.tech-item{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.3rem;background-color:var(--color-background-details);border:1px solid var(--color-borders);border-radius:1rem;transition:all .3s ease}.tech-item:hover{border-color:var(--color-primary);transform:translateY(-5px);background-color:var(--color-background-details-hover)}.tech-icon{font-size:3rem;width:70px;height:70px;display:flex;align-items:center;justify-content:center}.tech-name{color:var(--color-snow);font-size:.95rem;text-align:center;font-weight:500}.contact-options{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1rem 0}.contact-link{display:inline-flex;align-items:center}.contact-icon{width:2rem;height:2rem;margin-right:8px;color:var(--color-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.about-title{font-size:1rem;padding:1rem}.two-column{margin:0;grid-template-columns:1fr}.content-card{padding:1.2rem}.content-card h3{font-size:clamp(1.1rem,4vw,1.6rem)}#about-overview .png{width:30px;height:30px}.content-card p{font-size:clamp(.7rem,4vw,.95rem);padding:1rem}.section-title{font-size:clamp(1.2rem,4vw,1.5rem)}.experience-item{max-width:100%}.experience-header{padding:15px 20px}.experience-description{padding-left:0}.sub-experience-item{margin-left:0;padding:1rem}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem}.tech-icon{font-size:2rem;width:40px;height:40px}.tech-name{font-size:clamp(.7rem,2vw,.9rem)}}.login-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;color:var(--color-text);font-size:1.2rem;gap:1.5rem}.spinner{width:48px;height:48px;border:5px solid var(--color-muted);border-top:5px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.projects-container{display:flex;flex-direction:column;padding:0 2rem;align-items:center}.projects-header{text-align:center;margin-bottom:2rem}.projects-title{font-size:3rem;font-weight:700;color:var(--color-primary);margin-bottom:1rem;letter-spacing:var(--letter-spacing)}.projects-subtitle{font-size:1.2rem;max-width:75%;margin:0 auto;color:var(--color-snow);letter-spacing:var(--letter-spacing)}#projects-overview{min-width:90%}#load-more.btn-green{padding:1rem 2rem;margin-top:3rem;width:25%}#load-more.loading{position:relative;color:transparent!important;pointer-events:none}#load-more.loading:after{content:"";position:absolute;top:50%;left:50%;width:1.2rem;height:1.2rem;border:3px solid var(--color-snow);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media (max-width: 768px){.projects-title{font-size:2rem}.project-actions{flex-direction:column;gap:.5rem}.project-btn{width:100%;justify-content:center}}.article-creation-container{display:flex;gap:20px;justify-content:space-evenly;align-items:flex-start}#article-form{flex:1;margin:1rem}#wip-article{min-width:400px;max-width:600px}.wip-container{display:flex;flex-direction:column;gap:10px;align-items:center}.article-description{margin-top:20px}.article-metadata{display:flex;align-items:center;gap:1rem}.articles-wip-section{padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.article-wip-box{box-shadow:0 20px 40px var(--color-black-shadow);background-color:var(--color-background-details);border-radius:1.5rem;margin:.5rem;transition:transform .5s;min-width:250px;display:flex;align-items:center;padding:.5rem;cursor:pointer}.article-wip-icon{width:50px;height:50px;border-radius:1rem;background:linear-gradient(45deg,var(--color-primary),var(--color-primary-background));display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;margin:1rem}.wip-header-box{display:flex;justify-content:space-between;align-items:center}.wip-title{margin-top:1rem;font-size:1rem;color:var(--color-snow);letter-spacing:var(--letter-spacing)}.green-line{border:1px solid var(--color-primary);border-radius:2rem;margin:1px 1rem 1px 0}.description-paragraph{font-size:.8rem;color:var(--color-snow);letter-spacing:var(--letter-spacing);margin-top:.5rem}.wip-article-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--color-snow);margin:.5rem 0 .3rem;letter-spacing:var(--letter-spacing)}.article-type{background-color:var(--color-secondary);padding:.2rem .6rem;border-radius:.5rem}.article-date{opacity:.5}.article-wip-box:hover .delete-btn{opacity:1;transform:scale(1)}.confirmation-header{color:var(--color-snow);letter-spacing:var(--letter-spacing);font-size:1.5rem;border-bottom:2px solid var(--color-primary);margin-bottom:1rem}.confirmation-text{color:var(--color-snow);letter-spacing:var(--letter-spacing);font-size:1rem;margin-bottom:1rem}.conf-buttons{display:flex;justify-content:flex-end;align-items:center;gap:1rem}.modal-conf-title{color:var(--color-primary);text-align:center}.nanomd-wrapper{box-shadow:0 20px 40px var(--color-black-shadow);border-radius:1.5rem;overflow:hidden;margin-top:1rem;gap:10px;margin-bottom:1.5rem;max-width:100%}#nanomd-editor.pd-md-editor{background-color:var(--color-background-details);overflow:hidden}#nanomd-editor>div[data-index]{font-size:1.25rem;font-weight:500;letter-spacing:var(--letter-spacing)}#nanomd-editor .input-button{display:flex;justify-content:space-evenly;padding:.5rem;background:var(--color-background-details);overflow:hidden;border-bottom:1px solid var(--color-primary);z-index:1}.pd-md-editor[data-row="1"]:before{position:relative!important}.pd-md-editor>div[data-last="1"]:empty:after{position:relative!important;top:auto!important;left:auto!important}#nanomd-editor .input-button .material-symbols-outlined{color:var(--color-primary)}.article-description>textarea{resize:none;width:100%;height:100px;box-shadow:0 20px 40px var(--color-black-shadow);border-radius:1.5rem;border:none;background-color:var(--color-background-details);color:var(--color-snow);line-height:1.5rem;font-size:1.2rem;font-weight:500;padding:10px;font-family:Inter;letter-spacing:var(--letter-spacing)}.article-description>textarea:focus{outline:none}.article-description>textarea::placeholder{color:var(--color-snow);opacity:.4}.form-actions{display:flex;gap:10px;padding:1rem}#article-preview-content.modal-content{width:1000px;background-color:var(--color-background-details);border-radius:2rem;border:1px solid var(--color-gray);color:var(--color-snow);line-height:2rem;font-size:1rem;font-weight:500;letter-spacing:var(--letter-spacing);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}#article-preview-content.modal-content::-webkit-scrollbar{display:none}#article-preview-content h1,#article-preview-content h2,#article-preview-content h3,#article-preview-content h4,#article-preview-content h5,#article-preview-content h6{text-align:left}.article-wip-box:hover{transform:translateY(-5px);box-shadow:0 0 .5rem 0 var(--color-primary)}.article-wip-box.active{box-shadow:0 0 .5rem 0 var(--color-primary);border-color:var(--color-primary);transform:scale(1.02) translateY(-5px);pointer-events:none}.article-wip-box.active .delete-btn{display:none!important}.custom-dropdown{position:relative;background:linear-gradient(45deg,var(--color-primary),var(--color-primary-background));border-radius:1rem;cursor:pointer;font-size:1.5rem;text-align:center}.custom-dropdown .selected{padding:.5rem}.custom-dropdown .options{display:none;position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:var(--color-background-details);border-radius:1rem;overflow:hidden;z-index:10}.custom-dropdown.open .options{display:block}.option{padding:.5rem;transition:background .4s}.option:hover{background:var(--color-hover)}.title{min-height:55px;min-width:420px;outline:none;border:none;box-shadow:0 20px 40px var(--color-black-shadow);border-radius:1rem;background-color:var(--color-background-details);padding:.5rem;font-size:1rem;font-weight:700;line-height:1.5rem;letter-spacing:var(--letter-spacing);color:var(--color-snow)}.title:focus{border-color:var(--color-primary)}.categories{background:var(--color-background-details);box-shadow:0 20px 40px var(--color-black-shadow);width:200px;letter-spacing:var(--letter-spacing);font-weight:700;font-size:1rem;padding:.5rem}.profile-flex-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:0 2rem}.account-info{display:flex;margin:0 auto;gap:1rem;padding:1rem;border-bottom:2px solid var(--color-primary)}.avatar-box{width:180px;height:180px;margin:0 auto}.cover{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--color-primary)}.profile-name{font-size:1.8rem;line-height:2rem;margin:2rem 0 1rem;font-weight:700;text-align:initial;color:var(--color-snow)}.user-email{color:var(--color-gray);font-size:1rem;font-weight:500;line-height:1.3rem}.extra-details{display:flex;gap:2rem;align-items:center;width:100%}.extra-details>p{color:var(--color-snow);line-height:2rem;margin-top:10px}.role-badge{margin-top:.5rem;display:flex;align-items:center;justify-content:center;padding:0 1rem;border-radius:1rem;text-decoration:none;height:2rem;font-size:1rem;letter-spacing:var(--letter-spacing);text-transform:uppercase;font-weight:700;background-color:var(--color-primary-background);color:var(--color-primary);text-align:center}.profile-container>h2{color:var(--color-snow);font-size:24px;line-height:26px;margin:0 0 25px;font-weight:700}.profile-buttons-box{display:flex;justify-content:space-around;align-items:center;gap:2rem;padding:2rem;margin-top:1rem;border-bottom:1px solid var(--color-primary)}#preferred-articles{margin:0 auto;display:flex;flex-direction:column;align-items:center;width:100%}.liked-title{padding-left:2rem;display:flex;justify-content:flex-start;align-items:center;gap:.5rem;margin:1rem 0}.liked-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(max(300px,100%/4),1fr));gap:2rem;width:100%}.modal-content.info{border:1px solid var(--color-gray);border-radius:2rem;text-align:center}#preferred-articles>.btn{margin-top:2rem}#info-header.confirmation-header{color:var(--color-primary);font-size:2rem;font-weight:700}@media (max-width: 768px){.account-info{flex-direction:column}.profile-name{font-size:1.3rem;text-align:center}.profile-buttons-box{flex-direction:column;gap:1rem;width:100%;border:none}.profile-buttons-box>.btn{width:100%}.extra-details{flex-direction:column}.liked-title{font-size:.8rem}}.finance-container{display:flex;flex-direction:column;padding:0 2rem;align-items:center}.finance-header{text-align:center;margin-bottom:2rem}.finance-title{font-size:3rem;font-weight:700;color:var(--color-primary);margin-bottom:1rem;letter-spacing:var(--letter-spacing)}.finance-subtitle{font-size:1.2rem;max-width:75%;margin:0 auto;color:var(--color-snow);letter-spacing:var(--letter-spacing)}#finance-overview{width:90%}@media (max-width: 768px){.finance-title{font-size:2rem}}.article-page-container{display:flex;flex-direction:column;padding:2rem;max-width:1100px;margin:0 auto;animation:fadeIn .5s ease-in-out}.article-page-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--color-primary)}#article-page-title{font-size:2.5rem;margin:0;margin-bottom:.5rem;color:var(--color-text);word-break:break-word}.article-page-date{display:block;font-size:1rem;color:var(--color-text-secondary)}.article-page-options{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.btn.article-page{width:auto;flex-shrink:0;min-width:80px}.article-page-body{line-height:1.8;color:var(--color-text);word-break:break-word;margin-bottom:3rem}.article-page-body h1,.article-page-body h2,.article-page-body h3,.article-page-body h4,.article-page-body h5,.article-page-body h6{margin:1.5rem 0 .5rem;color:var(--color-text);font-weight:600}.article-page-body h1{font-size:2rem;border-bottom:1px solid var(--color-primary);padding-bottom:.5rem}.article-page-body h2{font-size:1.75rem}.article-page-body h3{font-size:1.5rem}.article-page-body h4,.article-page-body h5,.article-page-body h6{font-size:1.25rem}.article-page-body p{margin:1rem 0;text-align:justify}.article-page-body strong{font-weight:600;color:var(--color-primary)}.article-page-body em{font-style:italic;color:var(--color-text-secondary)}.article-page-body code{background-color:var(--color-background-code);padding:.2rem .4rem;border-radius:.25rem;font-family:Courier New,Courier,monospace;font-size:.9em;color:var(--color-code)}.article-page-body pre{background-color:var(--color-background-code);padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1rem 0}.article-page-body pre code{padding:0;background-color:transparent;color:var(--color-code)}.article-page-body blockquote{border-left:4px solid var(--color-primary);padding:1rem;margin:1rem 0;background-color:var(--color-background-secondary);border-radius:.25rem;font-style:italic;color:var(--color-text-secondary)}.article-page-body ul,.article-page-body ol{margin:1rem 0;padding-left:2rem}.article-page-body li{margin:.5rem 0}.article-page-body a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}.article-page-body a:hover{border-bottom-color:var(--color-primary)}.article-page-body img{max-width:100%;height:auto;border-radius:.5rem;margin:1rem 0;box-shadow:0 4px 8px var(--color-black-shadow)}.article-page-body table{width:100%;border-collapse:collapse;margin:1rem 0}.article-page-body table thead{background-color:var(--color-background-secondary)}.article-page-body table th,.article-page-body table td{padding:.75rem;border:1px solid var(--color-border);text-align:left}.article-page-body table th{font-weight:600;color:var(--color-text)}.article-page-body hr{margin:2rem 0;border:none;border-top:2px solid var(--color-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.article-page-container{padding:1rem}#article-page-title{font-size:1.75rem}.article-page-header{flex-direction:column;align-items:flex-start}.article-page-options{width:100%;flex-direction:column}.btn.article-page{width:100%}.article-page-body h1{font-size:1.5rem}.article-page-body h2{font-size:1.3rem}.article-page-body h3{font-size:1.1rem}.article-page-body table{font-size:.9rem}.article-page-body table th,.article-page-body table td{padding:.5rem}}.btn{padding:.75rem 1.5rem;border-radius:1rem;text-decoration:none;cursor:pointer;border-width:0 0 4px 0;border-style:solid;font-size:var(--font-size);letter-spacing:var(--letter-spacing);text-transform:uppercase;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.btn:active{border-bottom-width:0;transform:translateY(2px)}#auth-buttons{margin-top:50px}.btn-blue{background-color:var(--color-secondary);color:var(--color-snow);border-color:var(--color-borders-blue-cosmo)}.btn-blue:hover{background-color:var(--color-secondary-hover);transform:translateY(-2px)}.btn-blue:active{background-color:var(--color-secondary)}.btn-danger{background-color:var(--color-danger);border-color:var(--color-danger-border);color:var(--color-snow)}.btn-danger:hover{background-color:var(--color-danger-hover);transform:translateY(-2px)}.btn-danger:active{background-color:var(--color-danger)}.btn-green{background-color:var(--color-primary);color:var(--color-snow);border-color:var(--color-primary-border)}.btn-green:hover{background-color:var(--color-primary-hover);transform:translateY(-2px)}.btn-green:active{background-color:var(--color-primary)}.btn-neutral{background-color:var(--color-background-details);color:var(--color-snow);border-color:var(--color-borders)}.btn-neutral:hover{background-color:var(--color-background-details-hover);transform:translateY(-2px)}.btn-neutral:active{background-color:var(--color-background-details)}.delete-btn{background:none;border:none;color:var(--color-danger);font-size:1.2rem;cursor:pointer;opacity:0;transform:scale(.8);transition:opacity .2s ease,transform .2s ease}.delete-btn:hover{color:var(--color-danger-hover);transform:scale(1.2)}.edit-button{background:none;border:none;color:var(--color-danger);font-size:1.2rem;cursor:pointer;transform:scale(.8);transition:opacity .2s ease,transform .2s ease}.edit-button:hover{color:var(--color-danger-hover);transform:scale(1.2)}.btn-icon{background:none;border:none;cursor:pointer;font-size:1.5rem;color:var(--color-snow);display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.5rem;transition:background-color .2s ease,color .2s ease}.oauth-buttons{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.btn-oauth{width:100%;padding:16px 20px;font-weight:600;font-size:var(--font-size);border:2px solid transparent;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-oauth:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.btn-oauth:hover:before{left:100%}.btn-oauth:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.btn-oauth:active{transform:translateY(0)}.btn-oauth .icon{background:transparent;width:auto;height:auto;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.btn-google{background:#fff;color:#1f2937;border-color:#e5e7eb;box-shadow:0 2px 4px #0000001a}.btn-google:hover{border-color:#d1d5db;box-shadow:0 8px 24px #00000026}.btn-github{background:#24292e;color:#fff}.btn-github:hover{background:#2f363d}.card{position:relative;background:var(--color-background-details);border-radius:2rem;padding:2rem;box-shadow:0 20px 40px var(--color-black-shadow);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;opacity:0;transform:translateY(10px);transition:opacity 1s ease,transform .5s ease}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(max(300px,100%/4),1fr));gap:2rem;margin-bottom:1rem}.card.visible{opacity:1;transform:translateY(0)}.card:hover{transform:translateY(-8px);background:var(--color-background-details-hover);box-shadow:0 0 1rem 0 var(--color-primary-border)}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.card-icon{width:50px;height:50px;border-radius:1rem;background:linear-gradient(45deg,var(--color-primary),var(--color-primary-background));display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.card-info h3{font-size:1.5rem;font-weight:600;color:var(--color-snow);letter-spacing:var(--letter-spacing);margin-bottom:.5rem}.card-date{font-size:1rem;opacity:.4;letter-spacing:var(--letter-spacing)}.card-description{color:var(--color-snow);opacity:.7;margin-bottom:1.5rem;line-height:1.6;letter-spacing:var(--letter-spacing)}.card-stretched-link{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-align:left;outline:none}.card-stretched-link:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.card-stretched-link:focus-visible:after{outline:2px solid var(--primary-color);outline-offset:4px;border-radius:8px}@media (max-width: 768px){.card-grid{grid-template-columns:1fr}}.toast{position:fixed;top:5rem;left:50%;transform:translate(-50%);padding:1rem 2rem;border-radius:1rem;box-shadow:0 0 2rem 0 var(--color-snow);z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none;max-width:500px;text-align:center}.toast-show{font-family:Inter;font-weight:500;font-size:1.5rem;opacity:1;visibility:visible;pointer-events:auto;color:var(--color-snow)}.toast-success{background-color:var(--color-primary)}.toast-error{background-color:var(--color-danger)}.toast-default{background-color:var(--color-gray)}.modal-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:fixed;top:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2000}.visibility{z-index:2100}.modal-container.show{opacity:1;visibility:visible;pointer-events:auto}.modal{width:100%;max-width:700px;border-radius:2rem;transform:translateY(20px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;background-color:var(--color-background-details-hover);box-shadow:0 20px 40px var(--color-black-shadow)}.modal-container.show .modal{transform:translateY(0) scale(1)}.login{max-width:400px;box-shadow:0 20px 40px var(--color-black-shadow)}.modal-header{padding:32px 32px 24px;text-align:center;background:var(--color-background-details-hover);color:var(--color-snow);font-size:var(--font-size);letter-spacing:var(--letter-spacing)}.modal-header h2{font-size:24px;font-weight:700}.modal-header p{margin-top:10px}.modal-content{padding:2rem}.modal.large{max-width:1000px;width:90%;height:auto;max-height:90vh}.modal-confirmation{border:1px solid var(--color-gray);border-radius:2rem}.modal.large .modal-content{max-height:80vh;overflow-y:auto}.modal-footer{padding:0 2rem 2rem;background:var(--color-background-details-hover)}.footer-actions{display:flex;justify-content:center;padding-top:10px}.delete-subtext{margin-top:.5rem;color:var(--color-snow);font-weight:500;text-align:center;display:block}.add-comment{background:var(--color-background-details);border:1px solid var(--color-borders);border-radius:1rem;padding:1.5rem;margin:2rem 0}.add-comment-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.comment-avatar{width:42px;height:42px;border-radius:50%;font-weight:700;font-size:1.2rem}.add-comment-label{color:var(--color-gray);font-size:.9rem}.add-comment>textarea{width:100%;min-height:100px;background:var(--color-background);border:1px solid var(--color-borders);resize:none;border-radius:.75rem;padding:1rem;color:var(--color-snow);transition:border-color .2s}.add-comment>textarea:focus{outline:none;border-color:var(--color-primary)}.add-comment-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.comments-section{margin-top:2rem;display:flex;flex-direction:column;gap:0}.comment{background:var(--color-background-details);border-left:3px solid transparent;padding:1.5rem;transition:all .3s;border-radius:1rem}.comment:hover{background:var(--color-background-details-hover);border-left-color:var(--color-primary)}.comment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.comment-author{display:flex;align-items:center;gap:.75rem}.comment-author-name{font-weight:600;color:var(--color-snow)}.comment-date{color:var(--color-gray);font-size:.85rem}.comment-del-ed-row,.comment-delete,.comment-edit{display:flex;align-items:center;gap:1rem}.comment-content{margin-bottom:1rem;line-height:1.6;color:var(--color-snow)}.comment-actions{display:flex;gap:1.5rem;align-items:center}.action-btn{background:none;border:none;color:var(--color-gray);cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;padding:.4rem .8rem;border-radius:.5rem;transition:all .2s}.action-btn:hover,.liked{background:var(--color-hover);color:var(--color-primary)}.comment-badge{background:var(--color-primary-background);color:var(--color-primary);padding:.2rem .6rem;border-radius:.3rem;font-size:.75rem;font-weight:600}.comment,.replies,.reply-form{animation:fadeInScale .5s ease-out}.divider{height:1px;background:var(--color-borders);margin:.5rem 0}#load-more-comments,#load-more-replies{display:block;margin:1rem auto;text-align:center}.comment:hover .delete-btn{opacity:1;transform:scale(1);pointer-events:auto}.replies{margin-left:3rem;margin-top:.5rem;border-left:2px solid var(--color-borders)}.reply{padding:1rem 1.5rem;background:var(--color-background-details)}.reply:hover .delete-btn{opacity:1;transform:scale(1);pointer-events:auto}.reply:hover{background:var(--color-hover)}.reply-form{margin-left:3rem;margin-top:1rem;padding:1rem;background:var(--color-background-details);border-left:2px solid var(--color-primary);border-radius:0 .5rem .5rem 0}@media (max-width: 768px){.replies,.reply-form{margin-left:1.5rem}.comment-header{flex-direction:column;align-items:flex-start;gap:.5rem}.comment-del-ed-row{flex-wrap:wrap;gap:.5rem}.comment-actions{flex-wrap:wrap;gap:.75rem}.action-btn{font-size:.85rem;padding:.3rem .6rem}}@media (max-width: 480px){.comment{padding:1rem;border-radius:.5rem}.add-comment{padding:1rem;margin:1rem 0}.add-comment>textarea{min-height:80px;padding:.75rem;font-size:1rem}.comment-avatar{width:36px;height:36px;font-size:1rem}.add-comment-header{gap:.75rem;margin-bottom:.75rem}.add-comment-label{font-size:.85rem}.add-comment-footer{flex-wrap:wrap;gap:.5rem}.reply{padding:.75rem 1rem}.reply-form{margin-left:1rem;padding:.75rem}.reply-form>textarea,.edit-form>textarea{min-height:70px;padding:.75rem;font-size:1rem}.replies{margin-left:1rem;margin-top:.25rem}.comment-content{margin-bottom:.75rem;word-break:break-word;overflow-wrap:break-word}.comment-header{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.75rem}.comment-author{gap:.5rem}.comment-author-name{font-size:.95rem}.comment-date{font-size:.8rem}.comment-del-ed-row{width:100%;flex-wrap:wrap;gap:.5rem}.comment-delete,.comment-edit{flex-wrap:wrap;gap:.5rem}.comment-actions{flex-direction:column;gap:.5rem;align-items:flex-start;width:100%}.action-btn{width:100%;justify-content:flex-start;font-size:.85rem;padding:.4rem .6rem}.comment-badge{font-size:.7rem;padding:.15rem .4rem}}.reply-form>textarea,.edit-form>textarea{width:100%;min-height:100px;background:var(--color-background);border:1px solid var(--color-borders);resize:none;border-radius:.75rem;padding:1rem;color:var(--color-snow);transition:border-color .2s}.reply-form>textarea:focus,.edit-form>textarea:focus{outline:none;border-color:var(--color-primary)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}