@media (max-width:640px){h1{font-size:1.5rem;line-height:2rem}h2{font-size:1.25rem}h2,h3{line-height:1.75rem}h3{font-size:1.125rem}.section-padding{padding:2rem 1rem}.card{border-radius:.75rem;padding:1rem}.button,button{padding:.5rem .75rem}.button,button,input,select,textarea{font-size:.875rem;line-height:1.25rem}table{display:block;overflow-x:auto;white-space:nowrap}[role=dialog]{height:100%;width:100%;max-width:100%;border-radius:0}}@media (hover:none) and (pointer:coarse){a,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}.icon-button{padding:.75rem}}@media (max-width:1024px){.dashboard-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.sidebar{display:none}.mobile-menu{display:block}}@media (max-width:768px){.card-template{height:100vh;width:100%;max-width:100%;border-radius:0}.card-preview{border-radius:var(--radius)}}@media (max-width:640px){.portfolio-grid,.product-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}}@media (min-width:641px) and (max-width:1024px){.portfolio-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}}@media (max-width:640px){.form-row{flex-direction:column}.form-row>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.form-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}.chart-container{height:16rem}.stat-card{padding:1rem}}@media (max-width:768px){.nav-tabs{flex-wrap:nowrap;overflow-x:auto}.nav-tab{flex-shrink:0;padding:.5rem .75rem;font-size:.75rem;line-height:1rem}}@media (max-width:640px){.profile-image{height:5rem;width:5rem}.portfolio-image{height:12rem}}.mobile-only{display:block}.desktop-only{display:none}@media (min-width:768px){.mobile-only{display:none}.desktop-only{display:block}}@supports (padding:max(0px)){.safe-area-top{padding-top:max(1rem,env(safe-area-inset-top))}.safe-area-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.safe-area-left{padding-left:max(1rem,env(safe-area-inset-left))}.safe-area-right{padding-right:max(1rem,env(safe-area-inset-right))}}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}.scroll-container{-webkit-overflow-scrolling:touch}@media (max-width:640px){.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}}.truncate-mobile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:768px){.truncate-mobile{white-space:normal}}@media (max-width:640px){[role=dialog]{max-height:100vh;overflow-y:auto}.dialog-content{margin:0;max-width:100%}.dropdown-menu,[role=menu]{left:0;right:0;width:100vw;max-width:100%}}.loading-spinner{height:2rem;width:2rem}@media (max-width:640px){.loading-spinner{height:1.5rem;width:1.5rem}}.badge{padding:.25rem .5rem;font-size:.75rem;line-height:1rem}@media (min-width:768px){.badge{padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem}}.avatar-sm{height:2rem;width:2rem}.avatar-md{height:3rem;width:3rem}.avatar-lg{height:4rem;width:4rem}@media (min-width:640px){.avatar-lg{height:5rem;width:5rem}}.social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}@media (min-width:640px){.social-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:768px){.social-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.contact-info{display:flex;flex-direction:column;gap:.25rem}@media (min-width:640px){.contact-info{flex-direction:row;align-items:center;gap:.5rem}}.action-buttons{display:flex;flex-direction:column;gap:.5rem}@media (min-width:640px){.action-buttons{flex-direction:row;gap:.75rem}}.feature-card{padding:1rem}@media (min-width:640px){.feature-card{padding:1.5rem}}@media (min-width:1024px){.feature-card{padding:2rem}}.testimonial-card{padding:1rem}@media (min-width:640px){.testimonial-card{padding:1.5rem}}.footer-content{display:flex;flex-direction:column;gap:1.5rem}@media (min-width:768px){.footer-content{flex-direction:row;gap:3rem}}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(249 115 22/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}@media (hover:none) and (pointer:coarse){a:active,button:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s;animation-duration:.1s}}@media (max-height:500px) and (orientation:landscape){.modal-content{max-height:100vh;overflow-y:auto}.card-template{height:auto;min-height:100vh}}@media print{.no-print,.sidebar,footer,header,nav{display:none}.print-full-width{width:100%}}[dir=rtl]{direction:rtl}[dir=rtl] p,[dir=rtl] span:not(.inline-flex):not(.flex){text-align:right}[dir=rtl] .text-left{text-align:right!important}[dir=rtl] .text-right{text-align:left!important}[dir=rtl] .ml-auto{margin-right:auto!important;margin-left:unset!important}[dir=rtl] .mr-auto{margin-left:auto!important;margin-right:unset!important}[dir=rtl] .flex-row{flex-direction:row-reverse}[dir=rtl] .space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}[dir=rtl] .space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}[dir=rtl] .space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}[dir=rtl] .space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}[dir=rtl] .space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}[dir=rtl] .space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}[dir=rtl] .rounded-l-lg{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}[dir=rtl] .rounded-r-lg{border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}[dir=rtl] .left-0{right:0;left:unset}[dir=rtl] .right-0{left:0;right:unset}[dir=rtl] .translate-x-full{transform:translateX(-100%)}[dir=rtl] .-translate-x-full{transform:translateX(100%)}[dir=rtl] .origin-top-right{transform-origin:top left}[dir=rtl] .origin-top-left{transform-origin:top right}[dir=rtl] .icon-left{margin-right:0;margin-left:.5rem}[dir=rtl] .icon-right{margin-left:0;margin-right:.5rem}[dir=rtl] .mr-1{margin-right:0!important;margin-left:.25rem!important}[dir=rtl] .mr-3{margin-right:0!important;margin-left:.75rem!important}[dir=rtl] .ml-1{margin-left:0!important;margin-right:.25rem!important}[dir=rtl] .ml-3{margin-left:0!important;margin-right:.75rem!important}.rtl-space-x-2>:not([hidden])~:not([hidden]){margin-right:.5rem;margin-left:0}[dir=rtl] .rtl-space-x-2>:not([hidden])~:not([hidden]){margin-right:0;margin-left:.5rem}.rtl-space-x-3>:not([hidden])~:not([hidden]){margin-right:.75rem;margin-left:0}[dir=rtl] .rtl-space-x-3>:not([hidden])~:not([hidden]){margin-right:0;margin-left:.75rem}.rtl-space-x-4>:not([hidden])~:not([hidden]){margin-right:1rem;margin-left:0}[dir=rtl] .rtl-space-x-4>:not([hidden])~:not([hidden]){margin-right:0;margin-left:1rem}[dir=rtl] .card-rtl{direction:rtl}[dir=rtl] .card-rtl .card-content,[dir=rtl] .card-rtl .card-header,[dir=rtl] .form-field-rtl{text-align:right}[dir=rtl] .form-field-rtl input{text-align:right;padding-right:.75rem;padding-left:.75rem}[dir=rtl] .form-field-rtl textarea{text-align:right}[dir=rtl] .form-field-rtl select{background-position:left .5rem center;padding-right:.75rem;padding-left:2.5rem}[dir=rtl] input[type=date],[dir=rtl] input[type=email],[dir=rtl] input[type=password],[dir=rtl] input[type=search],[dir=rtl] input[type=tel],[dir=rtl] input[type=text],[dir=rtl] input[type=time],[dir=rtl] input[type=url],[dir=rtl] textarea{text-align:right;direction:rtl}[dir=rtl] .input-group{direction:rtl}[dir=rtl] .input-group .input-group-text{border-right:0;border-left:1px solid #d1d5db;border-radius:0 .375rem .375rem 0}[dir=rtl] .input-group input{border-left:0;border-right:1px solid #d1d5db;border-radius:.375rem 0 0 .375rem}[dir=rtl] .dialog-content,[dir=rtl] .dialog-description,[dir=rtl] .dialog-title{text-align:right}[dir=rtl] .grid-cols-2,[dir=rtl] .grid-cols-3,[dir=rtl] .grid-cols-4,[dir=rtl] .grid-cols-5{direction:ltr}[dir=rtl] .btn-group,[dir=rtl] .grid-cols-2>*,[dir=rtl] .grid-cols-3>*,[dir=rtl] .grid-cols-4>*,[dir=rtl] .grid-cols-5>*{direction:rtl}[dir=rtl] .btn-group .btn:not(:last-child){border-left:0;border-right:1px solid rgba(0,0,0,.125);border-radius:0 .375rem .375rem 0}[dir=rtl] .btn-group .btn:not(:first-child){border-right:0;border-left:1px solid rgba(0,0,0,.125);border-radius:.375rem 0 0 .375rem}[dir=rtl] .list-item-with-icon{direction:rtl}[dir=rtl] .list-item-with-icon .icon{margin-right:0;margin-left:.5rem}[dir=rtl] .notification-container,[dir=rtl] .toast-container{right:auto!important;left:1rem!important}[dir=rtl] .sidebar{border-right:0;border-left:1px solid #e5e7eb}[dir=rtl] .sidebar-item{padding-right:.75rem;padding-left:1rem}[dir=rtl] .sidebar-icon{margin-right:0;margin-left:.75rem}[dir=rtl] .layout-container{direction:rtl}[dir=rtl] .main-content{padding-right:0;padding-left:1rem}[dir=rtl] .pr-1{padding-right:0!important;padding-left:.25rem!important}[dir=rtl] .pr-2{padding-right:0!important;padding-left:.5rem!important}[dir=rtl] .pr-3{padding-right:0!important;padding-left:.75rem!important}[dir=rtl] .pr-4{padding-right:0!important;padding-left:1rem!important}[dir=rtl] .pl-1{padding-left:0!important;padding-right:.25rem!important}[dir=rtl] .pl-2{padding-left:0!important;padding-right:.5rem!important}[dir=rtl] .pl-3{padding-left:0!important;padding-right:.75rem!important}[dir=rtl] .pl-4{padding-left:0!important;padding-right:1rem!important}[dir=rtl] .dropdown-menu{right:0;left:auto}[dir=rtl] .dropdown-menu-left{right:auto;left:0}[dir=rtl] .dropdown-menu-right{right:0;left:auto}[dir=rtl] .tab-list{direction:rtl}[dir=rtl] .tab-item{margin-right:0;margin-left:.5rem}[dir=rtl] .tab-item:first-child{margin-left:0}[dir=rtl] .card-with-actions .card-actions{text-align:left}[dir=rtl] .card-header-with-icon .icon{margin-right:0;margin-left:.5rem}[dir=rtl] .breadcrumb{direction:rtl}[dir=rtl] .breadcrumb-item:before{content:"\\";margin-right:.5rem;margin-left:0}[dir=rtl] .breadcrumb-item:after{content:""}[dir=rtl] .modal-header .close{margin-right:auto;margin-left:-1rem}[dir=rtl] .modal-footer{justify-content:flex-start}[dir=rtl] .modal-footer .btn:not(:first-child){margin-right:.5rem;margin-left:0}[dir=rtl] .table-responsive{direction:rtl}[dir=rtl] .table td:first-child,[dir=rtl] .table th:first-child{text-align:right}[dir=rtl] .table td:last-child,[dir=rtl] .table th:last-child{text-align:left}[dir=rtl] .accordion-header{text-align:right}[dir=rtl] .accordion-toggle{margin-right:auto;margin-left:0}[dir=rtl] .alert-with-icon .alert-icon{margin-right:0;margin-left:.75rem}[dir=rtl] .alert-dismissible .close{right:auto;left:0;padding-right:0;padding-left:1.25rem}[dir=rtl] .progress{direction:ltr}[dir=rtl] .progress-label{text-align:right}[dir=rtl] .pagination{direction:rtl}[dir=rtl] .page-link{margin-right:0;margin-left:.125rem}[dir=rtl] .tooltip-left{transform-origin:right center}[dir=rtl] .tooltip-right{transform-origin:left center}[dir=rtl] .peer-checked\:after\:translate-x-full:checked~.peer-checked\:after\:translate-x-full{transform:translateX(-100%)!important}[dir=rtl] .after\:left-\[2px\]:after{left:auto!important;right:2px!important}[dir=rtl] .peer-checked\:after\:translate-x-full.peer:checked~*{--tw-translate-x:-100%!important}[dir=rtl] .toggle-switch{direction:ltr}[dir=rtl] .toggle-switch:after{left:auto;right:2px}[dir=rtl] .toggle-switch:checked:after{transform:translateX(-100%)}[dir=rtl] .space-x-2>:not(:first-child){margin-left:0!important;margin-right:.5rem!important}[dir=rtl] .space-x-3>:not(:first-child){margin-left:0!important;margin-right:.75rem!important}[dir=rtl] .space-x-4>:not(:first-child){margin-left:0!important;margin-right:1rem!important}[dir=rtl] .space-x-6>:not(:first-child){margin-left:0!important;margin-right:1.5rem!important}[dir=rtl] .dashboard-content .space-x-1>:not(:first-child){margin-left:0!important;margin-right:.25rem!important}[dir=rtl] .dashboard-content .space-x-2>:not(:first-child){margin-left:0!important;margin-right:.5rem!important}[dir=rtl] .mr-2{margin-right:0!important;margin-left:.5rem!important}[dir=rtl] .mr-4{margin-right:0!important;margin-left:1rem!important}[dir=rtl] .ml-2{margin-left:0!important;margin-right:.5rem!important}[dir=rtl] .ml-4{margin-left:0!important;margin-right:1rem!important}[dir=rtl] .border-l-4{border-left-width:0!important;border-right-width:4px!important}[dir=rtl] .section-editor{border-left:0;border-right:4px solid;margin-left:0;margin-right:1rem}[dir=rtl] .card-section{direction:rtl}[dir=rtl] .card-section-content{text-align:right}[dir=rtl] .card-section-icon{margin-right:0;margin-left:.75rem}[dir=rtl] .dashboard-card{text-align:right}[dir=rtl] .dashboard-stat-icon{margin-right:0;margin-left:1rem}[dir=rtl] .dashboard-action-button{margin-right:0;margin-left:.5rem}[dir=rtl] .template-card .template-content{direction:rtl;text-align:right}[dir=rtl] .template-card .template-header{text-align:right}[dir=rtl] .template-card .template-stats{direction:ltr}[dir=rtl] .template-card .template-stats>*{direction:rtl;text-align:right}@media (max-width:768px){[dir=rtl] .mobile-menu{right:auto;left:0}[dir=rtl] .mobile-sidebar{transform:translateX(100%)}[dir=rtl] .mobile-sidebar.open{transform:translateX(0)}[dir=rtl] .mobile-nav-item{padding-right:1rem;padding-left:0}}[dir=rtl] .nav-item-rtl{direction:rtl}[dir=rtl] .btn-with-icon .icon,[dir=rtl] .nav-item-rtl .nav-icon{margin-right:0;margin-left:.5rem}[dir=rtl] .btn-with-icon .icon{order:1}[dir=rtl] .btn-with-icon .text{order:0}[dir=rtl] .modal-rtl .modal-close,[dir=rtl] .notification-rtl,[dir=rtl] .toast-rtl{right:auto;left:1rem}[dir=rtl]{font-family:Segoe UI,Tahoma,Arial,Helvetica,sans-serif,Arabic UI Text,SF Arabic,Lucida Grande;line-height:1.6}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{font-weight:600;line-height:1.4;text-align:right}[dir=rtl] .arabic-text{font-family:Segoe UI,Arabic UI Text,SF Arabic,Tahoma,sans-serif;font-size:1.1em;line-height:1.7;text-align:right}[dir=rtl] p{margin-bottom:1rem;line-height:1.7;text-align:right}[dir=rtl] .dashboard-content{direction:rtl}[dir=rtl] .card-description,[dir=rtl] .card-header,[dir=rtl] .card-title,[dir=rtl] .form-label,[dir=rtl] .text-sm{text-align:right}[dir=rtl] .badge-rtl,[dir=rtl] .chip-rtl{direction:rtl}[dir=rtl] .chip-rtl .chip-close{margin-right:0;margin-left:.25rem;order:-1}@keyframes slideInFromRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}[dir=rtl] .slide-in-left{animation:slideInFromRight .3s ease-out}[dir=rtl] .slide-in-right{animation:slideInFromLeft .3s ease-out}[dir=rtl] .carousel-rtl .carousel-control-prev{right:0;left:auto}[dir=rtl] .carousel-rtl .carousel-control-next{left:0;right:auto}[dir=rtl] .progress-bar-rtl{transform-origin:right}[dir=rtl] .table-rtl{direction:rtl}[dir=rtl] .table-rtl td,[dir=rtl] .table-rtl th{text-align:right}[dir=rtl] .table-rtl .table-actions{text-align:left}:root{--primary-50:16 100% 98%;--primary-100:16 100% 95%;--primary-200:16 100% 90%;--primary-300:16 100% 82%;--primary-400:16 100% 72%;--primary-500:16 100% 62%;--primary-600:16 95% 55%;--primary-700:16 90% 48%;--primary-800:16 85% 41%;--primary-900:16 80% 35%;--secondary-50:9 100% 98%;--secondary-100:9 100% 95%;--secondary-200:9 100% 90%;--secondary-300:9 100% 82%;--secondary-400:9 100% 72%;--secondary-500:9 100% 64%;--secondary-600:9 95% 57%;--secondary-700:9 90% 50%;--secondary-800:9 85% 43%;--secondary-900:9 80% 37%;--accent-50:350 100% 98%;--accent-100:350 100% 95%;--accent-200:350 100% 90%;--accent-300:350 100% 82%;--accent-400:350 100% 72%;--accent-500:350 89% 60%;--accent-600:350 84% 53%;--accent-700:350 79% 46%;--accent-800:350 74% 39%;--accent-900:350 69% 32%;--success-50:142 76% 97%;--success-100:141 84% 93%;--success-200:141 79% 85%;--success-300:142 77% 73%;--success-400:142 69% 58%;--success-500:142 71% 45%;--success-600:142 76% 36%;--success-700:142 85% 28%;--success-800:143 64% 24%;--success-900:144 61% 20%;--warning-50:48 100% 96%;--warning-100:48 96% 89%;--warning-200:48 97% 77%;--warning-300:46 92% 64%;--warning-400:43 89% 55%;--warning-500:38 92% 50%;--warning-600:32 95% 44%;--warning-700:26 90% 37%;--warning-800:23 83% 31%;--warning-900:22 78% 26%;--error-50:0 86% 97%;--error-100:0 93% 94%;--error-200:0 96% 89%;--error-300:0 94% 82%;--error-400:0 91% 71%;--error-500:0 84% 60%;--error-600:0 72% 51%;--error-700:0 74% 42%;--error-800:0 70% 35%;--error-900:0 63% 31%;--neutral-0:0 0% 100%;--neutral-50:210 20% 98%;--neutral-100:220 14% 96%;--neutral-200:220 13% 91%;--neutral-300:216 12% 84%;--neutral-400:218 11% 65%;--neutral-500:220 9% 46%;--neutral-600:215 14% 34%;--neutral-700:217 19% 27%;--neutral-800:215 28% 17%;--neutral-900:221 39% 11%;--neutral-950:224 71% 4%;--gradient-primary:linear-gradient(135deg,hsl(var(--primary-500)) 0%,hsl(var(--secondary-500)) 100%);--gradient-primary-soft:linear-gradient(135deg,hsl(var(--primary-100)) 0%,hsl(var(--secondary-100)) 100%);--gradient-accent:linear-gradient(135deg,hsl(var(--accent-500)) 0%,hsl(var(--primary-600)) 100%);--gradient-sunset:linear-gradient(135deg,hsl(var(--secondary-400)) 0%,hsl(var(--accent-400)) 50%,hsl(var(--primary-500)) 100%);--gradient-ocean:linear-gradient(135deg,#667eea,#764ba2);--gradient-forest:linear-gradient(135deg,#11998e,#38ef7d);--gradient-cosmic:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);--glass-light:hsla(0,0%,100%,.08);--glass-light-border:hsla(0,0%,100%,.12);--glass-dark:rgba(0,0,0,.08);--glass-dark-border:hsla(0,0%,100%,.08);--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-colored:0 25px 50px -12px hsla(var(--primary-500),0.25);--shadow-colored-lg:0 35px 60px -12px hsla(var(--primary-500),0.3);--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--duration-slower:750ms;--spacing-px:1px;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--spacing-40:10rem;--spacing-48:12rem;--spacing-56:14rem;--spacing-64:16rem;--radius-none:0;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px}.dark{--glass-light:hsla(0,0%,100%,.05);--glass-light-border:hsla(0,0%,100%,.08);--glass-dark:rgba(0,0,0,.3);--glass-dark-border:hsla(0,0%,100%,.1);--shadow-colored:0 25px 50px -12px hsla(var(--primary-400),0.4);--shadow-colored-lg:0 35px 60px -12px hsla(var(--primary-400),0.5)}body{font-family:var(--font-inter,"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);font-feature-settings:"cv11","ss01";font-variation-settings:"opsz" 32;letter-spacing:-.011em;line-height:1.5}.font-display{font-family:var(--font-inter,"Inter",system-ui,sans-serif);font-weight:700;letter-spacing:-.025em;line-height:1.1}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;box-shadow:var(--shadow-colored);transition:all var(--duration-normal) cubic-bezier(.4,0,.2,1)}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-colored-lg)}.btn-secondary{background:hsl(var(--neutral-0));color:hsl(var(--neutral-700));border:1px solid hsl(var(--neutral-200));box-shadow:var(--shadow-sm);transition:all var(--duration-normal) cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:hsl(var(--neutral-50));border-color:hsl(var(--neutral-300));transform:translateY(-1px);box-shadow:var(--shadow-md)}.card-enhanced{background:hsl(var(--neutral-0)/.8);backdrop-filter:blur(20px);border:1px solid hsl(var(--neutral-200)/.5);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);transition:all var(--duration-normal) cubic-bezier(.4,0,.2,1)}.card-enhanced:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-2xl);border-color:hsl(var(--primary-200)/.6)}.glass-card{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-light-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.glass-card,.glass-nav{background:var(--glass-light)}.glass-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-light-border)}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-1deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px hsla(var(--primary-500),.4)}50%{box-shadow:0 0 40px hsla(var(--primary-500),.7)}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes blob-morph{0%,to{transform:translate(0) scale(1) rotate(0deg);border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{transform:translate(20px,-15px) scale(1.1) rotate(90deg);border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{transform:translate(-10px,10px) scale(.9) rotate(180deg);border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{transform:translate(-20px,-5px) scale(1.05) rotate(270deg);border-radius:33% 67% 58% 42%/63% 68% 32% 37%}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.animate-gradient-shift{background-size:300% 300%;animation:gradient-shift 8s ease infinite}.animate-blob-morph{animation:blob-morph 20s ease-in-out infinite}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-primary-soft{background:var(--gradient-primary-soft)}.bg-gradient-accent{background:var(--gradient-accent)}.bg-gradient-sunset{background:var(--gradient-sunset)}.bg-gradient-ocean{background:var(--gradient-ocean)}.bg-gradient-forest{background:var(--gradient-forest)}.bg-gradient-cosmic{background:var(--gradient-cosmic)}.text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-sunset{background:var(--gradient-sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.shadow-colored{box-shadow:var(--shadow-colored)}.shadow-colored-lg{box-shadow:var(--shadow-colored-lg)}@media (max-width:768px){.card-enhanced{border-radius:var(--radius-xl)}.btn-primary{font-size:.9rem;padding:.75rem 1.5rem}}@media (prefers-reduced-motion:reduce){.animate-blob-morph,.animate-float,.animate-gradient-shift,.animate-pulse-glow{animation:none}.btn-primary:hover,.btn-secondary:hover,.card-enhanced:hover{transform:none}}.dark .card-enhanced{background:hsl(var(--neutral-900)/.8);border-color:hsl(var(--neutral-700)/.5)}.dark .glass-card{background:var(--glass-dark);border-color:var(--glass-dark-border)}.dark .btn-secondary{background:hsl(var(--neutral-800));color:hsl(var(--neutral-200));border-color:hsl(var(--neutral-700))}.dark .btn-secondary:hover{background:hsl(var(--neutral-700));border-color:hsl(var(--neutral-600))}