@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.header{background:rgba(30,41,59,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 12px rgba(0,0,0,.4);border-bottom:1px solid rgba(148,163,184,.1);position:-webkit-sticky;position:sticky;top:0;z-index:1000;animation:fadeInDown .5s ease-out}.header .header-container{max-width:1200px;margin:0 auto;padding:16px;display:flex;justify-content:space-between;align-items:center}@media(min-width:1024px){.header .header-container{padding:8px 32px}}.header .logo{display:flex;align-items:center;font-size:1.125rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}@media(min-width:1024px){.header .logo{font-size:1.5rem}}.header .logo:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:9999px;transition:width .3s cubic-bezier(.4,0,.2,1)}@media(min-width:1024px){.header .logo:after{height:3px}}.header .logo:hover{transform:translateY(-2px);filter:drop-shadow(0 4px 8px rgba(99,102,241,.4))}.header .logo:hover:after{width:100%}.header .logo img{height:32px;margin-right:4px}@media(min-width:1024px){.header .logo img{height:40px;margin-right:8px}}.header .nav-buttons{display:flex;gap:8px;align-items:center}@media(min-width:1024px){.header .nav-buttons{gap:16px}}.header .nav-buttons .user-info{display:flex;align-items:center;gap:8px;margin-right:8px;padding:4px 8px;background:rgba(99,102,241,.1);border-radius:9999px;border:1px solid rgba(99,102,241,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}@media(min-width:1024px){.header .nav-buttons .user-info{gap:16px;margin-right:16px;padding:8px 16px}}.header .nav-buttons .user-info:hover{background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.3)}.header .nav-buttons .user-info .user-name{font-weight:600;color:#f1f5f9;display:none;font-size:.875rem}@media(min-width:768px){.header .nav-buttons .user-info .user-name{display:block}}.header .nav-buttons .user-info .user-role{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#f1f5f9;padding:2px 8px;border-radius:9999px;font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.5px;box-shadow:0 0 30px rgba(99,102,241,.4)}@media(min-width:1024px){.header .nav-buttons .user-info .user-role{padding:4px 16px;font-size:.75rem}}.header .nav-buttons .MuiButton-root{border-radius:9999px;padding:4px 16px;font-weight:600;text-transform:none;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(min-width:1024px){.header .nav-buttons .MuiButton-root{padding:8px 24px;font-size:1rem}}.header .nav-buttons .MuiButton-root.MuiButton-outlined{border:2px solid #6366f1;color:#818cf8}.header .nav-buttons .MuiButton-root.MuiButton-outlined:hover{background:rgba(99,102,241,.1);border-color:#818cf8;transform:translateY(-2px);box-shadow:0 0 30px rgba(99,102,241,.4)}.header .nav-buttons .MuiButton-root.MuiButton-contained{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 30px rgba(99,102,241,.4)}.header .nav-buttons .MuiButton-root.MuiButton-contained:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(99,102,241,.4),0 4px 20px rgba(99,102,241,.5)}.header .nav-buttons .MuiIconButton-root{transition:all .3s cubic-bezier(.4,0,.2,1);padding:4px}@media(min-width:1024px){.header .nav-buttons .MuiIconButton-root{padding:8px}}.header .nav-buttons .MuiIconButton-root:hover{transform:scale(1.1)}.header .nav-buttons .MuiIconButton-root .MuiAvatar-root{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 30px rgba(99,102,241,.4);font-weight:700;width:28px;height:28px;font-size:.875rem}@media(min-width:1024px){.header .nav-buttons .MuiIconButton-root .MuiAvatar-root{width:32px;height:32px;font-size:1rem}}.footer{background:rgba(30,41,59,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(148,163,184,.1);color:#cbd5e1;padding:32px 0;margin-top:64px;position:relative}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(135deg,#6366f1,#8b5cf6);opacity:.5}.footer .footer-container{max-width:1200px;margin:0 auto;padding:0 16px;text-align:center}@media(min-width:1024px){.footer .footer-container{padding:0 32px}}.footer .footer-text{font-size:1rem;margin:0;color:#94a3b8;font-weight:500}.footer .footer-text a{color:#818cf8;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:inline-block}.footer .footer-text a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(135deg,#6366f1,#8b5cf6);transition:width .3s cubic-bezier(.4,0,.2,1)}.footer .footer-text a:hover{color:#6366f1;transform:translateY(-2px)}.footer .footer-text a:hover:after{width:100%}.blog-card{background:rgba(30,41,59,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.4);border:1px solid rgba(148,163,184,.1);transition:all .3s cubic-bezier(.4,0,.2,1);height:100%;display:flex;flex-direction:column;animation:fadeInUp .6s ease-out;animation-fill-mode:both;position:relative}@media(min-width:1024px){.blog-card{border-radius:24px}}.blog-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#6366f1,#8b5cf6);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);z-index:0}.blog-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 30px rgba(99,102,241,.4);border-color:rgba(99,102,241,.5)}@media(min-width:1024px){.blog-card:hover{transform:translateY(-12px)}}.blog-card:hover:before{opacity:.05}.blog-card:hover .blog-card-image{transform:scale(1.1)}.blog-card .blog-card-image{width:100%;height:200px;object-fit:cover;background:linear-gradient(135deg,#1e293b,#334155);transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}@media(min-width:1024px){.blog-card .blog-card-image{height:240px}}.blog-card .blog-card-content{padding:16px;flex:1 1;display:flex;flex-direction:column;position:relative;z-index:1}@media(min-width:1024px){.blog-card .blog-card-content{padding:24px}}.blog-card .blog-card-content .blog-card-meta{display:flex;gap:8px;margin-bottom:8px;font-size:10px;color:#94a3b8;flex-wrap:wrap}@media(min-width:768px){.blog-card .blog-card-content .blog-card-meta{font-size:11px;gap:16px;margin-bottom:16px}}@media(min-width:1024px){.blog-card .blog-card-content .blog-card-meta{font-size:.875rem}}.blog-card .blog-card-content .blog-card-meta .blog-card-author,.blog-card .blog-card-content .blog-card-meta .blog-card-date{display:flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(99,102,241,.1);border-radius:9999px;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(min-width:1024px){.blog-card .blog-card-content .blog-card-meta .blog-card-author,.blog-card .blog-card-content .blog-card-meta .blog-card-date{gap:4px;padding:4px 8px}}.blog-card .blog-card-content .blog-card-meta .blog-card-author:hover,.blog-card .blog-card-content .blog-card-meta .blog-card-date:hover{background:rgba(99,102,241,.2);color:#818cf8}.blog-card .blog-card-content .blog-card-meta .blog-card-author svg,.blog-card .blog-card-content .blog-card-meta .blog-card-date svg{font-size:12px}@media(min-width:1024px){.blog-card .blog-card-content .blog-card-meta .blog-card-author svg,.blog-card .blog-card-content .blog-card-meta .blog-card-date svg{font-size:16px}}.blog-card .blog-card-content .blog-card-title{font-size:1rem;font-weight:700;margin-bottom:4px;color:#f1f5f9;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s cubic-bezier(.4,0,.2,1)}@media(min-width:1024px){.blog-card .blog-card-content .blog-card-title{font-size:1.25rem;margin-bottom:8px;line-height:1.4}}.blog-card .blog-card-content .blog-card-title:hover{color:#818cf8}.blog-card .blog-card-content .blog-card-excerpt{font-size:.875rem;color:#cbd5e1;margin-bottom:8px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1 1}@media(min-width:1024px){.blog-card .blog-card-content .blog-card-excerpt{font-size:1rem;margin-bottom:16px;line-height:1.6}}.blog-card .blog-card-content .blog-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;border-top:1px solid #334155;gap:4px}@media(min-width:1024px){.blog-card .blog-card-content .blog-card-footer{padding-top:16px;gap:8px}}.blog-card .blog-card-content .blog-card-footer .MuiButton-root{border-radius:9999px;font-weight:600;text-transform:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.3);font-size:.75rem;padding:4px 16px}@media(min-width:1024px){.blog-card .blog-card-content .blog-card-footer .MuiButton-root{font-size:.875rem;padding:8px 24px}}.blog-card .blog-card-content .blog-card-footer .MuiButton-root:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(99,102,241,.4)}.blog-card .blog-card-content .blog-card-footer .blog-card-actions{display:flex;gap:4px}@media(min-width:1024px){.blog-card .blog-card-content .blog-card-footer .blog-card-actions{gap:4px}}.blog-card .blog-card-content .blog-card-footer .blog-card-actions .MuiIconButton-root{transition:all .3s cubic-bezier(.4,0,.2,1);background:rgba(99,102,241,.1);padding:4px}@media(min-width:1024px){.blog-card .blog-card-content .blog-card-footer .blog-card-actions .MuiIconButton-root{padding:8px}}.blog-card .blog-card-content .blog-card-footer .blog-card-actions .MuiIconButton-root:hover{transform:scale(1.1) rotate(5deg)}.blog-card .blog-card-content .blog-card-footer .blog-card-actions .MuiIconButton-root.MuiIconButton-colorPrimary:hover{background:rgba(99,102,241,.2)}.blog-card .blog-card-content .blog-card-footer .blog-card-actions .MuiIconButton-root.MuiIconButton-colorError:hover{background:rgba(239,68,68,.2)}.blog-card .blog-card-content .blog-card-footer .blog-card-actions .MuiIconButton-root svg{font-size:18px}@media(min-width:1024px){.blog-card .blog-card-content .blog-card-footer .blog-card-actions .MuiIconButton-root svg{font-size:20px}}.blog-list-grid{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px;margin-top:24px}@media(min-width:768px){.blog-list-grid{grid-template-columns:repeat(2,1fr);margin-top:32px}}@media(min-width:1024px){.blog-list-grid{grid-template-columns:repeat(3,1fr);gap:48px}}.blog-list-grid .blog-card:first-child{animation-delay:.1s}.blog-list-grid .blog-card:nth-child(2){animation-delay:.2s}.blog-list-grid .blog-card:nth-child(3){animation-delay:.3s}.blog-list-grid .blog-card:nth-child(4){animation-delay:.4s}.blog-list-grid .blog-card:nth-child(5){animation-delay:.5s}.blog-list-grid .blog-card:nth-child(6){animation-delay:.6s}.blog-detail{background:rgba(30,41,59,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.6);border:1px solid rgba(148,163,184,.1);max-width:900px;margin:24px auto;animation:fadeInUp .6s ease-out}@media(min-width:1024px){.blog-detail{border-radius:24px;margin:32px auto}}.blog-detail .blog-detail-image{width:100%;height:300px;object-fit:cover;background:linear-gradient(135deg,#1e293b,#334155);position:relative}@media(min-width:1024px){.blog-detail .blog-detail-image{height:500px}}.blog-detail .blog-detail-content{padding:24px}@media(min-width:1024px){.blog-detail .blog-detail-content{padding:48px 64px}}.blog-detail .blog-detail-content .blog-detail-meta{display:flex;gap:16px;margin-bottom:24px;font-size:.75rem;color:#94a3b8;flex-wrap:wrap}@media(min-width:1024px){.blog-detail .blog-detail-content .blog-detail-meta{gap:24px;margin-bottom:32px;font-size:.875rem}}.blog-detail .blog-detail-content .blog-detail-meta .meta-item{display:flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(99,102,241,.1);border-radius:9999px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(min-width:1024px){.blog-detail .blog-detail-content .blog-detail-meta .meta-item{gap:8px;padding:8px 16px}}.blog-detail .blog-detail-content .blog-detail-meta .meta-item:hover{background:rgba(99,102,241,.2);color:#818cf8;transform:translateY(-2px)}.blog-detail .blog-detail-content .blog-detail-meta .meta-item svg{font-size:14px}@media(min-width:1024px){.blog-detail .blog-detail-content .blog-detail-meta .meta-item svg{font-size:18px}}.blog-detail .blog-detail-content .blog-detail-title{font-size:1.5rem;font-weight:800;margin-bottom:24px;color:#f1f5f9;line-height:1.2;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(min-width:1024px){.blog-detail .blog-detail-content .blog-detail-title{font-size:3rem;margin-bottom:32px}}.blog-detail .blog-detail-content .blog-detail-body{font-size:1rem;color:#cbd5e1;line-height:1.7}@media(min-width:1024px){.blog-detail .blog-detail-content .blog-detail-body{font-size:1.125rem;line-height:1.8}}.blog-detail .blog-detail-content .blog-detail-body p{margin-bottom:16px}@media(min-width:1024px){.blog-detail .blog-detail-content .blog-detail-body p{margin-bottom:24px}}.blog-detail .blog-detail-content .blog-detail-body h2,.blog-detail .blog-detail-content .blog-detail-body h3,.blog-detail .blog-detail-content .blog-detail-body h4{margin-top:24px;margin-bottom:8px;color:#f1f5f9;font-weight:700}@media(min-width:1024px){.blog-detail .blog-detail-content .blog-detail-body h2,.blog-detail .blog-detail-content .blog-detail-body h3,.blog-detail .blog-detail-content .blog-detail-body h4{margin-top:32px;margin-bottom:16px}}.blog-detail .blog-detail-content .blog-detail-body h2{font-size:1.25rem;border-left:3px solid #6366f1;padding-left:8px}@media(min-width:1024px){.blog-detail .blog-detail-content .blog-detail-body h2{font-size:1.5rem;border-left-width:4px;padding-left:16px}}.blog-detail .blog-detail-content .blog-detail-body h3{font-size:1.125rem}@media(min-width:1024px){.blog-detail .blog-detail-content .blog-detail-body h3{font-size:1.25rem}}.blog-detail .blog-detail-content .blog-detail-body ol,.blog-detail .blog-detail-content .blog-detail-body ul{margin-left:24px;margin-bottom:16px}@media(min-width:1024px){.blog-detail .blog-detail-content .blog-detail-body ol,.blog-detail .blog-detail-content .blog-detail-body ul{margin-left:32px;margin-bottom:24px}}.blog-detail .blog-detail-content .blog-detail-body ol li,.blog-detail .blog-detail-content .blog-detail-body ul li{margin-bottom:4px;color:#cbd5e1}@media(min-width:1024px){.blog-detail .blog-detail-content .blog-detail-body ol li,.blog-detail .blog-detail-content .blog-detail-body ul li{margin-bottom:8px}}.blog-detail .blog-detail-content .blog-detail-body img{max-width:100%;height:auto;border-radius:12px;margin:24px 0;box-shadow:0 10px 30px rgba(0,0,0,.5)}@media(min-width:1024px){.blog-detail .blog-detail-content .blog-detail-body img{border-radius:16px;margin:32px 0}}.blog-detail .blog-detail-content .blog-detail-body blockquote{border-left:3px solid #6366f1;margin:24px 0;font-style:italic;color:#94a3b8;background:rgba(99,102,241,.05);padding:8px 16px;border-radius:0 4px 4px 0;font-size:.875rem}@media(min-width:1024px){.blog-detail .blog-detail-content .blog-detail-body blockquote{border-left-width:4px;margin:32px 0;padding:16px 24px;border-radius:0 12px 12px 0;font-size:1rem}}.modal-content .modal-header{margin-bottom:24px}@media(min-width:1024px){.modal-content .modal-header{margin-bottom:32px}}.modal-content .modal-header h2{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(min-width:1024px){.modal-content .modal-header h2{font-size:1.5rem}}.modal-content .modal-body .form-group{margin-bottom:16px}@media(min-width:1024px){.modal-content .modal-body .form-group{margin-bottom:24px}}.modal-content .modal-body .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#f1f5f9}.modal-content .modal-body .image-preview{margin-top:16px;border-radius:16px;overflow:hidden;max-height:300px;box-shadow:0 4px 12px rgba(0,0,0,.4);border:2px solid #6366f1}.modal-content .modal-body .image-preview img{width:100%;height:auto;display:block}.modal-content .modal-body .current-image{margin-bottom:16px}.modal-content .modal-body .current-image p{font-size:.875rem;color:#94a3b8;margin-bottom:8px;font-weight:500}.modal-content .modal-body .current-image img{width:100%;max-height:200px;object-fit:cover;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.4)}.modal-content .modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px;flex-wrap:wrap}@media(min-width:1024px){.modal-content .modal-actions{gap:16px;margin-top:32px}}.modal-content .modal-actions .MuiButton-root{border-radius:9999px;padding:8px 24px;font-weight:600;text-transform:none;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(min-width:1024px){.modal-content .modal-actions .MuiButton-root{padding:8px 32px;font-size:1rem}}.modal-content .modal-actions .MuiButton-root.MuiButton-contained{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 30px rgba(99,102,241,.4)}.modal-content .modal-actions .MuiButton-root.MuiButton-contained:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(99,102,241,.4),0 8px 25px rgba(99,102,241,.6)}.auth-form{max-width:500px;margin:0 auto;padding:24px;background:rgba(30,41,59,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 30px rgba(99,102,241,.4);border:1px solid rgba(148,163,184,.1);animation:fadeInUp .6s ease-out;position:relative}@media(min-width:768px){.auth-form{padding:32px;border-radius:24px}}@media(min-width:1024px){.auth-form{padding:48px}}.auth-form:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:24px;z-index:-1;opacity:.1}.auth-form .auth-form-title,.auth-form:before{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.auth-form .auth-form-title{font-size:1.25rem;font-weight:800;text-align:center;margin-bottom:24px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(min-width:768px){.auth-form .auth-form-title{font-size:1.5rem;margin-bottom:32px}}@media(min-width:1024px){.auth-form .auth-form-title{font-size:2rem}}.auth-form .form-group{margin-bottom:16px}@media(min-width:1024px){.auth-form .form-group{margin-bottom:24px}}.auth-form .form-group .MuiTextField-root .MuiOutlinedInput-root{background:rgba(30,41,59,.5);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-form .form-group .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-input{padding:14px;font-size:1rem}@media(min-width:1024px){.auth-form .form-group .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-input{padding:16.5px 14px}}.auth-form .form-group .MuiTextField-root .MuiOutlinedInput-root:hover{background:rgba(30,41,59,.7)}.auth-form .form-group .MuiTextField-root .MuiOutlinedInput-root.Mui-focused{background:rgba(30,41,59,.8);box-shadow:0 0 0 3px rgba(99,102,241,.2)}.auth-form .form-group .MuiTextField-root .MuiOutlinedInput-root fieldset{border-color:#475569}.auth-form .form-group .MuiTextField-root .MuiOutlinedInput-root:hover fieldset{border-color:#818cf8}.auth-form .form-group .MuiTextField-root .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#6366f1;border-width:2px}.auth-form .form-group .MuiTextField-root .MuiInputLabel-root{color:#94a3b8}.auth-form .form-group .MuiTextField-root .MuiInputLabel-root.Mui-focused{color:#818cf8}.auth-form .form-group .MuiTextField-root .MuiSelect-select,.auth-form .form-group .MuiTextField-root input,.auth-form .form-group .MuiTextField-root textarea{color:#f1f5f9}.auth-form .form-actions{margin-top:24px}@media(min-width:1024px){.auth-form .form-actions{margin-top:32px}}.auth-form .form-actions button{width:100%;padding:16px;font-size:1rem;font-weight:700;border-radius:9999px;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 30px rgba(99,102,241,.4);transition:all .3s cubic-bezier(.4,0,.2,1)}@media(min-width:1024px){.auth-form .form-actions button{font-size:1.125rem}}.auth-form .form-actions button:hover{transform:translateY(-3px);box-shadow:0 0 30px rgba(99,102,241,.4),0 10px 35px rgba(99,102,241,.6)}.auth-form .form-actions button:active{transform:translateY(-1px)}.auth-form .form-footer{text-align:center;margin-top:16px;font-size:.875rem;color:#94a3b8}@media(min-width:1024px){.auth-form .form-footer{margin-top:24px;font-size:1rem}}.auth-form .form-footer a{color:#818cf8;font-weight:700;margin-left:4px;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-form .form-footer a:hover{color:#6366f1;text-decoration:underline}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:8px;padding:16px;background:rgba(30,41,59,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(148,163,184,.1);box-shadow:0 4px 12px rgba(0,0,0,.4);animation:fadeInDown .6s ease-out}@media(min-width:1024px){.dashboard-header{margin-bottom:48px;gap:16px;padding:32px;border-radius:24px}}.dashboard-header h1{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}@media(min-width:1024px){.dashboard-header h1{font-size:2rem}}.dashboard-header .MuiButton-root{border-radius:9999px;padding:8px 16px;font-weight:700;text-transform:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 30px rgba(99,102,241,.4);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.75rem}@media(min-width:1024px){.dashboard-header .MuiButton-root{padding:16px 32px;font-size:1rem}}.dashboard-header .MuiButton-root:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 30px rgba(99,102,241,.4),0 8px 25px rgba(99,102,241,.6)}@media(min-width:1024px){.dashboard-header .MuiButton-root:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 0 30px rgba(99,102,241,.4),0 10px 35px rgba(99,102,241,.6)}}.MuiDialog-paper{background:#1e293b!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.1)!important;box-shadow:0 20px 60px rgba(0,0,0,.6)!important;border-radius:24px!important;margin:16px!important}@media(min-width:1024px){.MuiDialog-paper{margin:32px!important}}.MuiDialogTitle-root{color:#f1f5f9!important;font-weight:700!important;font-size:1.125rem!important}@media(min-width:1024px){.MuiDialogTitle-root{font-size:1.25rem!important}}.MuiDialogContent-root{color:#cbd5e1!important;font-size:.875rem!important}@media(min-width:1024px){.MuiDialogContent-root{font-size:1rem!important}}.MuiAlert-root{border-radius:12px!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:500!important;font-size:.875rem!important}@media(min-width:1024px){.MuiAlert-root{font-size:1rem!important}}.hero-section{position:relative;padding:32px 0;overflow:hidden;margin-bottom:32px;margin-top:-25px}@media(min-width:768px){.hero-section{margin-top:-70px;padding:48px 0;margin-bottom:48px}}@media(min-width:1024px){.hero-section{padding:120px 0;margin-bottom:64px;margin-top:-60px}}.hero-section .hero-content{position:relative;z-index:2;text-align:center;animation:fadeInUp .8s ease-out}.hero-section .hero-content .hero-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 16px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.3);border-radius:9999px;color:#818cf8;font-size:.75rem;font-weight:600;margin-bottom:16px;animation:pulse 2s ease-in-out infinite}@media(min-width:1024px){.hero-section .hero-content .hero-badge{gap:8px;padding:8px 24px;font-size:.875rem;margin-bottom:32px}}.hero-section .hero-content .hero-badge svg{animation:float 3s ease-in-out infinite;font-size:14px}@media(min-width:1024px){.hero-section .hero-content .hero-badge svg{font-size:16px}}.hero-section .hero-content .hero-title{font-size:1.75rem;font-weight:800;line-height:1.2;margin-bottom:16px;color:#f1f5f9}@media(min-width:480px){.hero-section .hero-content .hero-title{font-size:2rem}}@media(min-width:768px){.hero-section .hero-content .hero-title{font-size:2.5rem;margin-bottom:24px}}@media(min-width:1024px){.hero-section .hero-content .hero-title{font-size:4.5rem}}.hero-section .hero-content .hero-title .gradient-text{background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;animation:fadeIn 1s ease-out .3s both}.hero-section .hero-content .hero-subtitle{max-width:700px;margin:0 auto 24px;color:#cbd5e1;font-weight:400;line-height:1.5;font-size:.875rem;animation:fadeInUp .8s ease-out .2s both;padding:0 16px}@media(min-width:768px){.hero-section .hero-content .hero-subtitle{font-size:1rem;margin-bottom:32px;line-height:1.6}}@media(min-width:1024px){.hero-section .hero-content .hero-subtitle{font-size:1.25rem;margin-bottom:48px}}.hero-section .hero-content .hero-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;animation:fadeInUp .8s ease-out .4s both;padding:0 16px}@media(min-width:1024px){.hero-section .hero-content .hero-actions{gap:16px}}.hero-section .hero-content .hero-actions .hero-cta-primary{padding:8px 24px;font-size:.875rem;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 30px rgba(99,102,241,.4);transition:all .3s cubic-bezier(.4,0,.2,1)}@media(min-width:1024px){.hero-section .hero-content .hero-actions .hero-cta-primary{padding:16px 48px;font-size:1.125rem}}.hero-section .hero-content .hero-actions .hero-cta-primary:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 0 30px rgba(99,102,241,.4),0 15px 40px rgba(99,102,241,.7)}.hero-section .hero-content .hero-actions .hero-cta-primary:active{transform:translateY(-2px) scale(1.03)}.hero-section .hero-content .hero-actions .hero-cta-secondary{padding:8px 24px;font-size:.875rem;font-weight:700;border:2px solid #6366f1;color:#818cf8;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(min-width:1024px){.hero-section .hero-content .hero-actions .hero-cta-secondary{padding:16px 48px;font-size:1.125rem}}.hero-section .hero-content .hero-actions .hero-cta-secondary:hover{background:rgba(99,102,241,.1);border-color:#818cf8;transform:translateY(-4px);box-shadow:0 0 30px rgba(99,102,241,.4)}.hero-section .hero-decorations{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}.hero-section .hero-decorations .decoration-circle{position:absolute;border-radius:50%;filter:blur(60px);animation:float 6s ease-in-out infinite}@media(min-width:1024px){.hero-section .hero-decorations .decoration-circle{filter:blur(80px)}}.hero-section .hero-decorations .decoration-circle.circle-1{width:200px;height:200px;background:rgba(99,102,241,.15);top:-100px;right:-50px;animation-delay:0s}@media(min-width:1024px){.hero-section .hero-decorations .decoration-circle.circle-1{width:400px;height:400px;top:-200px;right:-100px;background:rgba(99,102,241,.2)}}.hero-section .hero-decorations .decoration-circle.circle-2{width:150px;height:150px;background:rgba(236,72,153,.1);bottom:-75px;left:-25px;animation-delay:2s}@media(min-width:1024px){.hero-section .hero-decorations .decoration-circle.circle-2{width:300px;height:300px;bottom:-150px;left:-50px;background:rgba(236,72,153,.15)}}.hero-section .hero-decorations .decoration-circle.circle-3{width:120px;height:120px;background:rgba(20,184,166,.1);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}@media(min-width:1024px){.hero-section .hero-decorations .decoration-circle.circle-3{width:250px;height:250px;background:rgba(20,184,166,.15)}}.search-bar{animation:fadeInDown .6s ease-out}.search-bar .MuiTextField-root .MuiOutlinedInput-root{background:rgba(30,41,59,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:9999px;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-bar .MuiTextField-root .MuiOutlinedInput-root:hover{background:rgba(30,41,59,.8);box-shadow:0 0 0 2px rgba(99,102,241,.2)}.search-bar .MuiTextField-root .MuiOutlinedInput-root.Mui-focused{background:rgba(30,41,59,.9);box-shadow:0 0 0 3px rgba(99,102,241,.3)}.search-bar button[type=submit]{border-radius:9999px;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 30px rgba(99,102,241,.4);font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-bar button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(99,102,241,.4),0 8px 25px rgba(99,102,241,.6)}.search-bar button[type=submit]:disabled{opacity:.6;transform:none}.pagination-wrapper{animation:fadeInUp .6s ease-out}.pagination-wrapper .MuiButton-root{border-radius:9999px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pagination-wrapper .MuiButton-root:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,.4)}.pagination-wrapper .MuiButton-root.MuiButton-contained{box-shadow:0 0 30px rgba(99,102,241,.4)}.pagination-wrapper .MuiButton-root.MuiButton-outlined{border-width:2px}.pagination-wrapper .MuiButton-root.MuiButton-outlined:hover{border-width:2px;background:rgba(99,102,241,.1)}.skeleton-card{animation:fadeIn .6s ease-out}.skeleton-card .MuiSkeleton-root{background:linear-gradient(90deg,rgba(30,41,59,.5),rgba(51,65,85,.6) 50%,rgba(30,41,59,.5));background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-pulse{animation:skeletonPulse 1.5s ease-in-out infinite}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.6}}.MuiSkeleton-wave:after{animation:MuiSkeleton-keyframes-wave 2s linear .5s infinite!important}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;height:100%}body{max-width:100vw;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#f1f5f9;background:linear-gradient(180deg,#0f172a,#1e293b);background-attachment:fixed;position:relative;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(236,72,153,.1) 0,transparent 50%);pointer-events:none;z-index:0}#__next{position:relative;z-index:1;min-height:100vh}a{color:inherit;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}a:hover{color:#818cf8}.container{max-width:1200px;margin:0 auto;padding:0 16px}@media(min-width:1024px){.container{padding:0 32px}}.page-wrapper{min-height:calc(100vh - 200px);padding:32px 0;position:relative}@media(max-width:768px){.page-wrapper{padding:24px 0}}.section-title{font-size:1.25rem;font-weight:800;margin-bottom:24px;color:#f1f5f9;text-align:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;animation:fadeInUp .6s ease-out}@media(min-width:768px){.section-title{font-size:1.5rem;margin-bottom:32px}}@media(min-width:1024px){.section-title{font-size:3rem}}.section-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:9999px}@media(min-width:1024px){.section-title:after{width:100px;height:4px;bottom:-16px}}.error-message{background:rgba(239,68,68,.1);color:#ef4444;padding:8px;border-radius:12px;margin-bottom:16px;border:1px solid rgba(239,68,68,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:shake .4s ease-out;font-size:.875rem}@media(min-width:1024px){.error-message{padding:16px;font-size:1rem}}.success-message{background:rgba(16,185,129,.1);color:#10b981;padding:8px;border-radius:12px;margin-bottom:16px;border:1px solid rgba(16,185,129,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .4s ease-out;font-size:.875rem}@media(min-width:1024px){.success-message{padding:16px;font-size:1rem}}.empty-state{text-align:center;padding:32px;background:rgba(30,41,59,.7);border-radius:16px;border:1px solid rgba(148,163,184,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin:24px 0;animation:fadeIn .6s ease-out}@media(min-width:1024px){.empty-state{padding:64px;border-radius:24px;margin:32px 0}}.empty-state h3{font-size:1.125rem;margin-bottom:8px;color:#f1f5f9;font-weight:700}@media(min-width:1024px){.empty-state h3{font-size:1.5rem;margin-bottom:16px}}.empty-state p{font-size:1rem;margin-bottom:16px;color:#cbd5e1}@media(min-width:1024px){.empty-state p{font-size:1.125rem;margin-bottom:24px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}::-webkit-scrollbar{width:8px}@media(min-width:1024px){::-webkit-scrollbar{width:10px}}::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#6366f1;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#818cf8}::selection{background:#6366f1;color:#f1f5f9}.blog-detail-img-container{width:100%;height:420px}@media(max-width:768px){.blog-detail-img-container{height:325px}}@media(max-width:500px){.blog-detail-img-container{height:250px}}.blog-detail-img-container img{height:100%;width:100%;object-fit:cover}