.about-page{justify-content:center;align-items:center;min-height:100vh;padding:70px 20px;display:flex}.about-container{-webkit-backdrop-filter:blur(18px);background:#ffffff12;border:1px solid #ffffff1a;border-radius:28px;width:100%;max-width:900px;padding:48px 36px;animation:.7s fadeUp;box-shadow:0 20px 50px #0000003d,inset 0 1px #ffffff14}.about-tag{color:#c4b5fd;letter-spacing:.5px;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;margin:0 0 16px;padding:8px 16px;font-size:.9rem;font-weight:600;display:inline-block}.about-title{letter-spacing:-1px;color:#fff;margin:0 0 22px;font-size:clamp(2.3rem,6vw,4.5rem);font-weight:700;line-height:1.08}.about-text{color:#ffffffc7;max-width:760px;margin:0 0 18px;font-size:1.04rem;line-height:1.9}.about-text:last-child{margin-bottom:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.about-page{padding:40px 16px}.about-container{border-radius:22px;padding:30px 20px}.about-title{font-size:clamp(2rem,10vw,3rem)}.about-text{font-size:.98rem;line-height:1.8}}body:before,body:after,.admin-page:before,.admin-page:after{content:none!important;display:none!important}button{font-family:inherit}.admin-page{max-width:1280px;min-height:100vh;box-shadow:none;border:none;outline:none;margin:0 auto;padding:40px 20px 60px}.admin-page-header{text-align:center;margin-bottom:30px;animation:.7s fadeDown}.admin-page-title{color:#fff;letter-spacing:.4px;margin:0;font-size:2.8rem;font-weight:700}.admin-page-subtitle{color:#ffffffb8;margin-top:10px;font-size:1rem}.admin-page-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:38px;animation:.8s fadeUp;display:flex}.admin-main-btn,.admin-secondary-btn,.admin-action-btn{cursor:pointer;border:none;border-radius:14px;padding:13px 22px;font-size:.96rem;font-weight:600;transition:all .25s}.admin-main-btn{color:#fff;background:linear-gradient(135deg,#3b82f6,#7c3aed);box-shadow:0 14px 28px #4c1d9557,0 0 22px #3b82f62e}.admin-main-btn:hover{filter:brightness(1.06);transform:translateY(-2px)}.admin-secondary-btn{color:#fff;-webkit-backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff24}.admin-secondary-btn:hover{background:#ffffff24;transform:translateY(-2px)}.admin-project-list{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:28px;display:grid}.admin-project-item{-webkit-backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:24px;flex-direction:column;justify-content:space-between;width:100%;min-width:0;min-height:380px;padding:24px 22px 22px;transition:transform .25s,box-shadow .25s;animation:.7s fadeUp;display:flex;box-shadow:0 18px 40px #00000042,inset 0 1px #ffffff14}.admin-project-item:hover{transform:translateY(-4px);box-shadow:0 24px 50px #00000052,inset 0 1px #ffffff14}.admin-project-card-wrap{flex-direction:column;flex:1;justify-content:flex-start;width:100%;min-width:0;margin-bottom:20px;display:flex;overflow:hidden}.admin-project-card-wrap *{max-width:100%;border-left:none!important;border-right:none!important}.admin-project-card-wrap h1,.admin-project-card-wrap h2,.admin-project-card-wrap h3{text-align:center;color:#fff;word-break:break-word;margin:0 0 14px;font-size:clamp(1.9rem,2.8vw,3.2rem);font-weight:700;line-height:1.15}.admin-project-card-wrap p{text-align:center;color:#ffffffe6;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;max-width:95%;min-height:4.8em;margin:0 auto 10px;line-height:1.6;display:-webkit-box;overflow:hidden}.admin-project-card-wrap ul,.admin-project-card-wrap ol,.admin-project-card-wrap li{margin:0;padding:0;list-style:none!important}.admin-project-card-wrap a{color:#c4b5fd;width:fit-content;margin:6px auto 0;font-size:1rem;text-decoration:underline;transition:color .2s,transform .2s;display:block}.admin-project-card-wrap a:hover{color:#fff;transform:translateY(-1px)}.admin-project-card-wrap img{border-radius:14px;max-width:100%;height:auto;display:block}.admin-project-card-wrap>div,.admin-project-card-wrap>li,.admin-project-card-wrap>article{width:100%;border:none!important}.admin-project-buttons{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:auto;display:flex}.admin-action-btn{border-radius:16px;min-width:130px;padding:14px 22px;font-size:1rem}.admin-edit-btn{color:#fff;background:linear-gradient(135deg,#06b6d4,#2563eb);box-shadow:0 10px 20px #2563eb42}.admin-edit-btn:hover{filter:brightness(1.07);transform:translateY(-2px)}.admin-delete-btn{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 20px #dc262642}.admin-delete-btn:hover{filter:brightness(1.07);transform:translateY(-2px)}.admin-page-state{color:#fff;justify-content:center;align-items:center;min-height:100vh;margin:0;font-size:1.2rem;display:flex}@keyframes fadeDown{0%{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.admin-project-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.admin-page{padding:28px 16px 40px}.admin-page-title{font-size:2.1rem}.admin-project-item{border-radius:20px;min-height:340px;padding:20px 18px}.admin-project-card-wrap h1,.admin-project-card-wrap h2,.admin-project-card-wrap h3{font-size:clamp(1.6rem,7vw,2.4rem)}}@media (width<=640px){.admin-project-list{grid-template-columns:1fr}.admin-project-buttons{flex-direction:column}.admin-action-btn,.admin-main-btn,.admin-secondary-btn{width:100%}}.contact-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-width:100vw;min-height:100vh;padding:20px;display:flex}.contact-form{background:#fff;border-radius:10px;width:100%;max-width:500px;padding:40px;box-shadow:0 10px 40px #0003}.contact-form h2{text-align:center;color:#333;margin-bottom:30px;font-size:28px;font-weight:600}.form-group{margin-bottom:20px}.contact-form input,.contact-form textarea{box-sizing:border-box;border:2px solid #e0e0e0;border-radius:6px;width:100%;padding:12px 15px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;transition:all .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 8px #667eea4d}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#999}.contact-form textarea{resize:vertical;min-height:150px;font-size:14px}.contact-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;width:100%;margin-top:10px;padding:12px;font-size:16px;font-weight:600;transition:all .3s}.contact-form button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.contact-form button:active{transform:translateY(0)}.success-message{color:#155724;text-align:center;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:6px;margin-bottom:20px;padding:12px;font-weight:500}.error-message{color:#721c24;text-align:center;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;margin-bottom:20px;padding:12px;font-weight:500}.contact-form button:disabled{opacity:.7;cursor:not-allowed}@media (width<=600px){.contact-form{padding:25px}.contact-form h2{margin-bottom:25px;font-size:24px}.contact-form input,.contact-form textarea{padding:10px 12px;font-size:16px}.contact-form button{padding:10px;font-size:14px}}*{box-sizing:border-box}html,body{color:#fff;background:radial-gradient(circle at 0 0,#38bdf824,#0000 24%),radial-gradient(circle at 100% 100%,#a855f71f,#0000 24%),linear-gradient(135deg,#081120,#0f172a,#111827);margin:0;padding:0;font-family:Poppins,Segoe UI,sans-serif;overflow-x:hidden}body:before,body:after,.project-page:before,.project-page:after{content:none!important;display:none!important}a{text-decoration:none}ul,ol,li{margin:0;padding:0;list-style:none}.project-page{min-height:100vh;padding:60px 20px 80px}.project-page-inner{width:100%;max-width:1280px;margin:0 auto}.project-page-header{text-align:center;max-width:760px;margin:0 auto 48px;animation:.7s fadeDown}.project-page-tag{color:#c4b5fd;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;margin:0 0 16px;padding:8px 16px;font-size:.9rem;font-weight:600;display:inline-block}.project-page-title{letter-spacing:-1px;color:#fff;margin:0;font-size:clamp(2.5rem,7vw,4.8rem);font-weight:700;line-height:1.05}.project-page-subtitle{color:#ffffffb8;max-width:640px;margin:18px auto 0;font-size:1.05rem;line-height:1.8}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:28px;display:grid}.project-grid-item{-webkit-backdrop-filter:blur(18px);background:#ffffff12;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;justify-content:space-between;min-width:0;min-height:360px;padding:26px 22px;transition:transform .3s,box-shadow .3s,border-color .3s;animation:.75s fadeUp;display:flex;overflow:hidden;box-shadow:0 20px 50px #0000003d,inset 0 1px #ffffff14}.project-grid-item:hover{border-color:#c4b5fd66;transform:translateY(-8px);box-shadow:0 28px 60px #0000004d,0 0 28px #8b5cf61f}.project-grid-item *{max-width:100%}.project-grid-item h1,.project-grid-item h2,.project-grid-item h3{text-align:left;color:#fff;word-break:break-word;margin:0 0 14px;font-size:clamp(1.5rem,2.4vw,2.3rem);font-weight:700;line-height:1.15}.project-grid-item p{color:#ffffffc7;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:5.1em;margin:0 0 12px;line-height:1.7;display:-webkit-box;overflow:hidden}.project-grid-item a{color:#93c5fd;align-items:center;gap:8px;width:fit-content;margin-top:8px;font-weight:500;transition:color .25s,transform .25s;display:inline-flex}.project-grid-item a:hover{color:#fff;transform:translate(4px)}.project-grid-item ul,.project-grid-item ol,.project-grid-item li{margin:0;padding:0;list-style:none!important}.project-grid-item img{border-radius:18px;width:100%;max-width:100%;height:auto;margin-bottom:18px;display:block}.project-grid-item button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#7c3aed);border:none;border-radius:14px;padding:12px 18px;font-weight:600;transition:transform .25s,filter .25s}.project-grid-item button:hover{filter:brightness(1.06);transform:translateY(-2px)}@media (width<=1100px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.project-page{padding:44px 16px 60px}.project-page-header{margin-bottom:36px}.project-page-subtitle{font-size:.98rem}.project-grid-item{border-radius:20px;min-height:320px;padding:22px 18px}}@media (width<=640px){.project-grid{grid-template-columns:1fr}.project-page-title{font-size:clamp(2.1rem,10vw,3rem)}}body{background:radial-gradient(circle at 0 0,#7c3aed40,#0000 30%),radial-gradient(circle at 100% 100%,#3b82f638,#0000 30%),linear-gradient(135deg,#0f172a,#111827,#1e1b4b);min-height:100vh;margin:0;font-family:Poppins,Segoe UI,sans-serif}.admin-login-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.admin-login-form{-webkit-backdrop-filter:blur(18px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:24px;flex-direction:column;gap:18px;width:100%;max-width:420px;padding:40px 32px;animation:.7s fadeUp;display:flex;box-shadow:0 20px 60px #00000059,inset 0 1px #ffffff1f}.admin-login-title{text-align:center;color:#fff;letter-spacing:.5px;margin:0;font-size:2rem;font-weight:700}.admin-login-subtitle{text-align:center;color:#ffffffb8;margin:-6px 0 8px;font-size:.95rem}.admin-login-input{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:14px;outline:none;width:100%;padding:15px 16px;font-size:.98rem;transition:all .25s;box-shadow:inset 0 0 0 1px #0000}.admin-login-input::placeholder{color:#ffffff80}.admin-login-input:focus{background:#ffffff1f;border-color:#60a5facc;transform:translateY(-1px);box-shadow:0 0 0 4px #3b82f62e,0 8px 24px #3b82f61f}.admin-login-button{text-transform:capitalize;color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#7c3aed);border:none;border-radius:14px;margin-top:8px;padding:15px 18px;font-size:1rem;font-weight:600;transition:all .25s;box-shadow:0 12px 24px #4c1d9559,0 8px 18px #3b82f638}.admin-login-button:hover{filter:brightness(1.05);transform:translateY(-2px)scale(1.01);box-shadow:0 18px 30px #4c1d956b,0 10px 22px #3b82f647}.admin-login-button:active{transform:translateY(0)scale(.995)}@media (width<=480px){.admin-login-form{border-radius:20px;padding:32px 20px}.admin-login-title{font-size:1.7rem}.admin-login-input,.admin-login-button{padding:14px}}