@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f6f1;--bg-accent:#dbe6d7;--surface:#fff;--surface-soft:#f8fbf7;--text:#1f2b21;--muted:#607264;--primary:#215d49;--primary-strong:#174535;--line:#d3ddd4;--danger:#a3362d;--ring:#215d493d;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--shadow-soft:0 12px 36px #16261c14;--shadow-card:0 10px 30px #1429201f}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 12% 8%, #fef8ea 0%, transparent 34%), radial-gradient(circle at 88% 92%, #daeadd 0%, transparent 30%), linear-gradient(140deg, var(--bg) 0%, #eef4eb 42%, var(--bg-accent) 100%);margin:0;font-family:Manrope,Segoe UI,sans-serif}h1,h2,h3,h4{color:#1a2f25;letter-spacing:-.02em;margin-top:0;font-family:Sora,Manrope,sans-serif}p{color:var(--muted);margin-top:0;line-height:1.7}a{color:var(--primary);text-decoration:none}button,input,textarea{font:inherit}button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:10px 18px;font-weight:700;transition:transform .16s,box-shadow .16s,background-color .16s}button:hover{background:var(--primary-strong);transform:translateY(-1px);box-shadow:0 8px 20px #153f313d}input,textarea{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;color:var(--text);background:#fff;padding:12px 14px;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:#8ba093}input:focus,textarea:focus{box-shadow:0 0 0 4px var(--ring);border-color:#4b866f;outline:none}textarea{resize:vertical;min-height:190px}.login-page,.register-page{background-color:#f8f8f8;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;display:flex}.login-title,.register-title{margin-bottom:16px;font-size:3rem}.login-form,.register-form{background-color:#fff;border:10px solid #d4e1d6;border-radius:16px;padding:24px;box-shadow:10px 10px 10px #0000001a}.login-form form,.register-form form{flex-direction:column;align-items:center;gap:12px;width:50vw;display:flex}.login-form button,.register-form button{width:50%;transition:width .3s}.login-form button:hover,.register-form button:hover{width:60%}.recent-users{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-top:12px;display:grid}.recent-user-card{color:#2e5b46;background-color:#eaf4ec;padding:8px 16px;font-size:.9rem}.home-page{gap:16px;display:grid}.display-section{background:linear-gradient(140deg,#f0f7f1 0%,#e2efe5 100%);border:1px solid #d5e1d6;border-radius:18px;flex-direction:column;justify-content:center;gap:12px;min-height:210px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #172c1f17}.display-section:after{content:"";aspect-ratio:1;background:radial-gradient(circle,#659c7f59,#659c7f00);border-radius:50%;width:260px;position:absolute;top:-120px;right:-100px}.display-hero{background:linear-gradient(120deg,#18392c 0%,#2a6951 44%,#f1f8ed 160%);min-height:320px}.display-hero .text-box{background:#0d1d169e;border-color:#ffffff2e}.display-hero .text-box h2,.display-hero .text-box p{color:#f5fff8}.display-hero .text-box p{color:#d8ebe0}.display-feature{background:linear-gradient(45deg,#f9fdf8 0%,#e4efdf 100%)}.display-cta{background:linear-gradient(165deg,#f6f0df 0%,#f3f8f0 82%)}.text-box{z-index:1;background:#ffffffc7;border:1px solid #ffffffe6;border-radius:16px;max-width:62%;padding:22px;position:relative;box-shadow:0 12px 32px #1a2d211f}.text-box h2{margin-bottom:10px}.text-box p{margin-bottom:0}.text-box-links{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.text-box-links a{color:#23543f;background:#fff;border:1px solid #bfd6c4;border-radius:999px;align-items:center;padding:8px 14px;font-weight:700;transition:transform .16s,box-shadow .16s;display:inline-flex}.text-box-links a:hover{transform:translateY(-1px);box-shadow:0 8px 20px #244a3629}.display-cta input{max-width:420px}@media (width<=820px){.text-box{max-width:100%;padding:18px}.display-section{min-height:0}.display-hero{min-height:260px}}.app-shell{max-width:1220px;margin:0 auto;padding:16px 18px 34px}.page-shell{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffc;border:1px solid #ffffffd9;border-radius:24px;min-height:70vh;padding:28px;box-shadow:0 18px 45px #1c2c221c}.about-panel{background:linear-gradient(145deg,#fff 0%,#f5f9f5 100%);border:1px solid #dae6db;border-radius:18px;max-width:780px;padding:24px}.about-panel h1{margin-bottom:14px}.about-panel p{margin-bottom:0}@media (width<=768px){.app-shell{padding:12px}.page-shell{border-radius:18px;padding:18px}}.top-nav{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffffd9;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-bottom:20px;padding:14px 16px;display:grid;position:sticky;top:14px;box-shadow:0 16px 32px #1e352721}.brand-link{align-items:center;display:inline-flex}.brand-link img{max-width:100%;height:auto;display:block}.nav-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.nav-links-mobile{display:none;position:relative}.nav-links-mobile-dropdown{z-index:10;background:#fff;border:1px solid #d6e2d8;border-radius:8px;flex-direction:column;width:200px;display:none;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0000001a}.nav-link{color:#000;border-radius:999px;padding:10px 14px;font-weight:700;transition:background-color .16s,color .16s}.nav-link button{color:#000}.nav-link:hover{color:gray;background:#2f6953}.nav-link-accent{background:#ecf6ef;border:1px solid #cbe0d2}.search-bar{min-width:140px;max-width:220px}.search-results{z-index:10;background:#fff;border:1px solid #d6e2d8;border-radius:8px;flex-direction:column;width:220px;position:absolute;top:80%;right:0;box-shadow:0 4px 12px #0000001a}.search-result-item{cursor:pointer;border-bottom:1px solid #d6e2d8;padding:10px 14px}.search-result-item:hover{background:#ecf6ef}@media (width<=920px){.top-nav{position:relative}.search-bar,.nav-links{display:none}.nav-links-mobile{justify-content:right;display:flex}.nav-links-mobile-dropdown{display:flex}}.articles-page{gap:20px;display:grid}.articles-header h1{margin-bottom:8px}.articles-header p{max-width:680px;margin-bottom:0}.articles-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.article-card{background:linear-gradient(155deg,#fff 0%,#f3f9f3 100%);border:1px solid #d6e2d8;border-radius:16px;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 10px 24px #122b1d1c}.article-card:hover{cursor:pointer;border-color:#9ec4aa;transform:translateY(-2px);box-shadow:0 14px 30px #122b1d26}.card-tags .card-tag,.articles-tags-list .articles-tag{color:#2e5b46;letter-spacing:.04em;text-transform:uppercase;background:#eaf4ec;border-radius:999px;margin-bottom:10px;padding:5px 10px;font-size:.8rem;font-weight:800;display:inline-flex}.articles-tags-list{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.articles-tag-clear{color:#fff;cursor:pointer;background:#945555}.article-card h2{margin-bottom:8px}.article-card p{margin-bottom:14px}.card-link{color:#204d3a;font-size:.92rem;font-weight:700}.empty-message{background:#f7fcf7;border:1px dashed #bfd4c3;border-radius:14px;padding:16px}.editor-title{margin-bottom:16px}.article-creation-form{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.input-group{background:linear-gradient(160deg,#fff 0%,#f5faf5 100%);border:1px solid #d4e2d7;border-radius:16px;flex-direction:column;gap:12px;padding:18px;display:flex;box-shadow:0 10px 24px #142b1f1a}.input-group h3{margin-bottom:4px}.input-group p{margin:0}.infobox-creation-box{background:#f6fbf7;border:1px solid #d6e2d8;border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.paragraph-edit-box,.infobox-field-edit-box{background:#fff;border:1px solid #d8e3db;border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.paragraph-creation-box,.infobox-field-creation-box{background:#fff;border:1px solid #d6e2d8;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex;box-shadow:0 12px 30px #12261b33}.paragraph-creation-box button,.infobox-field-creation-box button,.infobox-creation-box button,.paragraph-edit-box button,.infobox-field-edit-box button{align-self:flex-start}.backdrop{z-index:200;background-color:#0e181280;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.close-button{color:#1f503d;background:#edf4ef;border:1px solid #cde0d1;border-radius:999px;align-self:flex-end;width:34px;height:34px;padding:0}.close-button:hover{box-shadow:none;background:#deece2}.main-paragraph-textarea{resize:vertical;border:1px solid #d4e2d7;border-radius:8px;width:100%;height:100%;min-height:150px;padding:12px}@media (width<=700px){.article-creation-form{grid-template-columns:1fr}.input-group{padding:14px}}.article-page-container{max-width:1120px;margin:0 auto;padding:8px 6px}.article-page-actions{flex-wrap:wrap;gap:10px;margin-bottom:0;display:flex}.article-action-link{color:#fff;background:#215d49;border-radius:999px;padding:10px 16px;font-weight:700}.article-action-link:hover{background:#173f32}.article-action-delete{color:#8f2a22;background:#fbe9e7;border:1px solid #f0c7c2}.article-action-delete:hover{box-shadow:none;background:#f6d7d3}.article-main-container{justify-content:space-between;align-items:flex-start;gap:24px;width:100%;display:flex}.separator{background-color:#cfdbd2;height:1px;margin:14px 0 18px}.article-main-content{background:linear-gradient(155deg,#fff 0%,#f8fcf8 100%);border:1px solid #d4e1d6;border-radius:16px;flex:1;padding:24px}.article-main-content h1{margin-bottom:14px}.article-main-content h2{margin-top:18px;margin-bottom:8px}.infobox{background:linear-gradient(160deg,#f4f8f4 0%,#edf4ef 100%);border:1px solid #d4e1d6;border-radius:16px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:350px;padding:16px;display:flex}.infobox-mobile{display:none}.article-tag{color:#2e5b46;letter-spacing:.04em;text-transform:uppercase;background:#eaf4ec;border-radius:999px;margin-bottom:10px;padding:5px 10px;font-size:.8rem;font-weight:800;display:inline-flex}.infobox img{border-radius:12px;max-width:100%;height:auto}.infobox-field{border-top:1px solid #d6e1d8;width:100%;margin-bottom:6px;padding-top:8px}.article-header{flex-direction:row;align-items:center;gap:12px;padding-bottom:8px;display:flex;overflow-x:scroll}@media (width<=768px){.article-main-container{flex-direction:column}.infobox-mobile{display:flex}.infobox-desktop{display:none}.article-main-content{padding:18px}.infobox{max-width:100%}}.about-section{border-radius:0;flex-direction:column;margin-bottom:10px;display:flex}.intro-panel{background-color:wheat;background-image:url(C:/Users/yusuf/Websites/Gitspedia/src/assets/frame000000000000.png);background-position:50%;background-size:cover;flex-direction:column;justify-content:center;height:50vh;display:flex}.textBox{background-color:#fff;border-radius:8px;width:60%;margin-left:2vw;padding:20px}.features-parent .textBox{text-align:center;background-color:#f0f0f0;border-radius:10px;align-items:center;width:70%;margin-left:2vw;padding:25px}.features-parent{justify-content:center;align-items:center;display:flex}.features-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px;display:grid;overflow-x:scroll}.features-card{text-align:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:20px}.special-card{background-color:#ffefef;border:1px solid #fcc}@media (width<=768px){.intro-panel{height:40vh}.about-section{flex-direction:column;align-items:center;height:auto;display:flex}.textBox{width:100%;margin:30px;padding:15px}.features-list{flex-direction:column;display:flex}}