:root{--color-primary:#336699;--color-primary-dark:#23415a;--color-primary-light:#6699cc;--color-secondary:#4f83cc;--color-accent:#e67e22;--color-dark:#1a1a1a;--color-gray-900:#23282d;--color-gray-800:#32373c;--color-gray-700:#464b50;--color-gray-600:#646970;--color-gray-500:#787c82;--color-gray-400:#a7aaad;--color-gray-300:#c3c4c7;--color-gray-200:#dcdcde;--color-gray-100:#f0f0f1;--color-light:#f6f7f7;--color-white:#ffffff;--color-text:var(--color-gray-900);--color-text-light:var(--color-gray-600);--color-border:var(--color-gray-200);--color-background:var(--color-white);--color-background-alt:var(--color-gray-100);--color-success:#2a9d8f;--color-warning:#e9c46a;--color-error:#e76f51;--color-info:#118ab2;--font-primary:'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-heading:'Oswald', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-secondary:Georgia, 'Times New Roman', Times, serif;--font-monospace:'Courier New', Courier, monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-size-4xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--line-height-loose:2;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--container-xs:480px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1200px;--container-2xl:1400px;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1);--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:350ms ease-in-out;--z-below:-1;--z-normal:1;--z-tooltip:10;--z-fixed:100;--z-modal:1000;}
*,
*::before,
*::after {
box-sizing: border-box;
} *{margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;}
body{min-height:100vh;line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden;}
body::before, body::after{content:'';position:fixed;z-index:var(--z-below);opacity:0.03;pointer-events:none;animation:float 20s ease-in-out infinite;}
body::before{width:600px;height:600px;top:-200px;right:-200px;background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);border-radius:40% 60% 70% 30% / 40% 50% 60% 50%;animation:float 20s ease-in-out infinite, morph 15s ease-in-out infinite;}
body::after{width:500px;height:500px;bottom:-150px;left:-150px;background:linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary-dark) 100%);border-radius:60% 40% 30% 70% / 60% 30% 70% 40%;animation:float 25s ease-in-out infinite reverse, morph 18s ease-in-out infinite reverse;}
@keyframes float {
0%,
100%{transform:translate(0, 0) rotate(0deg) scale(1);}
25%{transform:translate(30px, -30px) rotate(5deg) scale(1.05);}
50%{transform:translate(-20px, 20px) rotate(-3deg) scale(0.95);}
75%{transform:translate(40px, 10px) rotate(7deg) scale(1.02);}
}
@keyframes morph {
0%,
100%{border-radius:40% 60% 70% 30% / 40% 50% 60% 50%;}
25%{border-radius:60% 40% 50% 50% / 30% 60% 40% 70%;}
50%{border-radius:50% 60% 30% 70% / 60% 30% 70% 40%;}
75%{border-radius:70% 30% 60% 40% / 50% 70% 30% 60%;}
}
img, picture, video, canvas, svg{display:block;max-width:100%;height:auto;}
input, button, textarea, select{font:inherit;}
p, h1, h2, h3, h4, h5, h6{overflow-wrap:break-word;}
ul, ol {
list-style: none;
} a{text-decoration:none;color:inherit;}
button{background:none;border:none;cursor:pointer;}
table{border-collapse:collapse;border-spacing:0;}
body{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-text);background-color:var(--color-background-alt);}
h1, h2, h3, h4, h5, h6{font-family:var(--font-heading);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--color-dark);margin-bottom:var(--space-md);}
h1{font-size:var(--font-size-3xl);}
h2{font-size:var(--font-size-2xl);}
h3{font-size:var(--font-size-xl);}
h4{font-size:var(--font-size-lg);}
h5{font-size:var(--font-size-md);}
h6{font-size:var(--font-size-xs);}
p {
margin-bottom: var(--space-md);
line-height: var(--line-height-relaxed);
} a{color:var(--color-primary);text-decoration:underline;transition:color var(--transition-fast);}
a:hover, a:focus{color:var(--color-primary-dark);text-decoration:none;}
a:active{color:var(--color-secondary);}
strong, b{font-weight:var(--font-weight-medium);}
em, i{font-style:italic;}
small{font-size:var(--font-size-sm);}
code, kbd, pre, samp{font-family:var(--font-monospace);font-size:var(--font-size-sm);}
code{padding:var(--space-xs) var(--space-sm);background-color:var(--color-background-alt);border-radius:var(--radius-sm);}
pre{padding:var(--space-md);background-color:var(--color-background-alt);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-md);}
pre code{padding:0;background-color:transparent;}
blockquote{padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-md);border-left:4px solid var(--color-primary);background-color:var(--color-background-alt);font-style:italic;color:var(--color-text-light);}
blockquote p:last-child{margin-bottom:0;}
hr{margin:var(--space-lg) 0;border:0 !important;height:1px;background:linear-gradient(to right, transparent, var(--color-primary), transparent);opacity:0.3;position:relative;}
hr::before{content:'';position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:60px;height:5px;background:var(--color-primary);border-radius:var(--radius-full);opacity:0.6;}
ul, ol{margin-bottom:var(--space-md);padding-left:var(--space-2xl);}
.entry-content ul{list-style:disc;}
.entry-content ol{list-style:decimal;}
.entry-content ul ul, .entry-content ol ol, .entry-content ul ol, .entry-content ol ul{margin-top:var(--space-sm);margin-bottom:var(--space-sm);}
.entry-content li{margin-bottom:var(--space-sm);}
.container{width:100%;max-width:var(--container-xl);margin-left:auto;margin-right:auto;padding-left:var(--space-md);padding-right:var(--space-md);}
.container-sm{max-width:var(--container-sm);}
.container-md{max-width:var(--container-md);}
.container-lg{max-width:var(--container-lg);}
.container-fluid{max-width:100%;}
.wrapper{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl);}
.section{margin-bottom:var(--space-3xl);}
.row{display:flex;flex-wrap:wrap;margin-left:calc(var(--space-md) * -1);margin-right:calc(var(--space-md) * -1);}
.col{flex:1;padding-left:var(--space-md);padding-right:var(--space-md);}
@media(max-width:768px){
:root{--font-size-4xl:2rem;--font-size-3xl:1.75rem;--font-size-2xl:1.5rem;--font-size-xl:1.25rem;}
}
@media(max-width:480px){
:root {
--font-size-4xl: 1.75rem; --font-size-3xl: 1.5rem; --font-size-2xl: 1.25rem; }
.container {
padding-left: var(--space-sm);
padding-right: var(--space-sm);
}
}form{margin:0;}
fieldset{padding:var(--space-lg);margin:0 0 var(--space-lg) 0;border:1px solid var(--color-border);border-radius:var(--radius-md);}
legend{padding:0 var(--space-sm);font-weight:var(--font-weight-medium);color:var(--color-dark);}
label{display:block;margin-bottom:var(--space-sm);font-weight:var(--font-weight-medium);color:var(--color-text);cursor:pointer;}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
select, textarea{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base);font-family:var(--font-primary);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
select:focus, textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0, 115, 170, 0.1);}
textarea{min-height:120px;resize:vertical;}
select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23646970' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;background-size:12px;padding-right:calc(var(--space-md) * 2.5);appearance:none;}
input[type="checkbox"],
input[type="radio"]{width:auto;margin-right:var(--space-sm);cursor:pointer;}
button, input[type="submit"],
input[type="button"],
input[type="reset"],
.btn{display:inline-block;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-primary);line-height:var(--line-height-normal);text-align:center;text-decoration:none;color:var(--color-white);background-color:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast);}
button:hover, input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
.btn:hover, button:focus, input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
.btn:focus{background-color:var(--color-primary-dark);transform:translateY(-1px);}
button:active, input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active,
.btn:active{transform:translateY(0);}
button:disabled, input[type="submit"]:disabled,
input[type="button"]:disabled,
input[type="reset"]:disabled,
.btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;}
.btn-secondary{background-color:var(--color-secondary);}
.btn-secondary:hover, .btn-secondary:focus{background-color:var(--color-primary-dark);}
.btn-outline{color:var(--color-primary);background-color:transparent;border:2px solid var(--color-primary);}
.btn-outline:hover, .btn-outline:focus{color:var(--color-white);background-color:var(--color-primary);}
.btn-small{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);}
.btn-large{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg);}
.form-group{margin-bottom:var(--space-lg);}
.form-group:last-child{margin-bottom:0;}
.form-inline{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap;}
.form-inline .form-group{margin-bottom:0;flex:1;}
.form-group.error input, .form-group.error select, .form-group.error textarea{border-color:var(--color-error);}
.form-group.error input:focus, .form-group.error select:focus, .form-group.error textarea:focus{box-shadow:0 0 0 3px rgba(220, 50, 50, 0.1);}
.form-group.success input, .form-group.success select, .form-group.success textarea{border-color:var(--color-success);}
.form-group.success input:focus, .form-group.success select:focus, .form-group.success textarea:focus{box-shadow:0 0 0 3px rgba(70, 180, 80, 0.1);}
.form-error, .error-message{display:block;margin-top:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-error);}
.form-help, .help-text{display:block;margin-top:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-light);}
.search-form{position:relative;display:flex;gap:var(--space-sm);}
.search-form label{flex:1;margin-bottom:0;}
.search-form .search-field{width:100%;}
.search-form .search-submit{flex-shrink:0;}
.wpcf7{margin-bottom:var(--space-xl);}
.wpcf7-form-control-wrap{display:block;position:relative;}
.wpcf7-not-valid-tip{display:block;margin-top:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-error);}
.wpcf7-validation-errors, .wpcf7-mail-sent-ok{padding:var(--space-md);margin-top:var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);}
.wpcf7-validation-errors{background-color:rgba(220, 50, 50, 0.1);border:1px solid var(--color-error);color:var(--color-error);}
.wpcf7-mail-sent-ok{background-color:rgba(70, 180, 80, 0.1);border:1px solid var(--color-success);color:var(--color-success);}
.wpcf7-spinner{margin-left:var(--space-sm);}
input[type="file"]{padding:var(--space-sm);cursor:pointer;}
input[type="file"]::-webkit-file-upload-button{padding:var(--space-xs) var(--space-md);margin-right:var(--space-md);background-color:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);}
input[type="file"]::-webkit-file-upload-button:hover{background-color:var(--color-gray-200);}
@media(max-width:768px){
.form-inline{flex-direction:column;align-items:stretch;}
.form-inline .form-group{width:100%;}
}
.comments-area{margin-top:var(--space-3xl);padding-top:var(--space-3xl);border-top:1px solid var(--color-border);}
.comments-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--color-dark);margin-bottom:var(--space-xl);}
.no-comments{padding:var(--space-xl);background-color:var(--color-background-alt);border-radius:var(--radius-md);text-align:center;color:var(--color-text-light);}
.comment-list{list-style:none;margin:0;padding:0;}
.comment-list .children{list-style:none;margin-left:var(--space-2xl);padding:0;}
.comment{margin-bottom:var(--space-xl);padding:var(--space-lg);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);position:relative;}
.comment:last-child{margin-bottom:0;}
.comment .children{margin-top:var(--space-xl);}
.comment .children .comment{border-left:3px solid var(--color-primary);}
.comment-body{display:flex;gap:var(--space-lg);}
.comment-author{flex-shrink:0;}
.comment-author .avatar{border-radius:var(--radius-full);border:2px solid var(--color-border);}
.comment-content-wrapper{flex:1;min-width:0;}
.comment-meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);flex-wrap:wrap;}
.comment-author-name{font-weight:var(--font-weight-medium);color:var(--color-dark);margin:0;}
.comment-author-name a{color:var(--color-dark);text-decoration:none;transition:color var(--transition-fast);}
.comment-author-name a:hover, .comment-author-name a:focus{color:var(--color-primary);}
.says{display:none;}
.comment-metadata{display:flex;align-items:center;gap:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-light);}
.comment-metadata a{color:var(--color-text-light);text-decoration:none;transition:color var(--transition-fast);}
.comment-metadata a:hover, .comment-metadata a:focus{color:var(--color-primary);}
.comment-edit-link{color:var(--color-primary);font-weight:var(--font-weight-medium);}
.comment-content{margin-top:var(--space-md);color:var(--color-text);line-height:var(--line-height-relaxed);}
.comment-content p{margin-bottom:var(--space-md);}
.comment-content p:last-child{margin-bottom:0;}
.comment-awaiting-moderation{display:inline-block;padding:var(--space-xs) var(--space-md);margin-top:var(--space-sm);background-color:var(--color-warning);color:var(--color-dark);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);}
.comment-reply-link{display:inline-block;margin-top:var(--space-md);padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);background-color:var(--color-background-alt);border-radius:var(--radius-sm);text-decoration:none;transition:all var(--transition-fast);}
.comment-reply-link:hover, .comment-reply-link:focus{background-color:var(--color-primary);color:var(--color-white);transform:translateY(-1px);}
.pingback, .trackback{padding:var(--space-md);background-color:var(--color-background-alt);border-left:3px solid var(--color-info);border-radius:var(--radius-md);margin-bottom:var(--space-md);}
.pingback .comment-body, .trackback .comment-body{display:block;}
.pingback .edit-link, .trackback .edit-link{margin-left:var(--space-md);}
.bypostauthor>.comment-body{border:2px solid var(--color-primary);background-color:rgba(0, 115, 170, 0.03);}
.bypostauthor .comment-author-name::after{content:"Author";display:inline-block;margin-left:var(--space-sm);padding:2px var(--space-sm);background-color:var(--color-primary);color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:0.5px;}
.comment-navigation{display:flex;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-md);background-color:var(--color-background-alt);border-radius:var(--radius-md);}
.comment-navigation .nav-previous, .comment-navigation .nav-next{flex:1;}
.comment-navigation a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast);}
.comment-navigation a:hover, .comment-navigation a:focus{color:var(--color-primary-dark);}
.comment-respond{margin-top:var(--space-xl);padding:var(--space-lg);background-color:var(--color-background);border-radius:var(--radius-md);}
.comment-reply-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-dark);margin-bottom:var(--space-lg);display:flex;align-items:center;justify-content:space-between;}
.comment-reply-title small{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);}
.comment-reply-title small a{color:var(--color-error);text-decoration:none;transition:color var(--transition-fast);}
.comment-reply-title small a:hover{color:var(--color-primary-dark);}
.comment-form{display:grid;}
.comment-form-author, .comment-form-email, .comment-form-url{margin-bottom:0;}
.comment-form-comment{grid-column:1 / -1;}
.comment-form-comment label{display:block;}
.comment-form-comment textarea{min-height:150px;}
.comment-form-cookies-consent{display:flex;align-items:flex-start;gap:var(--space-sm);}
.comment-form-cookies-consent input[type="checkbox"]{margin-top:4px;}
.comment-form-cookies-consent label{margin-bottom:0;font-weight:var(--font-weight-normal);cursor:pointer;}
.form-submit{grid-column:1 / -1;margin:0;}
.form-submit .submit{cursor:pointer;}
.logged-in-as{padding:var(--space-md);background-color:var(--color-background-alt);border-radius:var(--radius-md);font-size:var(--font-size-sm);}
.logged-in-as a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);}
.logged-in-as a:hover{text-decoration:underline;}
.comment-notes{margin-bottom:var(--space-lg);font-size:var(--font-size-sm);color:var(--color-text-light);}
.required{color:var(--color-error);}
@media(max-width:768px){
.comment-list .children{margin-left:var(--space-md);}
.comment-body{flex-direction:column;gap:var(--space-md);}
.comment-author .avatar{width:48px;height:48px;}
.comment-respond{padding:var(--space-lg);}
}
@media(max-width:480px){
.comment-list .children{margin-left:0;padding-left:var(--space-md);border-left:2px solid var(--color-border);}
.comment-meta{flex-direction:column;align-items:flex-start;gap:var(--space-xs);}
}
.post-navigation{margin-top:var(--space-xl);}
.nav-links{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);}
.nav-previous, .nav-next{display:flex;flex-direction:column;padding:var(--space-lg);background-color:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);}
.nav-previous:hover, .nav-next:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px);}
.nav-previous{text-align:left;}
.nav-next{text-align:right;}
.nav-subtitle{display:block;margin-bottom:var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-light);text-transform:uppercase;letter-spacing:0.5px;}
.nav-title{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-dark);line-height:var(--line-height-tight);transition:color var(--transition-fast);}
.nav-previous:hover .nav-title, .nav-next:hover .nav-title{color:var(--color-primary);}
.nav-links .nav-previous:only-child, .nav-links .nav-next:only-child{grid-column:1 / -1;}
.pagination, .posts-pagination{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border);}
.pagination .nav-links, .posts-pagination .nav-links{display:flex;justify-content:center;align-items:center;gap:var(--space-sm);flex-wrap:wrap;}
.pagination a, .pagination span, .posts-pagination a, .posts-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast);}
.pagination a:hover, .pagination a:focus, .posts-pagination a:hover, .posts-pagination a:focus{color:var(--color-white);background-color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm);}
.pagination .current, .posts-pagination .current{color:var(--color-white);background-color:var(--color-primary);border-color:var(--color-primary);cursor:default;}
.pagination .dots, .posts-pagination .dots{border:none;background:transparent;cursor:default;}
.pagination .prev, .pagination .next, .posts-pagination .prev, .posts-pagination .next{font-weight:var(--font-weight-medium);}
.page-links{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-xl);padding:var(--space-lg);background-color:var(--color-background-alt);border-radius:var(--radius-md);flex-wrap:wrap;}
.page-links .page-number{font-weight:var(--font-weight-medium);color:var(--color-text-light);margin-right:var(--space-sm);}
.page-links a, .page-links>span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;transition:all var(--transition-fast);}
.page-links a:hover, .page-links a:focus{color:var(--color-white);background-color:var(--color-primary);border-color:var(--color-primary);}
.page-links>span{color:var(--color-white);background-color:var(--color-primary);border-color:var(--color-primary);}
.nav-previous a, .nav-next a{color:inherit;text-decoration:none;}
.archive-navigation{margin-top:var(--space-3xl);padding:var(--space-xl);background-color:var(--color-background-alt);border-radius:var(--radius-md);}
.archive-navigation .nav-links{display:flex;justify-content:space-between;gap:var(--space-lg);}
.archive-navigation a{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);color:var(--color-primary);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;font-weight:var(--font-weight-medium);transition:all var(--transition-fast);}
.archive-navigation a:hover, .archive-navigation a:focus{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);transform:translateY(-2px);}
.breadcrumbs{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) 0;font-size:var(--font-size-sm);color:var(--color-text-light);flex-wrap:wrap;}
.breadcrumbs a{color:var(--color-text-light);text-decoration:none;transition:color var(--transition-fast);}
.breadcrumbs a:hover, .breadcrumbs a:focus{color:var(--color-primary);}
.breadcrumbs .separator{color:var(--color-border);margin:0 var(--space-xs);}
.breadcrumbs .current{color:var(--color-text);font-weight:var(--font-weight-medium);}
.image-navigation{display:flex;justify-content:space-between;gap:var(--space-lg);margin-top:var(--space-xl);}
.image-navigation .previous-image, .image-navigation .next-image{flex:1;}
.image-navigation a{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md);background-color:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast);}
.image-navigation a:hover{border-color:var(--color-primary);transform:translateY(-2px);}
.image-navigation img{max-width:150px;height:auto;border-radius:var(--radius-sm);}
.load-more-wrapper{text-align:center;margin-top:var(--space-3xl);}
.load-more-button{display:inline-block;padding:var(--space-md) var(--space-2xl);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-white);background-color:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);}
.load-more-button:hover, .load-more-button:focus{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md);}
.load-more-button:disabled{opacity:0.6;cursor:not-allowed;transform:none;}
.load-more-button.loading::after{content:"...";animation:loading 1s infinite;}
@keyframes loading {
0%,
20%{content:".";}
40%{content:"..";}
60%,
100%{content:"...";}
} .infinite-scroll-status{text-align:center;padding:var(--space-xl);color:var(--color-text-light);}
.infinite-scroll-request, .infinite-scroll-last{font-size:var(--font-size-sm);}
.infinite-scroll-error{color:var(--color-error);}
.no-results-navigation{margin-top:var(--space-xl);padding:var(--space-xl);background-color:var(--color-background-alt);border-radius:var(--radius-md);text-align:center;}
.no-results-navigation a{display:inline-block;margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);color:var(--color-white);background-color:var(--color-primary);border-radius:var(--radius-md);text-decoration:none;font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast);}
.no-results-navigation a:hover{background-color:var(--color-primary-dark);}
@media(max-width:768px){
.nav-links{grid-template-columns:1fr;gap:var(--space-lg);}
.nav-next{text-align:left;}
.pagination .nav-links, .posts-pagination .nav-links{gap:var(--space-xs);}
.pagination a, .pagination span, .posts-pagination a, .posts-pagination span{min-width:40px;height:40px;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);}
.page-links{flex-direction:column;align-items:flex-start;}
.archive-navigation .nav-links{flex-direction:column;}
.image-navigation{flex-direction:column;}
}
@media(max-width:480px){
.nav-previous, .nav-next{padding:var(--space-md);}
.nav-title{font-size:var(--font-size-base);}
.pagination a, .pagination span, .posts-pagination a, .posts-pagination span{min-width:36px;height:36px;padding:var(--space-xs);font-size:var(--font-size-xs);}
.pagination .page-numbers:not(.current):not(.prev):not(.next):not(.dots){display:none;}
.pagination .page-numbers.current, .pagination .page-numbers.prev, .pagination .page-numbers.next, .pagination .page-numbers.dots{display:inline-flex;}
.pagination .page-numbers.current+.page-numbers,
.pagination .page-numbers.current+.page-numbers{display:inline-flex;}
}
.page-header{margin-bottom:var(--space-xl);padding:var(--space-xl);background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-radius:var(--radius-lg);text-align:center;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(0, 0, 0, 0.08);transition:all var(--transition-base);}
.page-header::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);animation:shimmer 3s infinite;}
@keyframes shimmer {
0%{left:-100%;}
50%,
100%{left:100%;}
}
.page-header::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light), var(--color-secondary));transform:scaleX(0);transform-origin:left;animation:expand-bar 1s ease-out 0.3s forwards;}
@keyframes expand-bar {
to{transform:scaleX(1);}
}
.page-header:hover{box-shadow:0 8px 30px rgba(0, 115, 170, 0.15);transform:translateY(-2px);}
.page-header .page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-medium);color:var(--color-dark);margin-bottom:var(--space-sm);line-height:var(--line-height-tight);position:relative;z-index:1;animation:fade-in-up 0.6s ease-out;}
@keyframes fade-in-up {
from{opacity:0;transform:translateY(20px);}
to{opacity:1;transform:translateY(0);}
}
.page-header .page-title span{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;}
.page-header .page-title span::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light));border-radius:var(--radius-full);opacity:0.3;}
.page-header .page-description, .page-header .archive-description, .page-header .taxonomy-description{max-width:var(--container-md);margin:var(--space-md) auto 0;color:var(--color-text-light);line-height:var(--line-height-relaxed);font-size:var(--font-size-md);position:relative;z-index:1;animation:fade-in-up 0.6s ease-out 0.2s backwards;}
.page-header .page-description::before, .page-header .archive-description::before, .page-header .taxonomy-description::before{content:'✦';display:block;font-size:var(--font-size-2xl);color:var(--color-primary);margin-bottom:var(--space-sm);opacity:0.5;animation:rotate-icon 4s ease-in-out infinite;}
@keyframes rotate-icon {
0%,
100%{transform:rotate(0deg);}
50%{transform:rotate(180deg);}
} .entry-header{margin-bottom:var(--space-lg);}
.entry-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-medium);color:var(--color-dark);margin-bottom:var(--space-md);line-height:var(--line-height-tight);}
.entry-title a{color:var(--color-dark);text-decoration:none;transition:color var(--transition-fast);}
.entry-title a:hover{color:var(--color-primary);}
.entry-meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;font-size:var(--font-size-xs);color:var(--color-text-light);}
.entry-meta>span{display:inline-flex;align-items:center;gap:var(--space-xs);}
.entry-meta a{color:var(--color-text-light);text-decoration:none;transition:color var(--transition-fast);}
.entry-meta a:hover{color:var(--color-primary);}
.entry-content, .entry-summary{color:var(--color-text);line-height:var(--line-height-relaxed);}
.entry-content{margin-bottom:var(--space-lg);}
.entry-footer{margin-top:0;padding-top:var(--space-lg);border-top:1px solid var(--color-border);}
.entry-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:wrap;}
.tags-links{font-size:var(--font-size-sm);}
.tags-links .tags-label{font-weight:var(--font-weight-medium);color:var(--color-text-light);margin-right:var(--space-sm);}
.tags-links a{display:inline-block;padding:var(--space-xs) var(--space-sm);margin:0 var(--space-xs) var(--space-xs) 0;background-color:var(--color-background-alt);color:var(--color-text);border-radius:var(--radius-sm);font-size:var(--font-size-xs);text-decoration:none;transition:all var(--transition-fast);}
.tags-links a:hover{background-color:var(--color-primary);color:var(--color-white);}
.edit-link a{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);}
.posts-listing{width:100%;}
.posts-listing .entry-title{font-size:var(--font-size-xl);}
.posts-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:var(--space-xl);margin-bottom:var(--space-xl);}
.post-card, .posts-listing article.post, article.search-result{display:flex;flex-direction:column;background-color:var(--color-white);padding:0;border:2px solid transparent;border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);height:100%;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);position:relative;}
.post-card::before, .posts-listing article.post::before, article.search-result::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light));transform:scaleX(0);transition:transform var(--transition-base);z-index:1;}
.post-card:hover::before, .posts-listing article.post:hover::before, article.search-result:hover::before{transform:scaleX(1);}
article.post, article.page{padding:var(--space-lg);background-color:var(--color-background);}
.post-card:hover, .posts-listing article.post:hover, article.search-result:hover{border-color:rgba(0, 115, 170, 0.2);box-shadow:0 20px 25px -5px rgba(0, 115, 170, 0.1), 0 10px 10px -5px rgba(0, 115, 170, 0.04);transform:translateY(-8px);}
.post-category-header{padding:var(--space-md) var(--space-lg);text-align:center;position:relative;overflow:hidden;}
.post-category-header::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(255, 255, 255, 0.2);transform:skewX(-25deg);transition:left var(--transition-slow);}
.post-category-header:hover::before{left:100%;}
.category-header-link{position:relative;display:block;color:var(--color-white);font-weight:var(--font-weight-medium);font-size:var(--font-size-md);font-family:var(--font-heading);text-decoration:none;text-transform:uppercase;letter-spacing:0.5px;transition:all var(--transition-fast);}
.category-header-link:hover{color:var(--color-white);transform:scale(1.05);text-shadow:0 2px 4px rgba(0, 0, 0, 0.2);}
.post-content-wrapper{padding:var(--space-lg);flex:1;display:flex;flex-direction:column;}
.post-thumbnail{position:relative;overflow:hidden;background:linear-gradient(135deg, rgba(0, 115, 170, 0.05) 0%, rgba(0, 115, 170, 0.1) 100%);aspect-ratio:16 / 9;}
.post-thumbnail::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.3) 100%);opacity:0;transition:opacity var(--transition-base);}
.post-card:hover .post-thumbnail::after, article.post:hover .post-thumbnail::after{opacity:1;}
.post-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);}
.post-card:hover .post-thumbnail img, article.post:hover .post-thumbnail img{transform:scale(1.1);}
.post-content, .search-result-content{padding:var(--space-lg);flex:1;display:flex;flex-direction:column;}
.post-card .post-title, .post-card .entry-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm);line-height:var(--line-height-tight);}
.post-card .post-meta, .post-card .entry-meta, .search-result-content .entry-meta{display:flex;gap:var(--space-md);margin-bottom:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-light);flex-wrap:wrap;}
.post-excerpt, .entry-summary{color:var(--color-text);line-height:var(--line-height-relaxed);margin-bottom:var(--space-md);flex:1;}
.read-more{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);color:var(--color-primary);background-color:transparent;border:2px solid var(--color-primary);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);text-decoration:none;transition:all var(--transition-base);margin-top:auto;position:relative;overflow:hidden;}
.read-more::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-base);z-index:-1;}
.read-more:hover::before{transform:scaleX(1);transform-origin:left;}
.read-more:hover{color:var(--color-white);border-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0, 115, 170, 0.2);}
.read-more::after{content:"→";transition:transform var(--transition-fast);}
.read-more:hover::after{transform:translateX(4px);}
.post-type-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);margin-bottom:var(--space-sm);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;border-radius:var(--radius-full);letter-spacing:0.5px;box-shadow:0 2px 4px rgba(0, 115, 170, 0.2);transition:all var(--transition-fast);}
.post-type-badge:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0, 115, 170, 0.3);}
mark{background-color:rgba(255, 185, 0, 0.3);color:var(--color-dark);padding:2px 4px;border-radius:var(--radius-sm);}
.error-404{text-align:center;padding:var(--space-4xl) var(--space-lg);}
.error-404 .page-header{margin-bottom:var(--space-xl);background-color:var(--color-background);padding:0;}
.error-404 .page-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-medium);color:var(--color-primary);margin-bottom:var(--space-md);}
.error-404 .page-subtitle{font-size:var(--font-size-xl);color:var(--color-text-light);margin-bottom:var(--space-xl);}
.error-404 .page-content{max-width:var(--container-md);margin:0 auto;}
.error-404 .page-content p{font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--space-xl);}
.error-404 .search-form{max-width:600px;margin:0 auto var(--space-3xl);}
.error-404-widgets{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--space-2xl);margin-top:var(--space-3xl);text-align:left;}
.error-404-widgets .widget-area{padding:var(--space-xl);background-color:var(--color-background-alt);border-radius:var(--radius-md);}
.error-404-widgets .widget-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--space-md);color:var(--color-dark);}
.error-404-widgets ul{list-style:none;padding:0;margin:0;}
.error-404-widgets li{margin-bottom:var(--space-sm);}
.error-404-widgets a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast);}
.error-404-widgets a:hover{color:var(--color-primary-dark);text-decoration:underline;}
.no-results{padding:var(--space-4xl) var(--space-lg);text-align:center;background-color:var(--color-background-alt);border-radius:var(--radius-md);}
.no-results .page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-medium);color:var(--color-dark);margin-bottom:var(--space-md);}
.no-results .page-content p{font-size:var(--font-size-lg);color:var(--color-text-light);margin-bottom:var(--space-xl);}
.no-results .search-form{max-width:600px;margin:0 auto;}
.author .page-header{display:flex;align-items:center;justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-xl);padding:var(--space-lg);background-color:var(--color-background);border-radius:var(--radius-md);text-align:left;}
.author .author-avatar{flex-shrink:0;}
.author .author-avatar img{width:120px;height:120px;border-radius:var(--radius-full);border:3px solid var(--color-primary);}
.author .author-info{flex:1;}
.author .author-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--color-dark);margin-bottom:var(--space-sm);}
.author .author-description{color:var(--color-text);line-height:var(--line-height-relaxed);margin-bottom:var(--space-md);}
.author .author-links{display:flex;gap:var(--space-md);flex-wrap:wrap;}
.author .author-link{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);text-decoration:none;font-size:var(--font-size-sm);transition:all var(--transition-fast);}
.author .author-link:hover{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);}
.post-password-form{max-width:500px;margin:var(--space-3xl) auto;padding:var(--space-2xl);background-color:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;}
.post-password-form p{margin-bottom:var(--space-lg);color:var(--color-text);}
.post-password-form label{display:block;margin-bottom:var(--space-sm);font-weight:var(--font-weight-medium);color:var(--color-dark);}
.post-password-form input[type="password"]{width:100%;margin-bottom:var(--space-md);}
.post-password-form input[type="submit"]{width:100%;}
.attachment .entry-attachment{margin-bottom:var(--space-2xl);text-align:center;}
.attachment .entry-attachment img{max-width:100%;height:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);}
.attachment .entry-caption{margin-top:var(--space-lg);padding:var(--space-md);background-color:var(--color-background-alt);border-radius:var(--radius-md);font-style:italic;color:var(--color-text-light);}
@media(max-width:768px){
.single-category-header{padding:var(--space-2xl) 0;margin-bottom:var(--space-2xl);}
.single-category-link{flex-direction:column;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg);}
.single-category-icon{font-size:var(--font-size-xl);}
.single-category-description{font-size:var(--font-size-sm);}
.page-header{padding:var(--space-2xl) var(--space-xl);margin-bottom:var(--space-2xl);}
.page-header .page-title, .entry-title{font-size:var(--font-size-2xl);}
.page-header .page-description::before, .page-header .archive-description::before, .page-header .taxonomy-description::before{font-size:var(--font-size-xl);}
.posts-grid{grid-template-columns:1fr;gap:var(--space-xl);}
.error-404 .page-title{font-size:var(--font-size-3xl);}
.error-404-widgets{grid-template-columns:1fr;}
.author .page-header{flex-direction:column;text-align:center;}
.author .author-links{justify-content:center;}
.entry-meta{flex-direction:column;align-items:flex-start;gap:var(--space-xs);}
}
@media(max-width:480px){
.page-header{padding:var(--space-md);}
.page-header .page-title, .entry-title{font-size:var(--font-size-xl);}
.error-404{padding:var(--space-2xl) var(--space-md);}
.error-404 .page-title{font-size:var(--font-size-2xl);}
.author .author-avatar img{width:80px;height:80px;}
.post-content, .search-result-content{padding:var(--space-md);}
}
.hero-section{align-items:center;color:var(--color-white);display:flex;min-height:100vh;overflow:hidden;padding:0;position:relative;text-align:center;}
.hero-background{background:linear-gradient(135deg, #0066cc 0%, #004080 50%, #002244 100%);bottom:0;left:0;position:absolute;right:0;top:0;z-index:0;}
.hero-particles{animation:float 20s ease-in-out infinite;background-image:radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.05) 0%, transparent 50%), radial-gradient(circle at 80% 60%, rgba(255, 255, 255, 0.03) 0%, transparent 50%), radial-gradient(circle at 40% 80%, rgba(255, 255, 255, 0.04) 0%, transparent 50%);bottom:0;left:0;position:absolute;right:0;top:0;}
.hero-gradient-overlay{background:linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.2) 100%);bottom:0;left:0;position:absolute;right:0;top:0;}
@keyframes float {
0%,
100%{transform:translateY(0) scale(1);}
50%{transform:translateY(-20px) scale(1.05);}
} .hero-content{position:relative;z-index:1;}
.hero-badge{align-items:center;animation:pulse 2s ease-in-out infinite;backdrop-filter:blur(10px);background:rgba(255, 255, 255, 0.15);border:1px solid rgba(255, 255, 255, 0.2);border-radius:var(--radius-full);display:inline-flex;gap:var(--space-sm);margin-bottom:var(--space-xl);padding:var(--space-sm) var(--space-lg);}
.hero-badge-icon{animation:rotate 3s linear infinite;font-size:var(--font-size-lg);}
@keyframes rotate {
0%,
90%,
100%{transform:rotate(0deg);}
95%{transform:rotate(360deg);}
}
.hero-badge-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:1px;text-transform:uppercase;}
@keyframes pulse {
0%,
100%{box-shadow:0 0 0 0 rgba(255, 255, 255, 0.4);}
50%{box-shadow:0 0 0 10px rgba(255, 255, 255, 0);}
} .hero-section .hero-title{color:var(--color-white);font-size:clamp(var(--font-size-2xl), 5vw, var(--font-size-4xl));font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);margin:var(--space-lg) auto;max-width:var(--container-sm);text-shadow:0 2px 10px rgba(0, 0, 0, 0.3);}
.hero-section .hero-subtitle{font-size:clamp(var(--font-size-md), 2vw, var(--font-size-xl));line-height:var(--line-height-relaxed);margin-bottom:var(--space-2xl);margin-left:auto;margin-right:auto;max-width:700px;opacity:0.95;}
.animate-fade-in{animation:fadeIn 1s ease-out forwards;opacity:0;}
.hero-title.animate-fade-in{animation-delay:0.2s;}
.hero-subtitle.animate-fade-in{animation-delay:0.4s;}
@keyframes fadeIn {
from{opacity:0;transform:translateY(20px);}
to{opacity:1;transform:translateY(0);}
}
.animate-slide-up{animation:slideUp 1s ease-out forwards;animation-delay:0.6s;opacity:0;}
@keyframes slideUp {
from{opacity:0;transform:translateY(40px);}
to{opacity:1;transform:translateY(0);}
} .hero-features{display:flex;flex-wrap:wrap;gap:var(--space-xl);justify-content:center;margin-bottom:var(--space-3xl);}
.hero-feature-item{align-items:center;backdrop-filter:blur(5px);background:rgba(255, 255, 255, 0.1);border-radius:var(--radius-full);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast);}
.hero-feature-item:hover{background:rgba(255, 255, 255, 0.2);transform:translateY(-2px);}
.hero-feature-item i{color:var(--color-warning);font-size:var(--font-size-md);}
.hero-form-card{margin:0 auto var(--space-4xl);max-width:600px;position:relative;}
.form-card-glow{animation:glow 3s ease-in-out infinite;background:linear-gradient(45deg, var(--color-primary-light), var(--color-white), var(--color-primary-light));border-radius:calc(var(--radius-lg) + 2px);bottom:-2px;filter:blur(20px);left:-2px;opacity:0.6;position:absolute;right:-2px;top:-2px;}
@keyframes glow {
0%,
100%{opacity:0.6;}
50%{opacity:0.8;}
}
.form-card-inner{background-color:var(--color-background-alt);border-radius:var(--radius-lg);box-shadow:0 20px 60px rgba(0, 0, 0, 0.3);color:var(--color-text);padding:var(--space-2xl);position:relative;}
.form-header{margin-bottom:var(--space-xl);}
.form-icon{align-items:center;animation:bounce 2s ease-in-out infinite;background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));border-radius:var(--radius-full);box-shadow:0 10px 30px rgba(0, 115, 170, 0.3);color:var(--color-white);display:flex;font-size:var(--font-size-2xl);height:64px;justify-content:center;margin:0 auto var(--space-lg);width:64px;}
@keyframes bounce {
0%,
100%{transform:translateY(0);}
50%{transform:translateY(-10px);}
}
.form-title{color:var(--color-dark);font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);margin-bottom:var(--space-md);}
.form-description{color:var(--color-text);line-height:var(--line-height-relaxed);margin-bottom:0;}
.form-body{margin-bottom:var(--space-xl);}
.form-footer{border-top:1px solid var(--color-border);padding-top:var(--space-lg);}
.social-proof{align-items:center;background-color:var(--color-background-alt);border-radius:var(--radius-md);display:flex;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-md);padding:var(--space-md);}
.social-proof-avatars{align-items:center;display:flex;}
.social-proof-avatars .avatar{background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary));border:2px solid var(--color-white);border-radius:var(--radius-full);height:32px;margin-left:-8px;width:32px;}
.social-proof-avatars .avatar:first-child{margin-left:0;}
.social-proof-avatars .avatar-more{align-items:center;background-color:var(--color-gray-600);border:2px solid var(--color-white);border-radius:var(--radius-full);color:var(--color-white);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);height:32px;justify-content:center;margin-left:-8px;width:32px;}
.social-proof-text{color:var(--color-text);font-size:var(--font-size-sm);margin:0;}
.privacy-note{align-items:center;color:var(--color-text-light);display:flex;font-size:var(--font-size-sm);gap:var(--space-xs);justify-content:center;margin:0;text-align:center;}
.privacy-note i{color:var(--color-success);}
.hero-scroll-indicator{align-items:center;animation:fadeInBounce 2s ease-out 2s forwards;display:flex;flex-direction:column;gap:var(--space-sm);opacity:0.7;}
.scroll-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:1px;text-transform:uppercase;}
.scroll-arrow{animation:bounceArrow 2s ease-in-out infinite;}
@keyframes bounceArrow {
0%,
100%{transform:translateY(0);}
50%{transform:translateY(10px);}
}
@keyframes fadeInBounce {
from{opacity:0;transform:translateY(-20px);}
to{opacity:0.7;transform:translateY(0);}
} .stats-section{background:linear-gradient(135deg, #f0f4f8 0%, #e8eef5 100%);overflow:hidden;padding:var(--space-4xl) 0;position:relative;}
.stats-section::before{background:linear-gradient(180deg, rgba(0, 102, 204, 0.05) 0%, transparent 100%);content:'';height:150px;left:0;position:absolute;right:0;top:0;}
.stats-section .section-title{margin-bottom:var(--space-xl);position:relative;text-align:center;z-index:1;}
.stats-section .section-description{color:var(--color-text);font-size:var(--font-size-lg);margin-bottom:var(--space-3xl);margin-left:auto;margin-right:auto;max-width:800px;position:relative;text-align:center;z-index:1;}
.stats-grid{display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));margin-bottom:var(--space-2xl);position:relative;z-index:1;}
.stat-box{background-color:var(--color-white);border:2px solid transparent;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;overflow:hidden;padding:var(--space-2xl);position:relative;text-align:center;transition:all var(--transition-base);}
.stat-box::before{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light));content:'';height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform var(--transition-base);}
.stat-box:hover::before{transform:scaleX(1);}
.stat-box:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xl);transform:translateY(-8px) scale(1.02);}
.stat-number{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));-webkit-background-clip:text;background-clip:text;color:var(--color-primary);display:block;font-size:var(--font-size-4xl);font-weight:var(--font-weight-medium);line-height:1;margin-bottom:var(--space-md);-webkit-text-fill-color:transparent;}
.stat-label{color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);}
.problem-section{background-color:var(--color-white);padding:var(--space-4xl) 0;position:relative;}
.problem-section::before{background-image:radial-gradient(circle at 10% 20%, rgba(220, 50, 50, 0.03) 0%, transparent 50%), radial-gradient(circle at 90% 80%, rgba(220, 50, 50, 0.02) 0%, transparent 50%);bottom:0;content:'';left:0;pointer-events:none;position:absolute;right:0;top:0;}
.problem-section .section-title{color:var(--color-error);display:inline-block;left:50%;margin-bottom:var(--space-md);position:relative;text-align:center;transform:translateX(-50%);}
.problem-section .section-title::after{animation:shake 2s ease-in-out infinite;content:'⚠️';font-size:var(--font-size-xl);position:absolute;right:-40px;top:-10px;}
@keyframes shake {
0%,
100%{transform:rotate(0deg);}
25%{transform:rotate(-10deg);}
75%{transform:rotate(10deg);}
}
.problem-section .section-description{color:var(--color-text);font-size:var(--font-size-lg);margin-bottom:var(--space-3xl);margin-left:auto;margin-right:auto;max-width:800px;position:relative;text-align:center;}
.problems-grid{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));position:relative;}
.problem-item{background:linear-gradient(135deg, #fff 0%, #fff5f5 100%);border-bottom-right-radius:var(--radius-md);border-left:4px solid var(--color-error);border-top-right-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;padding:var(--space-lg) var(--space-lg) var(--space-lg) var(--space-2xl);position:relative;transition:all var(--transition-base);}
.problem-item::before{color:var(--color-error);content:'✗';font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);left:var(--space-md);position:absolute;top:var(--space-md);}
.problem-item:hover{background:linear-gradient(135deg, #fff 0%, #ffe5e5 100%);border-left-width:6px;box-shadow:var(--shadow-lg);transform:translateX(8px) scale(1.02);}
.problem-item p{color:var(--color-text);line-height:var(--line-height-relaxed);margin:0;}
.solution-section{background:linear-gradient(135deg, #f0fff4 0%, #e6f7ee 100%);padding:var(--space-4xl) 0;position:relative;}
.solution-section::before{background-image:radial-gradient(circle at 20% 30%, rgba(70, 180, 80, 0.05) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(70, 180, 80, 0.03) 0%, transparent 50%);bottom:0;content:'';left:0;pointer-events:none;position:absolute;right:0;top:0;}
.solution-section .section-title{color:var(--color-success);display:inline-block;left:50%;margin-bottom:var(--space-md);position:relative;text-align:center;transform:translateX(-50%);}
.solution-section .section-title::after{animation:pulse-check 2s ease-in-out infinite;color:var(--color-success);content:'✓';font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);position:absolute;right:-40px;top:-10px;}
@keyframes pulse-check {
0%,
100%{opacity:1;transform:scale(1);}
50%{opacity:0.8;transform:scale(1.2);}
}
.solution-section .section-description{color:var(--color-text);font-size:var(--font-size-lg);margin-bottom:var(--space-3xl);margin-left:auto;margin-right:auto;max-width:800px;position:relative;text-align:center;}
.solutions-grid{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));position:relative;}
.solution-item{background:linear-gradient(135deg, #fff 0%, #f0fff7 100%);border-bottom-right-radius:var(--radius-md);border-left:4px solid var(--color-success);border-top-right-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;padding:var(--space-lg) var(--space-lg) var(--space-lg) var(--space-2xl);position:relative;transition:all var(--transition-base);}
.solution-item::before{color:var(--color-success);content:'✓';font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);left:var(--space-md);position:absolute;top:var(--space-md);}
.solution-item:hover{background:linear-gradient(135deg, #fff 0%, #e0ffe8 100%);border-left-width:6px;box-shadow:var(--shadow-lg);transform:translateX(8px) scale(1.02);}
.solution-item p{color:var(--color-text);line-height:var(--line-height-relaxed);margin:0;}
.projects-section{background:linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);overflow:hidden;padding:var(--space-4xl) 0;position:relative;}
.projects-section::before{animation:rotate-slow 30s linear infinite;background:radial-gradient(circle at center, rgba(0, 115, 170, 0.03) 0%, transparent 70%);content:'';height:200%;left:-50%;position:absolute;top:-50%;width:200%;}
@keyframes rotate-slow {
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
.projects-section .section-title{margin-bottom:var(--space-xl);position:relative;text-align:center;z-index:1;}
.projects-section .section-subtitle{color:var(--color-text);font-size:var(--font-size-lg);margin-bottom:var(--space-3xl);margin-left:auto;margin-right:auto;max-width:800px;position:relative;text-align:center;z-index:1;}
.projects-grid{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));position:relative;z-index:1;}
.project-card{background:linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;padding:var(--space-2xl);position:relative;transition:all var(--transition-base);}
.project-card::before{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light), var(--color-warning));content:'';height:5px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base);}
.project-card:hover::before{transform:scaleX(1);}
.project-card:hover{border-color:var(--color-primary);box-shadow:0 15px 40px rgba(0, 115, 170, 0.15);transform:translateY(-8px) scale(1.02);}
.project-badge{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));border-radius:var(--radius-full);box-shadow:0 4px 10px rgba(0, 115, 170, 0.2);color:var(--color-white);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:0.5px;margin-bottom:var(--space-lg);padding:var(--space-xs) var(--space-md);text-transform:uppercase;transition:all var(--transition-fast);}
.project-card:hover .project-badge{transform:scale(1.1);}
.project-title{color:var(--color-dark);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);margin-bottom:var(--space-md);transition:color var(--transition-fast);}
.project-card:hover .project-title{color:var(--color-primary);}
.project-description{color:var(--color-text);line-height:var(--line-height-relaxed);margin:0;}
.features-section{background:linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);color:var(--color-white);overflow:hidden;padding:var(--space-4xl) 0;position:relative;}
.features-section::before{animation:pulse-background 8s ease-in-out infinite;background-image:radial-gradient(circle at 15% 20%, rgba(32, 144, 197, 0.1) 0%, transparent 40%), radial-gradient(circle at 85% 80%, rgba(32, 144, 197, 0.08) 0%, transparent 40%);bottom:0;content:'';left:0;position:absolute;right:0;top:0;}
@keyframes pulse-background {
0%,
100%{opacity:1;}
50%{opacity:0.7;}
}
.features-section.section-dark .section-title{color:var(--color-white);margin-bottom:var(--space-xl);position:relative;text-align:center;z-index:1;}
.features-section .section-description{color:rgba(255, 255, 255, 0.9);font-size:var(--font-size-lg);margin-bottom:var(--space-3xl);margin-left:auto;margin-right:auto;max-width:800px;position:relative;text-align:center;z-index:1;}
.features-grid{display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));position:relative;z-index:1;}
.feature-card{backdrop-filter:blur(10px);background:linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;padding:var(--space-2xl);position:relative;text-align:center;transition:all var(--transition-base);}
.feature-card::before{background:radial-gradient(circle, rgba(32, 144, 197, 0.1) 0%, transparent 70%);content:'';height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity var(--transition-base);width:200%;}
.feature-card:hover::before{opacity:1;}
.feature-card:hover{background:linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);border-color:var(--color-primary-light);box-shadow:0 20px 50px rgba(0, 0, 0, 0.3);transform:translateY(-8px) scale(1.02);}
.feature-icon{align-items:center;background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));border-radius:var(--radius-full);box-shadow:0 10px 30px rgba(0, 115, 170, 0.3);color:var(--color-white);display:flex;font-size:var(--font-size-2xl);height:80px;justify-content:center;margin:0 auto var(--space-lg);position:relative;transition:all var(--transition-base);width:80px;z-index:1;}
.feature-card:hover .feature-icon{box-shadow:0 15px 40px rgba(32, 144, 197, 0.5);transform:scale(1.1) rotateY(360deg);}
.feature-title{color:var(--color-white);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--space-md);position:relative;z-index:1;}
.feature-description{color:rgba(255, 255, 255, 0.85);line-height:var(--line-height-relaxed);margin:0;position:relative;z-index:1;}
.pricing-section{background:linear-gradient(135deg, #fff9e6 0%, #fff4d1 100%);overflow:hidden;padding:var(--space-4xl) 0;position:relative;text-align:center;}
.pricing-section::before{animation:rotate-slow 25s linear infinite;background:radial-gradient(circle, rgba(255, 185, 0, 0.05) 0%, transparent 70%);content:'';height:200%;position:absolute;right:-50%;top:-50%;width:200%;}
.pricing-section .section-title{margin-bottom:var(--space-xl);position:relative;z-index:1;}
.pricing-section .section-subtitle{color:var(--color-text);font-size:var(--font-size-lg);margin-bottom:var(--space-3xl);margin-left:auto;margin-right:auto;max-width:800px;position:relative;z-index:1;}
.pricing-card{animation:float-card 6s ease-in-out infinite;background-color:var(--color-white);border:3px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:0 20px 60px rgba(0, 115, 170, 0.2);margin:0 auto;max-width:500px;overflow:hidden;position:relative;transition:all var(--transition-base);z-index:1;}
@keyframes float-card {
0%,
100%{transform:translateY(0);}
50%{transform:translateY(-10px);}
}
.pricing-card:hover{box-shadow:0 30px 80px rgba(0, 115, 170, 0.3);transform:scale(1.03) translateY(-10px);}
.pricing-header{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));padding:var(--space-xl);position:relative;}
.pricing-header::after{background:var(--color-warning);bottom:0;content:'';height:4px;left:0;position:absolute;right:0;}
.pricing-badge{animation:pulse-badge 2s ease-in-out infinite;background-color:var(--color-warning);border-radius:var(--radius-full);box-shadow:0 4px 15px rgba(255, 185, 0, 0.3);color:var(--color-dark);display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:0.5px;padding:var(--space-sm) var(--space-xl);text-transform:uppercase;}
@keyframes pulse-badge {
0%,
100%{transform:scale(1);}
50%{transform:scale(1.05);}
}
.pricing-body{padding:var(--space-3xl) var(--space-2xl);}
.pricing-amount{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));-webkit-background-clip:text;background-clip:text;color:var(--color-primary);font-size:clamp(var(--font-size-3xl), 5vw, var(--font-size-4xl));font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm);-webkit-text-fill-color:transparent;}
.pricing-regular{color:var(--color-text-light);font-size:var(--font-size-md);margin-bottom:var(--space-xl);text-decoration:line-through;}
.pricing-features{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);margin-bottom:var(--space-2xl);}
.pricing-cta{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));border:none;border-radius:var(--radius-md);box-shadow:0 10px 30px rgba(0, 115, 170, 0.3);color:var(--color-white);display:inline-block;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);overflow:hidden;padding:var(--space-lg) var(--space-3xl);position:relative;text-decoration:none;transition:all var(--transition-base);}
.pricing-cta::before{background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);content:'';height:100%;left:-100%;position:absolute;top:0;transition:left 0.5s;width:100%;}
.pricing-cta:hover::before{left:100%;}
.pricing-cta:hover, .pricing-cta:focus{color:var(--color-background-alt);box-shadow:0 15px 40px rgba(0, 115, 170, 0.4);transform:translateY(-4px) scale(1.05);}
.pricing-note{color:var(--color-text-light);font-size:var(--font-size-sm);margin-bottom:0;margin-top:var(--space-lg);}
.credibility-section{background:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);color:var(--color-white);overflow:hidden;padding:var(--space-4xl) 0;position:relative;}
.credibility-section::before{animation:pulse-background 10s ease-in-out infinite;background-image:radial-gradient(circle at 25% 25%, rgba(70, 180, 80, 0.08) 0%, transparent 50%), radial-gradient(circle at 75% 75%, rgba(70, 180, 80, 0.06) 0%, transparent 50%);bottom:0;content:'';left:0;position:absolute;right:0;top:0;}
.credibility-section.section-dark .section-title{color:var(--color-white);margin-bottom:var(--space-xl);position:relative;text-align:center;z-index:1;}
.credibility-section .section-description{color:rgba(255, 255, 255, 0.9);font-size:var(--font-size-lg);margin-bottom:var(--space-3xl);margin-left:auto;margin-right:auto;max-width:800px;position:relative;text-align:center;z-index:1;}
.credibility-grid{display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));position:relative;z-index:1;}
.credibility-card{backdrop-filter:blur(10px);background:linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);border:2px solid rgba(255, 255, 255, 0.1);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;padding:var(--space-2xl);position:relative;transition:all var(--transition-base);}
.credibility-card::before{color:rgba(70, 180, 80, 0.1);content:'✓';font-size:100px;font-weight:var(--font-weight-medium);position:absolute;right:-20px;top:-20px;transition:all var(--transition-base);}
.credibility-card:hover::before{color:rgba(70, 180, 80, 0.2);transform:scale(1.2) rotate(10deg);}
.credibility-card:hover{background:linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.06) 100%);border-color:var(--color-success);box-shadow:0 20px 50px rgba(0, 0, 0, 0.3);transform:translateY(-8px) scale(1.02);}
.credibility-title{color:var(--color-white);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin-bottom:var(--space-md);position:relative;z-index:1;}
.credibility-description{color:rgba(255, 255, 255, 0.85);line-height:var(--line-height-relaxed);margin:0;position:relative;z-index:1;}
.faq-section{background-color:var(--color-white);overflow:hidden;padding:var(--space-4xl) 0;position:relative;}
.faq-section::before{background:linear-gradient(180deg, rgba(0, 115, 170, 0.02) 0%, transparent 100%);content:'';height:200px;left:0;position:absolute;right:0;top:0;z-index:0;}
.faq-section .section-title{margin-bottom:var(--space-xl);position:relative;text-align:center;z-index:1;}
.faq-section .section-description{color:var(--color-text);font-size:var(--font-size-lg);margin-bottom:var(--space-3xl);margin-left:auto;margin-right:auto;max-width:800px;position:relative;text-align:center;z-index:1;}
.faq-accordion{margin:0 auto;max-width:900px;position:relative;z-index:1;}
.faq-item{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg);overflow:hidden;position:relative;transition:all var(--transition-base);}
.faq-item::before{background-color:var(--color-primary);bottom:0;content:'';left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:top;transition:transform var(--transition-base);width:3px;}
.faq-item:hover::before{transform:scaleY(1);}
.faq-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateX(4px);}
.faq-item.active{background-color:rgba(0, 115, 170, 0.02);border-color:var(--color-primary);box-shadow:var(--shadow-sm);}
.faq-item.active::before{transform:scaleY(1);}
.faq-question{margin:0;}
.faq-toggle{align-items:center;border:none;color:var(--color-white);cursor:pointer;display:flex;font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);justify-content:space-between;padding:var(--space-lg);position:relative;text-align:left;transition:all var(--transition-fast);width:100%;}
.faq-toggle:hover{color:var(--color-white);}
.faq-toggle[aria-expanded="true"]{color:var(--color-white);padding-bottom:var(--space-md);}
.faq-icon{align-items:center;background-color:var(--color-primary);border-radius:var(--radius-full);display:flex;flex-shrink:0;height:28px;justify-content:center;margin-left:var(--space-md);position:relative;transition:all var(--transition-base);width:28px;}
.faq-toggle[aria-expanded="true"] .faq-icon{background-color:var(--color-primary-dark);transform:rotate(180deg);}
.faq-icon::before, .faq-icon::after{background-color:var(--color-white);content:'';position:absolute;transition:all var(--transition-fast);}
.faq-icon::before{height:2px;left:50%;top:50%;transform:translate(-50%, -50%);width:12px;}
.faq-icon::after{height:12px;left:50%;top:50%;transform:translate(-50%, -50%);width:2px;}
.faq-toggle[aria-expanded="true"] .faq-icon::after{opacity:0;transform:translate(-50%, -50%) rotate(90deg);}
.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-base);}
.faq-toggle[aria-expanded="true"]~.faq-answer{max-height:500px;}
.faq-answer p{color:var(--color-text);line-height:var(--line-height-relaxed);margin:0;padding:var(--space-lg);position:relative;}
.final-cta-section{background:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);color:var(--color-white);overflow:hidden;padding:var(--space-4xl) 0;position:relative;text-align:center;}
.final-cta-section::before{background-image:radial-gradient(circle at 20% 30%, rgba(0, 115, 170, 0.08) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(0, 115, 170, 0.06) 0%, transparent 50%);bottom:0;content:'';left:0;position:absolute;right:0;top:0;}
.final-cta-section.section-dark .section-title{color:var(--color-white);margin-bottom:var(--space-xl);position:relative;z-index:1;}
.final-cta-section .section-subtitle{color:rgba(255, 255, 255, 0.9);font-size:var(--font-size-lg);margin-bottom:var(--space-3xl);margin-left:auto;margin-right:auto;max-width:800px;position:relative;z-index:1;}
.cta-form-card{background-color:var(--color-background-alt);border:2px solid rgba(0, 115, 170, 0.2);border-radius:var(--radius-lg);box-shadow:0 20px 60px rgba(0, 0, 0, 0.4);color:var(--color-text);margin:0 auto;max-width:600px;padding:var(--space-3xl) var(--space-2xl);position:relative;z-index:1;}
.cta-box-title{color:var(--color-dark);font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);margin-bottom:var(--space-md);position:relative;}
.cta-box-text{color:var(--color-text);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--space-xl);}
.cta-form-card .privacy-note{align-items:center;color:var(--color-text-light);display:flex;font-size:var(--font-size-sm);gap:var(--space-xs);justify-content:center;margin-bottom:0;}
.cta-form-card .privacy-note i{color:var(--color-success);}
.section-title{color:var(--color-dark);font-size:var(--font-size-3xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);}
.section-subtitle{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);}
.section-description{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);}
@media(max-width:768px){
.hero-section{min-height:auto;padding:var(--space-4xl) 0;}
.hero-badge{padding:var(--space-xs) var(--space-md);}
.hero-badge-text{font-size:var(--font-size-xs);}
.hero-features{gap:var(--space-md);}
.hero-feature-item{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-md);}
.form-card-inner{padding:var(--space-xl);}
.form-icon{font-size:var(--font-size-xl);height:48px;width:48px;}
.social-proof{flex-direction:column;text-align:center;}
.hero-scroll-indicator{margin-top:var(--space-2xl);}
.stats-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));}
.stat-number{font-size:var(--font-size-3xl);}
.problems-grid, .solutions-grid{gap:var(--space-lg);grid-template-columns:1fr;}
.projects-grid{grid-template-columns:1fr;}
.features-grid{grid-template-columns:1fr;}
.credibility-grid{grid-template-columns:1fr;}
.section-title{font-size:var(--font-size-2xl);}
.pricing-amount{font-size:var(--font-size-3xl);}
.cta-form-card{padding:var(--space-2xl) var(--space-lg);}
}
@media(max-width:480px){
.hero-section{padding:var(--space-3xl) 0;}
.hero-badge{flex-direction:column;gap:var(--space-xs);}
.hero-features{flex-direction:column;gap:var(--space-sm);}
.hero-feature-item{justify-content:center;width:100%;}
.form-card-inner{padding:var(--space-lg);}
.form-icon{font-size:var(--font-size-lg);height:40px;width:40px;}
.form-title{font-size:var(--font-size-xl);}
.hero-scroll-indicator{display:none;}
.stats-grid{grid-template-columns:1fr;}
.project-badge{font-size:var(--font-size-xs);padding:4px var(--space-sm);}
.pricing-section, .faq-section, .final-cta-section{padding:var(--space-3xl) 0;}
} .section-cta-center{display:flex;justify-content:center;margin-top:var(--space-xl);position:relative;z-index:var(--z-tooltip);}
.section-cta-center .btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-2xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);transition:all var(--transition-base);}
.section-cta-center .btn:hover, .section-cta-center .btn:focus{color:var(--color-background-alt);}
.section-cta-center .btn i{transition:transform var(--transition-fast);}
.section-cta-center .btn:hover i, .section-cta-center .btn:focus i{color:var(--color-background-alt);transform:translateX(4px);}
.wpcf7{margin:0 !important;}
.wpcf7-form{display:flex !important;flex-direction:column !important;}
.wpcf7-form-control-wrap{display:block !important;position:relative !important;width:100% !important;}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="date"],
.wpcf7-form textarea, .wpcf7-form select{width:100% !important;padding:var(--space-md) !important;font-size:var(--font-size-base) !important;font-family:var(--font-primary) !important;color:var(--color-text) !important;background-color:var(--color-white) !important;border:1px solid var(--color-border) !important;border-radius:var(--radius-sm) !important;transition:all var(--transition-fast) !important;}
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="url"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form input[type="number"]:focus,
.wpcf7-form input[type="date"]:focus,
.wpcf7-form textarea:focus, .wpcf7-form select:focus{outline:none !important;border-color:var(--color-primary) !important;box-shadow:0 0 0 3px rgba(0, 115, 170, 0.1) !important;}
.wpcf7-form textarea{min-height:120px !important;resize:vertical !important;}
.wpcf7-form input::placeholder, .wpcf7-form textarea::placeholder{color:var(--color-text-light) !important;opacity:1 !important;}
.wpcf7-form label{display:flex !important;font-weight:var(--font-weight-medium) !important;color:var(--color-dark) !important;margin-bottom:var(--space-sm) !important;align-items:center;}
.wpcf7-form .wpcf7-form-control.wpcf7-validates-as-required{border-left:3px solid var(--color-primary) !important;}
.wpcf7-form input[type="submit"],
.wpcf7-form button[type="submit"]{width:100% !important;padding:var(--space-md) var(--space-xl) !important;font-size:var(--font-size-md) !important;font-weight:var(--font-weight-medium) !important;color:var(--color-white) !important;background-color:var(--color-primary) !important;border:2px solid var(--color-primary) !important;border-radius:var(--radius-sm) !important;cursor:pointer !important;transition:all var(--transition-base) !important;}
.wpcf7-form input[type="submit"]:hover,
.wpcf7-form input[type="submit"]:focus,
.wpcf7-form button[type="submit"]:hover,
.wpcf7-form button[type="submit"]:focus{background-color:var(--color-primary-dark) !important;border-color:var(--color-primary-dark) !important;transform:translateY(-2px) !important;box-shadow:var(--shadow-md) !important;}
.wpcf7-form input[type="submit"]:active,
.wpcf7-form button[type="submit"]:active{transform:translateY(0) !important;}
.wpcf7-form input[type="checkbox"],
.wpcf7-form input[type="radio"]{width:auto;margin-right:var(--space-sm);}
.wpcf7-form .wpcf7-list-item{margin:var(--space-md) 0 var(--space-sm) 0 !important;display:flex;align-items:center;}
.wpcf7-form .wpcf7-list-item-label{margin:0;cursor:pointer;}
.wpcf7-form .wpcf7-acceptance{display:flex;align-items:flex-start;gap:var(--space-sm);}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item{margin:0;}
.wpcf7-form input[type="file"]{padding:var(--space-sm);font-size:var(--font-size-sm);}
.wpcf7-form select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23646970' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;padding-right:var(--space-3xl);}
.wpcf7-not-valid-tip{display:block !important;font-size:var(--font-size-sm) !important;color:var(--color-error) !important;padding:var(--space-sm) !important;margin:var(--space-xs) 0 !important;border-radius:var(--radius-sm);}
.wpcf7-form-control.wpcf7-not-valid{border-color:var(--color-error) !important;}
.wpcf7-form-control.wpcf7-not-valid:focus{border-color:var(--color-error) !important;box-shadow:0 0 0 3px rgba(220, 50, 50, 0.1) !important;}
.wpcf7-response-output{margin:0 0 var(--space-md) 0 !important;padding:var(--space-md) !important;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;}
.wpcf7-mail-sent-ok{background-color:rgba(70, 180, 80, 0.1) !important;border:1px solid var(--color-success) !important;color:var(--color-success) !important;}
.wpcf7-mail-sent-ng, .wpcf7-aborted{background-color:rgba(220, 50, 50, 0.1) !important;border:1px solid var(--color-error) !important;color:var(--color-error) !important;}
.wpcf7-validation-errors{background-color:rgba(255, 185, 0, 0.1) !important;border:1px solid var(--color-warning) !important;color:#996900 !important;}
.wpcf7-spam-blocked{background-color:rgba(220, 50, 50, 0.1) !important;border:1px solid var(--color-error) !important;color:var(--color-error) !important;}
.wpcf7-spinner{display:inline-block !important;width:20px !important;height:20px !important;border:3px solid rgba(0, 115, 170, 0.2) !important;border-top-color:var(--color-primary) !important;border-radius:var(--radius-full) !important;animation:wpcf7-spin 0.6s linear infinite !important;margin-left:var(--space-md) !important;vertical-align:middle !important;}
@keyframes wpcf7-spin {
to{transform:rotate(360deg);}
} .wpcf7-form.submitting input[type="submit"],
.wpcf7-form.submitting button[type="submit"]{opacity:0.7 !important;cursor:not-allowed !important;}
.wpcf7-form .wpcf7-quiz-label{display:block;margin-bottom:var(--space-sm);font-weight:var(--font-weight-medium);}
.wpcf7-form .wpcf7-captcha{margin-bottom:var(--space-md);}
.wpcf7-form .wpcf7-captchac{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);}
.wpcf7-form .g-recaptcha{margin-bottom:var(--space-md);}
.wpcf7-form .form-row{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--space-lg);}
.wpcf7-form .form-row-2{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-lg);}
.wpcf7-form .form-row-3{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-lg);}
@media(max-width:768px){
.wpcf7-form .form-row-2, .wpcf7-form .form-row-3{grid-template-columns:1fr;}
.wpcf7-form input[type="submit"],
.wpcf7-form button[type="submit"]{padding:var(--space-md);}
}
@media(max-width:480px){
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="date"],
.wpcf7-form textarea, .wpcf7-form select{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);}
.wpcf7-form select{padding-right:var(--space-2xl);}
} .section-dark .wpcf7-form input[type="text"],
.section-dark .wpcf7-form input[type="email"],
.section-dark .wpcf7-form input[type="url"],
.section-dark .wpcf7-form input[type="tel"],
.section-dark .wpcf7-form input[type="number"],
.section-dark .wpcf7-form input[type="date"],
.section-dark .wpcf7-form textarea, .section-dark .wpcf7-form select{background-color:rgba(255, 255, 255, 0.95);}
.section-dark .wpcf7-form label{color:var(--color-white);}
.section-dark .wpcf7-not-valid-tip{color:#ff6b6b;background-color:rgba(255, 255, 255, 0.9);padding:var(--space-sm) !important;margin:var(--space-xs) 0 !important;border-radius:var(--radius-sm) !important;}
.edd_downloads_list{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:var(--space-2xl);list-style:none;margin:0;padding:0;}
.edd_download{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xl);transition:all var(--transition-base);display:flex;flex-direction:column;}
.edd_download:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px);}
.edd_download_image{margin-bottom:var(--space-lg);border-radius:var(--radius-md);overflow:hidden;}
.edd_download_image img{width:100%;height:auto;transition:transform var(--transition-base);}
.edd_download:hover .edd_download_image img{transform:scale(1.05);}
.edd_download_title{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin-bottom:var(--space-md);line-height:var(--line-height-tight);}
.edd_download_title a{color:var(--color-dark);text-decoration:none;transition:color var(--transition-fast);}
.edd_download_title a:hover{color:var(--color-primary);}
.edd_download_excerpt{flex:1;margin-bottom:var(--space-lg);color:var(--color-text);line-height:var(--line-height-relaxed);}
.edd_download_meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--space-lg);border-top:1px solid var(--color-border);}
.edd_price, .edd_price_range_sep{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--color-primary);}
.edd_price_option_price{font-weight:var(--font-weight-medium);color:var(--color-primary);}
.edd_price_options{margin:var(--space-md) 0;}
.edd_price_option_name{display:block;margin-bottom:var(--space-sm);}
.edd_price_options ul{list-style:none;margin:0;padding:0;}
.edd_price_options li{margin-bottom:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:var(--color-background-alt);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--space-sm);}
.edd_price_options input[type="radio"]{margin:0;}
.edd_purchase_submit_wrapper{margin-top:var(--space-lg);}
.edd-submit, .edd-add-to-cart, .edd_go_to_checkout{display:inline-block;width:100%;padding:var(--space-md) var(--space-xl);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-white);background-color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-sm);text-align:center;text-decoration:none;cursor:pointer;transition:all var(--transition-base);}
.edd-submit:hover, .edd-submit:focus, .edd-add-to-cart:hover, .edd-add-to-cart:focus, .edd_go_to_checkout:hover, .edd_go_to_checkout:focus{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-md);}
.edd-submit.button-disabled, .edd-add-to-cart.button-disabled{opacity:0.6;cursor:not-allowed;transform:none;}
.edd-loading, .edd-loading-ajax{position:relative;opacity:0.7;pointer-events:none;}
.edd-loading::after{content:'';position:absolute;top:50%;right:var(--space-md);transform:translateY(-50%);width:16px;height:16px;border:2px solid rgba(255, 255, 255, 0.3);border-top-color:var(--color-white);border-radius:var(--radius-full);animation:edd-spin 0.6s linear infinite;}
@keyframes edd-spin {
to{transform:translateY(-50%) rotate(360deg);}
}  .edd-cart{background-color:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);}
.edd-cart-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;border-bottom:1px solid var(--color-border);}
.edd-cart-item:last-child{border-bottom:none;}
.edd-cart-item-title{flex:1;font-weight:var(--font-weight-medium);}
.edd-cart-item-price{font-weight:var(--font-weight-medium);color:var(--color-primary);margin:0 var(--space-md);}
.edd_cart_remove_item_btn{color:var(--color-error);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast);}
.edd_cart_remove_item_btn:hover{color:var(--color-primary-dark);}
.edd_cart_amount{display:flex;justify-content:space-between;padding:var(--space-md) 0;margin-top:var(--space-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);border-top:2px solid var(--color-border);}
.edd-cart-meta{margin-top:var(--space-lg);}
.edd-cart-empty{padding:var(--space-xl);text-align:center;color:var(--color-text-light);font-style:italic;}
#edd_checkout_wrap{max-width:900px;margin:0 auto;}
#edd_checkout_form_wrap{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl);margin-bottom:var(--space-2xl);}
#edd_checkout_form_wrap legend{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-dark);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-border);width:100%;}
#edd_checkout_form_wrap fieldset{border:none;padding:0;margin-bottom:var(--space-2xl);}
#edd_checkout_form_wrap input[type="text"],
#edd_checkout_form_wrap input[type="email"],
#edd_checkout_form_wrap input[type="tel"],
#edd_checkout_form_wrap input[type="password"],
#edd_checkout_form_wrap textarea,
#edd_checkout_form_wrap select{width:100%;padding:var(--space-md);font-size:var(--font-size-base);font-family:var(--font-primary);color:var(--color-text);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-fast);}
#edd_checkout_form_wrap input:focus,
#edd_checkout_form_wrap textarea:focus,
#edd_checkout_form_wrap select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0, 115, 170, 0.1);}
#edd_checkout_form_wrap label{display:block;font-weight:var(--font-weight-medium);color:var(--color-dark);margin-bottom:var(--space-sm);}
#edd_checkout_form_wrap .edd-required-indicator{color:var(--color-error);}
#edd_checkout_cart{margin-bottom:var(--space-2xl);}
#edd_checkout_cart_form{width:100%;border-collapse:separate;border-spacing:0;}
#edd_checkout_cart_form th{background-color:var(--color-background-alt);padding:var(--space-md);font-weight:var(--font-weight-medium);text-align:left;border:1px solid var(--color-border);}
#edd_checkout_cart_form td{padding:var(--space-md);border:1px solid var(--color-border);border-top:none;}
#edd_payment_mode_select{margin-bottom:var(--space-xl);}
.edd-payment-mode-label{display:flex;align-items:center;padding:var(--space-md);margin-bottom:var(--space-sm);background-color:var(--color-background-alt);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);}
.edd-payment-mode-label:hover{border-color:var(--color-primary);}
.edd-payment-mode-label input[type="radio"]{margin-right:var(--space-md);}
.edd-payment-mode-label input[type="radio"]:checked+label{border-color:var(--color-primary);background-color:rgba(0, 115, 170, 0.05);}
#edd-discount-code-wrap{margin-bottom:var(--space-xl);}
#edd-discount-code-wrap input[type="text"]{display:inline-block;width:auto;max-width:250px;margin-right:var(--space-sm);}
#edd-discount-code-wrap input[type="submit"]{display:inline-block;width:auto;padding:var(--space-sm) var(--space-lg);}
#edd_terms_agreement{margin:var(--space-xl) 0;padding:var(--space-lg);background-color:var(--color-background-alt);border-radius:var(--radius-sm);}
#edd_terms_agreement label{display:flex;align-items:flex-start;gap:var(--space-sm);cursor:pointer;}
#edd_terms_agreement input[type="checkbox"]{margin-top:4px;}
#edd-purchase-button{width:100%;padding:var(--space-lg) var(--space-xl);font-size:var(--font-size-lg);margin-top:var(--space-xl);}
.edd_receipt_wrapper{max-width:800px;margin:0 auto;padding:var(--space-2xl);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);}
.edd_success{padding:var(--space-xl);background-color:rgba(70, 180, 80, 0.1);border:1px solid var(--color-success);border-radius:var(--radius-md);color:var(--color-success);margin-bottom:var(--space-2xl);text-align:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);}
.edd_purchase_receipt{margin-top:var(--space-2xl);}
.edd_purchase_receipt_product{padding:var(--space-lg);margin-bottom:var(--space-lg);background-color:var(--color-background-alt);border-radius:var(--radius-md);}
.edd_purchase_receipt_product_name{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm);}
#edd_user_history{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:var(--space-2xl);}
#edd_user_history th{background-color:var(--color-background-alt);padding:var(--space-md);font-weight:var(--font-weight-medium);text-align:left;border:1px solid var(--color-border);}
#edd_user_history td{padding:var(--space-md);border:1px solid var(--color-border);border-top:none;}
.edd_download_file{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:var(--color-primary);color:var(--color-white);text-decoration:none;border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);}
.edd_download_file:hover{background-color:var(--color-primary-dark);color:var(--color-white);transform:translateY(-2px);}
.edd_error, .edd_errors{padding:var(--space-lg);margin-bottom:var(--space-lg);background-color:rgba(220, 50, 50, 0.1);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);}
.edd_error p, .edd_errors p{margin:0;}
.edd_errors ul{list-style:none;margin:0;padding:0;}
.edd_errors li{margin-bottom:var(--space-xs);}
.edd_reviews_list{list-style:none;margin:var(--space-2xl) 0;padding:0;}
.edd_review{padding:var(--space-lg);margin-bottom:var(--space-lg);background-color:var(--color-background-alt);border-radius:var(--radius-md);}
.edd_review_meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);}
.edd_review_rating{color:var(--color-warning);font-size:var(--font-size-lg);}
.edd_pagination{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-2xl);}
.edd_pagination a, .edd_pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--space-md);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);text-decoration:none;transition:all var(--transition-fast);}
.edd_pagination a:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);}
.edd_pagination .current{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);}
@media(max-width:768px){
.edd_downloads_list{grid-template-columns:1fr;}
#edd_checkout_form_wrap{padding:var(--space-lg);}
#edd_checkout_cart_form,
#edd_user_history{display:block;overflow-x:auto;}
.edd_download_meta{flex-direction:column;align-items:flex-start;gap:var(--space-md);}
.edd-submit, .edd-add-to-cart, .edd_go_to_checkout{width:100%;}
}
@media(max-width:480px){
.edd_download{padding:var(--space-md);}
.edd_price, .edd_price_range_sep{font-size:var(--font-size-xl);}
#edd_checkout_form_wrap{padding:var(--space-md);}
#edd-purchase-button{padding:var(--space-md);}
} .section-dark .edd_download{background-color:rgba(255, 255, 255, 0.05);border-color:rgba(255, 255, 255, 0.1);}
.section-dark .edd_download:hover{background-color:rgba(255, 255, 255, 0.08);border-color:var(--color-primary);}
.section-dark .edd_download_title a{color:var(--color-white);}
.section-dark .edd_download_excerpt{color:rgba(255, 255, 255, 0.85);}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}
.screen-reader-text:focus{display:block;top:5px;left:5px;width:auto;height:auto;padding:var(--space-md) var(--space-lg);background-color:var(--color-gray-100);color:var(--color-primary);text-decoration:none;line-height:normal;clip:auto;z-index:var(--z-modal);}
.skip-link{position:absolute;top:calc(var(--space-sm) * -1);left:var(--space-md);padding:var(--space-sm) var(--space-md);background-color:var(--color-primary);color:var(--color-white);text-decoration:none;border-radius:var(--radius-md);z-index:var(--z-modal);}
.skip-link:focus{top:var(--space-md);}
.site-header{position:sticky;top:0;z-index:var(--z-fixed);background:linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 249, 250, 0.98) 100%);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0, 115, 170, 0.1);padding:var(--space-lg) 0;box-shadow:0 2px 20px rgba(0, 0, 0, 0.05);transition:all var(--transition-base);}
.site-header::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg, transparent, var(--color-primary), transparent);opacity:0;transition:opacity var(--transition-base);}
.site-header:hover::before{opacity:0.3;}
.home .site-header{margin-bottom:0;background:linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 249, 250, 0.95) 100%);}
.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);}
.site-branding{display:flex;align-items:center;}
.custom-logo-link{display:block;line-height:0;}
.custom-logo{max-height:60px;width:auto;transition:opacity var(--transition-fast);}
.custom-logo:hover{opacity:0.8;}
.site-branding-text{display:flex;flex-direction:column;gap:var(--space-xs);}
.site-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);font-family:var(--font-heading);}
.site-title a{position:relative;color:var(--color-dark);text-decoration:none;transition:all var(--transition-fast);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.site-title a:hover, .site-title a:focus{transform:translateY(-1px);}
.site-description{margin:0;font-size:var(--font-size-sm);color:var(--color-text-light);line-height:var(--line-height-normal);}
.main-navigation{display:flex;align-items:center;}
.menu-toggle{display:none;flex-direction:column;gap:5px;padding:var(--space-sm);background:transparent;border:none;cursor:pointer;}
.menu-toggle-icon{display:block;width:24px;height:2px;background-color:var(--color-dark);transition:all var(--transition-base);}
.menu-toggle:hover .menu-toggle-icon{background-color:var(--color-primary);}
.primary-menu{display:flex;align-items:center;gap:var(--space-sm);margin:0;padding:0;list-style:none;}
.primary-menu li{position:relative;margin:0;}
.primary-menu a{position:relative;display:block;padding:var(--space-sm) var(--space-lg);color:var(--color-text);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);border-radius:var(--radius-full);background-color:transparent;transition:all var(--transition-base);overflow:hidden;}
.primary-menu a::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(0, 115, 170, 0.08) 0%, rgba(0, 115, 170, 0.12) 100%);opacity:0;border-radius:var(--radius-full);transition:opacity var(--transition-base);z-index:-1;}
.primary-menu a:hover::before, .primary-menu a:focus::before{opacity:1;}
.primary-menu a:hover, .primary-menu a:focus{color:var(--color-primary);transform:translateY(-1px);}
.primary-menu .current-menu-item>a, .primary-menu .current_page_item>a{color:var(--color-white);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);box-shadow:0 2px 8px rgba(0, 115, 170, 0.2);}
.primary-menu .current-menu-item>a::before, .primary-menu .current_page_item>a::before{opacity:0;}
.nav-cta-button{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-xl);margin-left:var(--space-md);background:linear-gradient(135deg, var(--color-accent) 0%, #ff6b35 100%);color:var(--color-dark);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);text-decoration:none;border-radius:var(--radius-full);box-shadow:0 4px 12px rgba(213, 78, 33, 0.3);transition:all var(--transition-base);position:relative;overflow:hidden;}
.nav-cta-button::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, #ff6b35 0%, var(--color-accent) 100%);opacity:0;transition:opacity var(--transition-base);}
.nav-cta-button:hover::before{opacity:1;}
.nav-cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(213, 78, 33, 0.4);color:var(--color-dark);}
.nav-cta-icon{position:relative;font-size:var(--font-size-md);animation:pulse 2s ease-in-out infinite;}
.nav-cta-text{position:relative;z-index:1;}
@keyframes pulse {
0%,
100%{transform:scale(1);}
50%{transform:scale(1.2);}
} .primary-menu .sub-menu{position:absolute;top:125%;left:0;min-width:200px;padding:var(--space-sm) 0;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(calc(var(--space-sm) * -1));transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);z-index:var(--z-tooltip);}
.primary-menu li:hover>.sub-menu, .primary-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0);}
.primary-menu .sub-menu li{display:block;}
.primary-menu .sub-menu a{padding:var(--space-sm) var(--space-md);white-space:nowrap;border-radius:0;}
.primary-menu .sub-menu a::before{display:none;}
.primary-menu .sub-menu a:hover, .primary-menu .sub-menu a:focus{background-color:var(--color-background-alt);border-radius:0;}
@media(max-width:768px){
.site-header-inner{flex-wrap:wrap;}
.menu-toggle{display:flex;}
.main-navigation{width:100%;order:3;display:flex;flex-direction:column;}
.primary-menu{display:none;flex-direction:column;width:100%;gap:0;padding:var(--space-md) 0;border-top:1px solid var(--color-border);}
.menu-toggle[aria-expanded="true"]+.primary-menu{display:flex;}
.nav-cta-button{margin:var(--space-md) 0 0 0;justify-content:center;width:100%;}
.primary-menu li{width:100%;}
.primary-menu a{padding:var(--space-md);border-bottom:1px solid var(--color-border);}
.primary-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;border-radius:0;background-color:var(--color-background-alt);}
.primary-menu .sub-menu a{padding-left:var(--space-xl);}
} .site-footer{position:relative;background:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);color:var(--color-gray-300);margin-top:var(--space-xl);overflow:hidden;}
.site-footer::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 15% 20%, rgba(0, 115, 170, 0.08) 0%, transparent 40%), radial-gradient(circle at 85% 80%, rgba(0, 115, 170, 0.05) 0%, transparent 40%);pointer-events:none;}
.site-footer::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, transparent, var(--color-primary), var(--color-primary-light), var(--color-primary), transparent);}
.home .site-footer{margin-top:0;}
.footer-widgets{position:relative;padding:var(--space-4xl) 0 var(--space-3xl);border-bottom:1px solid rgba(255, 255, 255, 0.1);z-index:1;}
.footer-widgets-inner{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:var(--space-2xl);}
.footer-widget-area{color:var(--color-gray-300);}
.footer-widget-area .widget{margin-bottom:var(--space-xl);}
.footer-widget-area .widget:last-child{margin-bottom:0;}
.footer-widget-area .widget-title{position:relative;font-size:var(--font-size-lg);color:var(--color-white);margin-bottom:var(--space-lg);font-weight:var(--font-weight-medium);font-family:var(--font-heading);padding-bottom:var(--space-sm);}
.footer-widget-area .widget-title::after{content:'';position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light));border-radius:var(--radius-full);}
.footer-widget-area ul{list-style:none;padding:0;margin:0;}
.footer-widget-area ul li{margin-bottom:var(--space-sm);}
.footer-widget-area a{color:var(--color-gray-300);text-decoration:none;transition:color var(--transition-fast);}
.footer-widget-area a:hover, .footer-widget-area a:focus{color:var(--color-white);}
.footer-bottom{padding:var(--space-xl) 0;}
.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap;}
.site-info{display:flex;flex-direction:column;gap:var(--space-sm);}
.site-info p{margin:0;font-size:var(--font-size-sm);color:var(--color-gray-400);}
.site-info a{color:var(--color-gray-300);text-decoration:none;transition:color var(--transition-fast);}
.site-info a:hover, .site-info a:focus{color:var(--color-white);}
.footer-menus{display:flex;flex-direction:column;gap:var(--space-lg);align-items:flex-end;}
.social-navigation{flex-shrink:0;}
.social-menu{display:flex;gap:var(--space-sm);margin:0;padding:0;list-style:none;}
.social-menu li{margin:0;}
.social-menu a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255, 255, 255, 0.1);border:1px solid rgba(255, 255, 255, 0.2);border-radius:var(--radius-full);color:var(--color-white);font-size:var(--font-size-lg);text-decoration:none;transition:all var(--transition-base);position:relative;overflow:hidden;}
.social-menu a::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));opacity:0;transition:opacity var(--transition-base);z-index:-1;}
.social-menu a:hover::before{opacity:1;}
.social-menu a:hover, .social-menu a:focus{color:var(--color-white);border-color:var(--color-primary-light);transform:translateY(-3px);box-shadow:0 4px 12px rgba(0, 115, 170, 0.4);}
.social-menu a i{position:relative;z-index:1;}
.footer-navigation{flex-shrink:0;}
.footer-menu{display:flex;gap:var(--space-lg);margin:0;padding:0;list-style:none;}
.footer-menu li{margin:0;}
.footer-menu a{color:var(--color-gray-300);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast);}
.footer-menu a:hover, .footer-menu a:focus{color:var(--color-white);}
@media(max-width:768px){
.footer-widgets-inner{grid-template-columns:1fr;gap:var(--space-xl);}
.footer-bottom-inner{flex-direction:column;align-items:flex-start;gap:var(--space-lg);}
.footer-menus{width:100%;align-items:flex-start;}
.social-menu{gap:var(--space-md);}
.footer-menu{flex-direction:column;gap:var(--space-sm);}
} .site-content{padding:var(--space-xl) 0 0 0;min-height:60vh;}
.home .site-content{padding:0;}
.content-area{display:flex;flex-direction:column;}
.site-main{width:100%;}
.sidebar{width:100%;}
.sidebar .widget-area{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-lg);margin-top:var(--space-xl);}
@media(max-width:768px){
.sidebar .widget-area{grid-template-columns:1fr;}
} .widget-area{font-size:var(--font-size-base);}
.widget{margin:0;padding:var(--space-lg);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);}
.widget-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-dark);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-primary);}
.widget ul{list-style:none;padding:0;margin:0;}
.widget ul li{margin-bottom:var(--space-sm);padding-left:0;}
.widget ul li:last-child{margin-bottom:0;}
.widget ul li a{display:block;padding:var(--space-sm);color:var(--color-text);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast);}
.widget ul li a:hover, .widget ul li a:focus{color:var(--color-primary);background-color:var(--color-background-alt);padding-left:var(--space-md);}
.widget_search .search-form{display:flex;gap:var(--space-sm);}
.widget_search .search-field{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color var(--transition-fast);}
.widget_search .search-field:focus{outline:none;border-color:var(--color-primary);}
.widget_search .search-submit{padding:var(--space-sm) var(--space-lg);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast);}
.widget_search .search-submit:hover, .widget_search .search-submit:focus{background-color:var(--color-primary-dark);}
.widget_categories ul li, .widget_archive ul li{display:flex;align-items:center;justify-content:space-between;}
.widget_categories .count, .widget_archive .count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--space-sm);background-color:var(--color-background-alt);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-light);}
.widget_recent_entries ul li{padding-bottom:var(--space-sm);margin-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);}
.widget_recent_entries ul li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none;}
.widget_recent_entries .post-date{display:block;margin-top:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-light);}
.widget_tag_cloud .tagcloud{display:flex;flex-wrap:wrap;gap:var(--space-sm);}
.widget_tag_cloud .tagcloud a{display:inline-block;padding:var(--space-xs) var(--space-md);background-color:var(--color-background-alt);color:var(--color-text);border-radius:var(--radius-full);font-size:var(--font-size-sm);text-decoration:none;transition:all var(--transition-fast);}
.widget_tag_cloud .tagcloud a:hover, .widget_tag_cloud .tagcloud a:focus{background-color:var(--color-primary);color:var(--color-white);transform:translateY(-2px);}
.widget_calendar table{width:100%;border-collapse:collapse;}
.widget_calendar caption{padding:var(--space-sm);font-weight:var(--font-weight-medium);text-align:center;margin-bottom:var(--space-sm);}
.widget_calendar th, .widget_calendar td{padding:var(--space-sm);text-align:center;border:1px solid var(--color-border);}
.widget_calendar th{background-color:var(--color-background-alt);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);}
.widget_calendar td a{display:block;width:100%;height:100%;color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none;}
.widget_calendar td a:hover{background-color:var(--color-primary);color:var(--color-white);}
.widget_rss ul li{padding-bottom:var(--space-md);margin-bottom:var(--space-md);border-bottom:1px solid var(--color-border);}
.widget_rss ul li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none;}
.widget_rss .rsswidget{font-weight:var(--font-weight-medium);}
.widget_rss .rss-date, .widget_rss cite{display:block;margin-top:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-light);}
.widget_rss .rssSummary{margin-top:var(--space-sm);}
.back-to-top{position:fixed;bottom:var(--space-2xl);right:var(--space-2xl);width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-full);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--transition-base);box-shadow:var(--shadow-lg);z-index:var(--z-fixed);}
.back-to-top:hover, .back-to-top:focus{background-color:var(--color-primary-dark);transform:translateY(0) scale(1.1);box-shadow:var(--shadow-xl);}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0);}
.back-to-top-icon{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:1;}
@media(max-width:768px){
.back-to-top{bottom:var(--space-lg);right:var(--space-lg);width:45px;height:45px;}
.back-to-top-icon{font-size:var(--font-size-lg);}
}
@media(max-width:480px){
.back-to-top {
bottom: var(--space-md);
right: var(--space-md);
width: 40px;
height: 40px;
}
}article.sticky{background:linear-gradient(135deg, rgba(0, 115, 170, 0.03) 0%, rgba(0, 115, 170, 0.06) 100%);border:2px solid rgba(0, 115, 170, 0.3) !important;position:relative;}
article.sticky::before{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light)) !important;transform:scaleX(1) !important;}
article.sticky:hover{border-color:rgba(0, 115, 170, 0.5) !important;box-shadow:0 20px 25px -5px rgba(0, 115, 170, 0.2), 0 10px 10px -5px rgba(0, 115, 170, 0.1) !important;}
article.sticky .post-category-header{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%) !important;}
.reading-time, .post-views{align-items:center;color:var(--color-text-light);display:inline-flex;gap:var(--space-xs);}
.reading-time i, .post-views i{color:var(--color-primary);}
.breadcrumbs{padding:0 0 var(--space-md) 0;}
.breadcrumb-list{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--space-sm);list-style:none;margin:0;padding:0;}
.breadcrumb-item{align-items:center;display:flex;gap:var(--space-sm);}
.breadcrumb-item a{color:var(--color-text-light);text-decoration:none;transition:color var(--transition-fast);}
.breadcrumb-item a:hover{color:var(--color-primary);}
.breadcrumb-item-current{color:var(--color-text);font-weight:var(--font-weight-medium);}
.breadcrumb-separator{color:var(--color-text-light);font-size:var(--font-size-xs);}
.table-of-contents{background:linear-gradient(135deg, rgba(0, 115, 170, 0.05) 0%, rgba(0, 115, 170, 0.08) 100%);border:2px solid var(--color-primary);border-radius:var(--radius-lg);margin:var(--space-lg) 0;overflow:hidden;padding:var(--space-lg);position:relative;}
.toc-toggle{align-items:center;background:none !important;border:none;color:var(--color-dark);cursor:pointer;display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);justify-content:space-between;padding:0;transition:all var(--transition-fast);width:100%;}
.toc-toggle:hover{color:var(--color-primary);}
.toc-toggle-left{align-items:center;display:flex;gap:var(--space-sm);}
.toc-toggle-icon{font-size:var(--font-size-lg);transition:transform var(--transition-fast);}
.toc-toggle[aria-expanded="false"] .toc-toggle-icon{transform:rotate(-90deg);}
.toc-list{margin:var(--space-md) 0 0 0;max-height:500px;overflow:hidden;padding:0;transition:max-height var(--transition-base);}
.toc-toggle[aria-expanded="false"]+.toc-list{margin-top:0;max-height:0;}
.toc-item{margin:var(--space-sm) 0;padding-left:var(--space-md);position:relative;list-style-type:decimal;}
.toc-level-2{padding-left:var(--space-sm);}
.toc-level-3{padding-left:var(--space-lg);}
.toc-level-4{padding-left:var(--space-2xl);}
.toc-level-5{padding-left:var(--space-4xl);}
.toc-link{color:var(--color-text);display:inline-block;text-decoration:none;transition:all var(--transition-fast);}
.toc-link:hover{color:var(--color-primary);transform:translateX(4px);}
.related-posts{margin-top:var(--space-xl);padding:0;}
.related-posts-header{border-bottom:3px solid var(--color-primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);position:relative;}
.related-posts-title{color:var(--color-dark);font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin:0;}
.related-posts-title i{color:var(--color-primary);font-size:var(--font-size-lg);}
.related-posts-grid{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));}
.related-post-card{background:var(--color-white);border:2px solid transparent;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all var(--transition-base);}
.related-post-card::before{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light));content:'';height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform var(--transition-base);z-index:1;}
.related-post-card:hover::before{transform:scaleX(1);}
.related-post-card:hover{border-color:rgba(0, 115, 170, 0.2);box-shadow:0 20px 25px -5px rgba(0, 115, 170, 0.1), 0 10px 10px -5px rgba(0, 115, 170, 0.04);transform:translateY(-8px);}
.related-post-thumbnail{aspect-ratio:16 / 9;background:linear-gradient(135deg, rgba(0, 115, 170, 0.05) 0%, rgba(0, 115, 170, 0.1) 100%);overflow:hidden;position:relative;}
.related-post-thumbnail::after{background:linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.3) 100%);bottom:0;content:'';left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base);}
.related-post-card:hover .related-post-thumbnail::after{opacity:1;}
.related-post-thumbnail img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%;}
.related-post-card:hover .related-post-thumbnail img{transform:scale(1.1);}
.related-post-content{display:flex;flex:1;flex-direction:column;padding:var(--space-lg);}
.related-post-title{flex:1;font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);margin-bottom:var(--space-sm);}
.related-post-title a{color:var(--color-dark);text-decoration:none;transition:color var(--transition-fast);}
.related-post-title a:hover{color:var(--color-primary);}
.related-post-meta{border-top:1px solid var(--color-border);color:var(--color-text-light);font-size:var(--font-size-sm);margin-top:auto;padding-top:var(--space-md);}
.related-post-date{align-items:center;display:inline-flex;gap:var(--space-xs);}
.related-post-date i{color:var(--color-primary);}
.social-share{background:linear-gradient(135deg, rgba(0, 115, 170, 0.05) 0%, rgba(0, 115, 170, 0.08) 100%);border:2px solid var(--color-primary);border-radius:var(--radius-lg);margin:var(--space-xl) 0 0 0;padding:var(--space-lg);}
.social-share-title{align-items:center;color:var(--color-dark);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);gap:var(--space-sm);margin-bottom:var(--space-lg);}
.social-share-title i{color:var(--color-primary);}
.social-share-buttons{display:flex;flex-wrap:wrap;gap:var(--space-md);}
.share-button{align-items:center;border:2px solid transparent;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);text-decoration:none;transition:all var(--transition-base);}
.share-twitter{background:#1DA1F2;color:white;}
.share-twitter:hover{background:#1a8cd8;box-shadow:0 4px 12px rgba(29, 161, 242, 0.4);transform:translateY(-2px);color:var(--color-background-alt);}
.share-facebook{background:#1877F2;color:white;}
.share-facebook:hover{background:#1465d3;box-shadow:0 4px 12px rgba(24, 119, 242, 0.4);transform:translateY(-2px);color:var(--color-background-alt);}
.share-linkedin{background:#0A66C2;color:white;}
.share-linkedin:hover{background:#0954a5;box-shadow:0 4px 12px rgba(10, 102, 194, 0.4);transform:translateY(-2px);color:var(--color-background-alt);}
.share-copy{background:var(--color-gray-700);color:white;}
.share-copy:hover{background:var(--color-gray-800);box-shadow:0 4px 12px rgba(70, 75, 80, 0.4);transform:translateY(-2px);color:var(--color-background-alt);}
.share-copy.copied{background:var(--color-success);}
.header-actions{align-items:center;display:flex;gap:var(--space-sm);}
.search-toggle{align-items:center;background:rgba(0, 115, 170, 0.1);border:1px solid rgba(0, 115, 170, 0.2);border-radius:var(--radius-full);color:var(--color-primary);cursor:pointer;display:flex;font-size:var(--font-size-lg);height:40px;justify-content:center;margin-left:var(--space-lg);transition:all var(--transition-base);width:40px;}
.search-toggle:hover{background:rgba(0, 115, 170, 0.2);transform:scale(1.1);}
.search-modal{bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all var(--transition-base);visibility:hidden;z-index:9999;}
.search-modal.active{opacity:1;visibility:visible;}
.search-modal-overlay{backdrop-filter:blur(8px);background:rgba(0, 0, 0, 0.8);bottom:0;left:0;position:absolute;right:0;top:0;}
.search-modal-content{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 25px 50px rgba(0, 0, 0, 0.3);margin:var(--space-3xl) auto;max-width:800px;position:relative;transform:translateY(-20px);transition:transform var(--transition-base);}
.search-modal.active .search-modal-content{transform:translateY(0);}
.search-modal-close{align-items:center;background:var(--color-gray-200);border:none;border-radius:var(--radius-full);cursor:pointer;display:none;height:50px;justify-content:center;position:absolute;right:-32px;top:-32px;transition:all var(--transition-fast);width:50px;z-index:10;}
.search-modal-close:hover{background:var(--color-error);color:white;transform:rotate(90deg);}
.search-modal-body{padding:var(--space-lg);}
.ajax-search-form{margin-bottom:var(--space-lg);}
.search-input-wrapper{align-items:center;display:flex;position:relative;}
.search-icon{color:var(--color-text-light);font-size:var(--font-size-xl);left:var(--space-lg);position:absolute;}
.ajax-search-input{border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-xl);padding:var(--space-lg) var(--space-lg) var(--space-lg) calc(var(--space-2xl) + var(--space-xl));transition:all var(--transition-fast);width:100%;}
.ajax-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(0, 115, 170, 0.1);outline:none;}
.search-loading{color:var(--color-primary);opacity:0;position:absolute;right:var(--space-lg);transition:opacity var(--transition-fast);}
.search-loading.active{opacity:1;}
.search-results{max-height:400px;overflow-y:auto;}
.search-result-item{border-bottom:1px solid var(--color-border);padding:var(--space-md);transition:background var(--transition-fast);}
.search-result-item:hover{background:var(--color-background-alt);}
.search-result-link{color:inherit;display:block;text-decoration:none;}
.search-result-title{color:var(--color-dark);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs);}
.search-result-excerpt{color:var(--color-text-light);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);}
.search-result-date{color:var(--color-text-light);font-size:var(--font-size-xs);margin-top:var(--space-xs);}
.search-suggestions{background:var(--color-background-alt);border-radius:var(--radius-md);padding:var(--space-md);}
.search-hint{align-items:center;color:var(--color-text-light);display:flex;font-size:var(--font-size-sm);gap:var(--space-sm);margin:0;}
@media(max-width:768px){
.related-posts-grid {
grid-template-columns: 1fr;
}
.social-share-buttons {
flex-direction: column;
}
.search-modal-content {
margin: var(--space-md);
}
}