@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#fff;color:#111827;line-height:1.6;transition:background-color .3s ease,color .3s ease}.dark body{background-color:#0f172a;color:#f1f5f9}h1,h2,h3,h4,h5,h6{color:#111827;font-weight:700;line-height:1.2}.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6{color:#fff}p{color:#374151;font-size:1rem;line-height:1.7}.dark p{color:#d1d5db}::selection{background-color:#2563eb;color:#fff}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#f3f4f6}.dark ::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:6px}.dark ::-webkit-scrollbar-thumb{background:#475569}::-webkit-scrollbar-thumb:hover{background:#6b7280}.dark ::-webkit-scrollbar-thumb:hover{background:#64748b}.section{padding:5rem 0}@media (min-width: 768px){.section{padding:7rem 0}}@media (min-width: 1024px){.section{padding:9rem 0}}.container-custom{width:100%;max-width:1280px;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}@media (min-width: 640px){.container-custom{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px){.container-custom{padding-left:3rem;padding-right:3rem}}.heading-xl{font-size:3rem;font-weight:800;letter-spacing:-.02em;color:#111827}@media (min-width: 768px){.heading-xl{font-size:4rem}}@media (min-width: 1024px){.heading-xl{font-size:5rem}}.dark .heading-xl{color:#fff}.heading-lg{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;color:#111827}@media (min-width: 768px){.heading-lg{font-size:3.5rem}}@media (min-width: 1024px){.heading-lg{font-size:4.5rem}}.dark .heading-lg{color:#fff}.heading-md{font-size:2rem;font-weight:700;color:#111827}@media (min-width: 768px){.heading-md{font-size:2.5rem}}@media (min-width: 1024px){.heading-md{font-size:3rem}}.dark .heading-md{color:#fff}.heading-sm{font-size:1.5rem;font-weight:700;color:#111827}@media (min-width: 768px){.heading-sm{font-size:2rem}}.dark .heading-sm{color:#fff}.text-gradient{background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;border-radius:.75rem;transition:all .2s ease;cursor:pointer;border:none;outline:none}.btn:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 4px #2563eb33}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;box-shadow:0 10px 25px -5px #2563eb4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 30px -5px #2563eb66}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:#fff;color:#111827;border:2px solid #d1d5db;box-shadow:0 4px 6px -1px #0000001a}.dark .btn-secondary{background-color:#1e293b;color:#f1f5f9;border-color:#475569}.btn-secondary:hover:not(:disabled){border-color:#2563eb;box-shadow:0 10px 15px -3px #0000001a}.dark .btn-secondary:hover:not(:disabled){border-color:#3b82f6;background-color:#334155}.btn-ghost{background-color:transparent;color:#374151}.dark .btn-ghost{color:#d1d5db}.btn-ghost:hover:not(:disabled){background-color:#f3f4f6}.dark .btn-ghost:hover:not(:disabled){background-color:#1e293b}.card{background-color:#fff;border:2px solid #e5e7eb;border-radius:1rem;box-shadow:0 10px 25px -5px #0000001a;transition:all .3s ease}.dark .card{background-color:#1e293b;border-color:#334155}.card:hover{box-shadow:0 20px 40px -10px #00000026;transform:translateY(-4px)}.dark .card:hover{border-color:#475569}.input{width:100%;padding:.875rem 1rem;font-size:1rem;color:#111827;background-color:#fff;border:2px solid #d1d5db;border-radius:.75rem;transition:all .2s ease}.dark .input{color:#f1f5f9;background-color:#1e293b;border-color:#475569}.input::placeholder{color:#9ca3af}.dark .input::placeholder{color:#64748b}.input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.dark .input:focus{border-color:#3b82f6}.input-error{border-color:#dc2626}.dark .input-error{border-color:#ef4444}.input-error:focus{border-color:#dc2626;box-shadow:0 0 0 4px #dc26261a}.badge{display:inline-flex;align-items:center;padding:.375rem .875rem;font-size:.875rem;font-weight:600;border-radius:9999px;border:1px solid}.badge-primary{background-color:#dbeafe;color:#1e40af;border-color:#93c5fd}.dark .badge-primary{background-color:#2563eb33;color:#93c5fd;border-color:#1e40af}.badge-success{background-color:#d1fae5;color:#065f46;border-color:#6ee7b7}.dark .badge-success{background-color:#10b98133;color:#6ee7b7;border-color:#065f46}.badge-warning{background-color:#fef3c7;color:#92400e;border-color:#fcd34d}.dark .badge-warning{background-color:#f59e0b33;color:#fcd34d;border-color:#92400e}.badge-danger{background-color:#fee2e2;color:#991b1b;border-color:#fca5a5}.dark .badge-danger{background-color:#ef444433;color:#fca5a5;border-color:#991b1b}.glass{background-color:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 40px #0000001a}.dark .glass{background-color:#0f172af2;border-color:#ffffff1a}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:float 6s ease-in-out infinite}.animation-delay-200{animation-delay:.2s}.animation-delay-400{animation-delay:.4s}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out}.bg-grid-pattern{background-image:linear-gradient(to right,rgba(203,213,225,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(203,213,225,.1) 1px,transparent 1px);background-size:4rem 4rem}.dark .bg-grid-pattern{background-image:linear-gradient(to right,rgba(71,85,105,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(71,85,105,.1) 1px,transparent 1px)}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@media print{.no-print{display:none!important}body,.dark body{background:#fff!important;color:#000!important}.print-break{page-break-after:always}.print-avoid-break{page-break-inside:avoid}}@media (max-width: 640px){.heading-xl{font-size:2.5rem}.heading-lg{font-size:2rem}.heading-md{font-size:1.75rem}.heading-sm{font-size:1.5rem}.section{padding:3rem 0}.container-custom{padding-left:1rem;padding-right:1rem}}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.dark a:focus-visible,.dark button:focus-visible,.dark input:focus-visible,.dark textarea:focus-visible,.dark select:focus-visible{outline-color:#3b82f6}a{color:#2563eb;text-decoration:none;transition:color .2s ease}.dark a{color:#60a5fa}a:hover{color:#1d4ed8;text-decoration:underline}.dark a:hover{color:#93c5fd}table{width:100%;border-collapse:collapse}th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#111827;background-color:#f9fafb;border-bottom:2px solid #e5e7eb}.dark th{color:#f1f5f9;background-color:#1e293b;border-bottom-color:#334155}td{padding:.75rem 1rem;color:#374151;border-bottom:1px solid #e5e7eb}.dark td{color:#d1d5db;border-bottom-color:#334155}tr:hover td{background-color:#f9fafb}.dark tr:hover td{background-color:#1e293b}.modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50}.custom-scroll::-webkit-scrollbar{width:8px;height:8px}.custom-scroll::-webkit-scrollbar-track{background:transparent}.custom-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dark .custom-scroll::-webkit-scrollbar-thumb{background:#475569}nav{background-color:#fff;border-bottom:1px solid #e5e7eb}.dark nav{background-color:#0f172a;border-bottom-color:#1e293b}#home{background:linear-gradient(to bottom,#fff,#f9fafb)}.dark #home{background:linear-gradient(to bottom,#0f172a,#1e293b)}#about{background-color:#f9fafb}.dark #about{background-color:#020617}#projects{background-color:#fff}.dark #projects{background-color:#0f172a}#skills{background-color:#f9fafb}.dark #skills{background-color:#020617}#testimonials{background-color:#fff}.dark #testimonials{background-color:#0f172a}#contact{background-color:#f9fafb}.dark #contact{background-color:#020617}footer{background-color:#fff;border-top:1px solid #e5e7eb}.dark footer{background-color:#0f172a;border-top-color:#1e293b}.admin-sidebar{background-color:#fff;border-right:1px solid #e5e7eb}.dark .admin-sidebar{background-color:#0f172a;border-right-color:#1e293b}.admin-topbar{background-color:#fff;border-bottom:1px solid #e5e7eb}.dark .admin-topbar{background-color:#0f172a;border-bottom-color:#1e293b}label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.dark label{color:#d1d5db}textarea{resize:vertical;min-height:100px}select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.dark select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}checkbox,input[type=radio]{accent-color:#2563eb}.error-message{color:#dc2626;font-size:.875rem;margin-top:.25rem}.dark .error-message{color:#f87171}.success-message{color:#059669;font-size:.875rem;margin-top:.25rem}.dark .success-message{color:#34d399}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6 80px);background-size:1000px 100%;animation:shimmer 2s infinite}.dark .skeleton{background:linear-gradient(90deg,#1e293b,#334155,#1e293b 80px)}.tooltip{position:relative}.tooltip:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.5rem .75rem;background-color:#111827;color:#fff;font-size:.875rem;border-radius:.375rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;margin-bottom:.5rem}.tooltip:hover:before{opacity:1}.divider{height:1px;background-color:#e5e7eb;margin:1.5rem 0}.dark .divider{background-color:#334155}.status-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;margin-right:.5rem}.status-active{background-color:#10b981}.status-inactive{background-color:#ef4444}.status-pending{background-color:#f59e0b}img{max-width:100%;height:auto;display:block}code{padding:.125rem .375rem;background-color:#f3f4f6;color:#1f2937;border-radius:.25rem;font-size:.875em;font-family:Courier New,monospace}.dark code{background-color:#1e293b;color:#e2e8f0}pre{padding:1rem;background-color:#1f2937;color:#f3f4f6;border-radius:.5rem;overflow-x:auto;margin:1rem 0}pre code{background-color:transparent;padding:0;color:inherit}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}