.project-page{margin-top:120px;margin-bottom:70px}@media(max-width:768px){.project-page{margin-bottom:0}}.project-page .project-content{margin:0 auto}.project-page .project-content .back-home{display:inline-flex;align-items:center;color:#64ffda;text-decoration:none;font-size:14px;transition:gap .2s ease;gap:6px}.project-page .project-content .back-home:hover{gap:10px}.project-page .project-content .project-header{margin-bottom:48px}@media(max-width:768px){.project-page .project-content .project-header{margin-bottom:32px}}.project-page .project-content .project-header h1{font-size:60px;color:#ccd6f6;margin:16px 0 24px;line-height:1.3}@media(max-width:480px){.project-page .project-content .project-header h1{font-size:30px;margin:12px 0 20px}}.project-page .project-content .project-header .project-tags{display:flex;flex-wrap:wrap;gap:10px}@media(max-width:480px){.project-page .project-content .project-header .project-tags{gap:8px}}.project-page .project-content .project-header .project-tags span{background:#64ffda14;color:#64ffda;border:1px solid rgba(100,255,218,.2);padding:4px 14px;border-radius:20px;font-size:14px;font-family:Fira Code,monospace}@media(max-width:480px){.project-page .project-content .project-header .project-tags span{font-size:11px;padding:4px 10px}}.project-page .project-content .project-body h2{color:#64ffda;font-size:22px;margin:48px 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(100,255,218,.15)}@media(max-width:768px){.project-page .project-content .project-body h2{font-size:22px;margin:36px 0 12px}}@media(max-width:480px){.project-page .project-content .project-body h2{font-size:22px;margin:28px 0 10px}}.project-page .project-content .project-body h3{color:#ccd6f6;font-size:17px;margin:28px 0 10px}@media(max-width:480px){.project-page .project-content .project-body h3{font-size:15px}}.project-page .project-content .project-body p{color:#8892b0;line-height:1.8;font-size:16px;margin:0 0 16px}@media(max-width:480px){.project-page .project-content .project-body p{font-size:16px}}.project-page .project-content .project-body .setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}@media(max-width:768px){.project-page .project-content .project-body .setup-grid{grid-template-columns:1fr 1fr;gap:10px}}@media(max-width:480px){.project-page .project-content .project-body .setup-grid{grid-template-columns:1fr;gap:8px}}.project-page .project-content .project-body .setup-grid .setup-item{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:16px 20px;display:flex;flex-direction:column;gap:6px}@media(max-width:480px){.project-page .project-content .project-body .setup-grid .setup-item{padding:12px 16px}}.project-page .project-content .project-body .setup-grid .setup-item .setup-label{color:#64ffda;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-family:Fira Code,monospace}@media(max-width:480px){.project-page .project-content .project-body .setup-grid .setup-item .setup-label{font-size:11px}}.project-page .project-content .project-body .setup-grid .setup-item .setup-value{color:#ccd6f6;font-size:15px}@media(max-width:480px){.project-page .project-content .project-body .setup-grid .setup-item .setup-value{font-size:14px}}.project-page .project-content .project-body .config-list{display:flex;flex-direction:column;gap:0;margin:16px 0;border-left:1px solid rgba(100,255,218,.2)}.project-page .project-content .project-body .config-list .config-item{display:flex;gap:24px;align-items:flex-start;padding:28px 0 28px 32px;position:relative;border-bottom:1px solid rgba(255,255,255,.04);transition:background .3s ease}@media(max-width:768px){.project-page .project-content .project-body .config-list .config-item{padding:20px 0 20px 24px;gap:16px}}@media(max-width:480px){.project-page .project-content .project-body .config-list .config-item{padding:16px 0 16px 20px;gap:12px}}.project-page .project-content .project-body .config-list .config-item:last-child{border-bottom:none}.project-page .project-content .project-body .config-list .config-item:before{content:"";position:absolute;left:-5px;top:34px;width:9px;height:9px;border-radius:50%;background:#64ffda;box-shadow:0 0 8px #64ffda80}@media(max-width:480px){.project-page .project-content .project-body .config-list .config-item:before{top:22px;width:7px;height:7px;left:-4px}}.project-page .project-content .project-body .config-list .config-item:hover{background:#64ffda08}.project-page .project-content .project-body .config-list .config-item .config-number{color:#64ffda;font-family:Fira Code,monospace;font-size:13px;opacity:.6;min-width:28px;padding-top:2px}@media(max-width:480px){.project-page .project-content .project-body .config-list .config-item .config-number{font-size:11px;min-width:22px}}.project-page .project-content .project-body .config-list .config-item .config-info{flex:1}.project-page .project-content .project-body .config-list .config-item .config-info h3{color:#ccd6f6;font-size:20px;margin:0 0 8px}@media(max-width:480px){.project-page .project-content .project-body .config-list .config-item .config-info h3{font-size:14px;margin:0 0 6px}}.project-page .project-content .project-body .config-list .config-item .config-info p{color:#8892b0;font-size:16px;line-height:1.8;margin:0}@media(max-width:480px){.project-page .project-content .project-body .config-list .config-item .config-info p{font-size:13px}}.screenshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}@media(max-width:768px){.screenshot-grid{grid-template-columns:1fr;gap:12px}}.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}@media(max-width:768px){.benefits-grid{grid-template-columns:1fr}}.benefits-grid .benefit-item{display:flex;align-items:flex-start;gap:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:16px}.benefits-grid .benefit-item .benefit-icon{font-size:20px;min-width:28px}.benefits-grid .benefit-item p{color:#8892b0;font-size:14px;line-height:1.6;margin:0!important}