@import"https://fonts.googleapis.com/css?family=Source+Sans+Pro:300italic,600italic,300,600";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block } body{line-height:1 } ol,ul{list-style:none } blockquote,q{quotes:none } blockquote:before,blockquote:after,q:before,q:after{content:"";content:none } table{border-collapse:collapse;border-spacing:0 } body{-webkit-text-size-adjust:none } mark{background-color:rgba(0,0,0,0);color:inherit } input::-moz-focus-inner{border:0;padding:0 } input,select,textarea{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none } @-ms-viewport{width:device-width } @media screen and (max-width:480px){html,body{min-width:320px } } html{box-sizing:border-box } *,*:before,*:after{box-sizing:inherit } body{background:#1a1d23 } body.is-preload *,body.is-preload *:before,body.is-preload *:after{-moz-animation:none !important;-webkit-animation:none !important;-ms-animation:none !important;animation:none !important;-moz-transition:none !important;-webkit-transition:none !important;-ms-transition:none !important;transition:none !important } html{font-size:16pt } @media screen and (max-width:1680px){html{font-size:12pt } } @media screen and (max-width:736px){html{font-size:11pt } } @media screen and (max-width:360px){html{font-size:10pt } } body,input,select,textarea{color:#fff;font-family:"Source Sans Pro",sans-serif;font-weight:300;font-size:1rem;line-height:1.65 } a{-moz-transition:color 0.2s ease-in-out,background-color 0.2s ease-in-out,border-bottom-color 0.2s ease-in-out;-webkit-transition:color 0.2s ease-in-out,background-color 0.2s ease-in-out,border-bottom-color 0.2s ease-in-out;-ms-transition:color 0.2s ease-in-out,background-color 0.2s ease-in-out,border-bottom-color 0.2s ease-in-out;transition:color 0.2s ease-in-out,background-color 0.2s ease-in-out,border-bottom-color 0.2s ease-in-out;border-bottom:dotted 1px hsla(0,0%,100%,.7);text-decoration:none;color:inherit } a:hover{border-bottom-color:rgba(0,0,0,0) } strong,b{color:#fff;font-weight:600 } em,i{font-style:italic } p{margin:0 0 2rem 0 } h1,h2,h3,h4,h5,h6{color:#fff;font-weight:600;line-height:1.5;margin:0 0 1rem 0;text-transform:uppercase;letter-spacing:.2rem } h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;text-decoration:none } h1.major,h2.major,h3.major,h4.major,h5.major,h6.major{border-bottom:solid 1px #fff;width:-moz-max-content;width:-webkit-max-content;width:-ms-max-content;width:max-content;padding-bottom:.5rem;margin:0 0 2rem 0 } h1{font-size:2.25rem;line-height:1.3;letter-spacing:.5rem } h2{font-size:1.5rem;line-height:1.4;letter-spacing:.5rem } h3{font-size:1rem } h4{font-size:.8rem } h5{font-size:.7rem } h6{font-size:.6rem } @media screen and (max-width:736px){h1{font-size:1.75rem;line-height:1.4 } h2{font-size:1.25em;line-height:1.5 } } sub{font-size:.8rem;position:relative;top:.5rem } sup{font-size:.8rem;position:relative;top:-0.5rem } blockquote{border-left:solid 4px #fff;font-style:italic;margin:0 0 2rem 0;padding:.5rem 0 .5rem 2rem } code{background:hsla(0,0%,100%,.1);border-radius:4px;font-family:"Courier New",monospace;font-size:.9rem;margin:0 .25rem;padding:.25rem .65rem } pre{-webkit-overflow-scrolling:touch;font-family:"Courier New",monospace;font-size:.9rem;margin:0 0 2rem 0 } pre code{display:block;line-height:1.75;padding:1rem 1.5rem;overflow-x:auto } hr{border:0;border-bottom:solid 1px #fff;margin:2.75rem 0 } .align-left{text-align:left } .align-center{text-align:center } .align-right{text-align:right } form{margin:0 0 2rem 0 } form>:last-child{margin-bottom:0 } form>.fields{display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;-moz-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:calc(100% + 3rem);margin:-1.5rem 0 2rem -1.5rem } form>.fields>.field{-moz-flex-grow:0;-webkit-flex-grow:0;-ms-flex-grow:0;flex-grow:0;-moz-flex-shrink:0;-webkit-flex-shrink:0;-ms-flex-shrink:0;flex-shrink:0;padding:1.5rem 0 0 1.5rem;width:calc(100% - 1.5rem) } form>.fields>.field.half{width:calc(50% - 0.75rem) } form>.fields>.field.third{width:calc(100%/3 - 0.5rem) } form>.fields>.field.quarter{width:calc(25% - 0.375rem) } @media screen and (max-width:480px){form>.fields{width:calc(100% + 3rem);margin:-1.5rem 0 2rem -1.5rem } form>.fields>.field{padding:1.5rem 0 0 1.5rem;width:calc(100% - 1.5rem) } form>.fields>.field.half{width:calc(100% - 1.5rem) } form>.fields>.field.third{width:calc(100% - 1.5rem) } form>.fields>.field.quarter{width:calc(100% - 1.5rem) } } label{color:#fff;display:block;font-size:.8rem;font-weight:300;letter-spacing:.2rem;line-height:1.5;margin:0 0 1rem 0;text-transform:uppercase } input[type=text],input[type=password],input[type=email],input[type=tel],select,textarea{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none;-moz-transition:border-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out,background-color 0.2s ease-in-out;-webkit-transition:border-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out,background-color 0.2s ease-in-out;-ms-transition:border-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out,background-color 0.2s ease-in-out;transition:border-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out,background-color 0.2s ease-in-out;background-color:rgba(0,0,0,0);border-radius:4px;border:solid 1px #fff;color:inherit;display:block;outline:0;padding:0 1rem;text-decoration:none;width:100% } input[type=text]:invalid,input[type=password]:invalid,input[type=email]:invalid,input[type=tel]:invalid,select:invalid,textarea:invalid{box-shadow:none } input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=tel]:focus,select:focus,textarea:focus{background:hsla(0,0%,100%,.1);border-color:#fff;box-shadow:0 0 0 1px #fff } select{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23ffffff' /%3E%3C/svg%3E");background-size:1.25rem;background-repeat:no-repeat;background-position:calc(100% - 1rem) center;height:2.75rem;padding-right:2.75rem;text-overflow:ellipsis } select option{color:#fff;background:#1a1d23 } select:focus::-ms-value{background-color:rgba(0,0,0,0) } select::-ms-expand{display:none } input[type=text],input[type=password],input[type=email],select{height:2.75rem } textarea{padding:.75rem 1rem } input[type=checkbox],input[type=radio]{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none;display:block;float:left;margin-right:-2rem;opacity:0;width:1rem;z-index:-1 } input[type=checkbox]+label,input[type=radio]+label{text-decoration:none } input[type=checkbox]+label:before,input[type=radio]+label:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;text-transform:none !important;font-family:"Font Awesome 5 Free";font-weight:900 } input[type=checkbox]+label,input[type=radio]+label{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;color:#fff;cursor:pointer;display:inline-block;font-size:.8rem;font-weight:300;margin:0 0 .5rem 0;padding-left:2.65rem;padding-right:.75rem;position:relative } input[type=checkbox]+label:before,input[type=radio]+label:before{-moz-transition:border-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out,background-color 0.2s ease-in-out;-webkit-transition:border-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out,background-color 0.2s ease-in-out;-ms-transition:border-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out,background-color 0.2s ease-in-out;transition:border-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out,background-color 0.2s ease-in-out;border-radius:4px;border:solid 1px #fff;content:"";display:inline-block;height:1.65rem;left:0;line-height:1.65rem;position:absolute;text-align:center;top:-0.15rem;width:1.65rem } input[type=checkbox]:checked+label:before,input[type=radio]:checked+label:before{background:#fff !important;border-color:#fff !important;color:#1a1d23;content:"" } input[type=checkbox]:focus+label:before,input[type=radio]:focus+label:before{background:hsla(0,0%,100%,.1);border-color:#fff;box-shadow:0 0 0 1px #fff } input[type=checkbox]+label:before{border-radius:4px } input[type=radio]+label:before{border-radius:100% }::-webkit-input-placeholder{color:hsla(0,0%,100%,.7) !important;opacity:1 }:-moz-placeholder{color:hsla(0,0%,100%,.7) !important;opacity:1 }::-moz-placeholder{color:hsla(0,0%,100%,.7) !important;opacity:1 }:-ms-input-placeholder{color:hsla(0,0%,100%,.7) !important;opacity:1 } .formerize-placeholder{color:hsla(0,0%,100%,.7) !important;opacity:1 } .box{border-radius:4px;border:solid 1px #fff;margin-bottom:2rem;padding:1.5em } .box>:last-child,.box>:last-child>:last-child,.box>:last-child>:last-child>:last-child{margin-bottom:0 } .box.alt{border:0;border-radius:0;padding:0 } .icon{text-decoration:none } .icon:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;text-transform:none !important;font-family:"Font Awesome 5 Free";font-weight:400 } .icon{border-bottom:none;position:relative } .icon>.label{display:none } .icon:before{line-height:inherit } .icon.solid:before{font-weight:900 } .icon.brands:before{font-family:"Font Awesome 5 Brands" } .image{border-radius:4px;border:0;display:inline-block;position:relative } .image:before{pointer-events:none;background-image:url("../../images/overlay.png");background-color:rgba(19,21,25,.6);border-radius:4px;content:"";display:block;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100% } .image img{border-radius:4px;display:block } .image.left,.image.right{max-width:40% } .image.left img,.image.right img{width:100% } .image.left{float:left;padding:0 1.5em 1em 0;top:.25em } .image.right{float:right;padding:0 0 1em 1.5em;top:.25em } .image.fit{display:block;margin:0 0 2rem 0;width:100% } .image.fit img{width:100% } .image.main{display:block;margin:2.5rem 0;width:100% } .image.main img{width:100% } @media screen and (max-width:736px){.image.main{margin:2rem 0 } } @media screen and (max-width:480px){.image.main{margin:1.5rem 0 } } ol{list-style:decimal;margin:0 0 2rem 0;padding-left:1.25em } ol li{padding-left:.25em } ul{list-style:disc;margin:0 0 2rem 0;padding-left:1em } ul li{padding-left:.5em } ul.alt{list-style:none;padding-left:0 } ul.alt li{border-top:solid 1px #fff;padding:.5em 0 } ul.alt li:first-child{border-top:0;padding-top:0 } dl{margin:0 0 2rem 0 } dl dt{display:block;font-weight:600;margin:0 0 1rem 0 } dl dd{margin-left:2rem } ul.actions{display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;cursor:default;list-style:none;margin-left:-1rem;padding-left:0 } ul.actions li{padding:0 0 0 1rem;vertical-align:middle } ul.actions.special{-moz-justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;width:100%;margin-left:0 } ul.actions.special li:first-child{padding-left:0 } ul.actions.stacked{-moz-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-left:0 } ul.actions.stacked li{padding:1.3rem 0 0 0 } ul.actions.stacked li:first-child{padding-top:0 } ul.actions.fit{width:calc(100% + 1rem) } ul.actions.fit li{-moz-flex-grow:1;-webkit-flex-grow:1;-ms-flex-grow:1;flex-grow:1;-moz-flex-shrink:1;-webkit-flex-shrink:1;-ms-flex-shrink:1;flex-shrink:1;width:100% } ul.actions.fit li>*{width:100% } ul.actions.fit.stacked{width:100% } @media screen and (max-width:480px){ul.actions:not(.fixed){-moz-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-left:0;width:100% !important } ul.actions:not(.fixed) li{-moz-flex-grow:1;-webkit-flex-grow:1;-ms-flex-grow:1;flex-grow:1;-moz-flex-shrink:1;-webkit-flex-shrink:1;-ms-flex-shrink:1;flex-shrink:1;padding:1rem 0 0 0;text-align:center;width:100% } ul.actions:not(.fixed) li>*{width:100% } ul.actions:not(.fixed) li:first-child{padding-top:0 } ul.actions:not(.fixed) li input[type=submit],ul.actions:not(.fixed) li input[type=reset],ul.actions:not(.fixed) li input[type=button],ul.actions:not(.fixed) li button,ul.actions:not(.fixed) li .button{width:100% } ul.actions:not(.fixed) li input[type=submit].icon:before,ul.actions:not(.fixed) li input[type=reset].icon:before,ul.actions:not(.fixed) li input[type=button].icon:before,ul.actions:not(.fixed) li button.icon:before,ul.actions:not(.fixed) li .button.icon:before{margin-left:-0.5em } } ul.icons{cursor:default;list-style:none;padding-left:0 } ul.icons li{display:inline-block;padding:0 .75em 0 0 } ul.icons li:last-child{padding-right:0 } ul.icons li a{border-radius:100%;box-shadow:inset 0 0 0 1px #fff;display:inline-block;height:2.25rem;line-height:2.25rem;text-align:center;width:2.25rem } ul.icons li a:hover{background-color:hsla(0,0%,100%,.1) } ul.icons li a:active{background-color:hsla(0,0%,100%,.2) } .table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto } table{margin:0 0 2rem 0;width:100% } table tbody tr{border:solid 1px #fff;border-left:0;border-right:0 } table tbody tr:nth-child(2n+1){background-color:hsla(0,0%,100%,.1) } table td{padding:.75em .75em } table th{color:#fff;font-size:.9em;font-weight:600;padding:0 .75em .75em .75em;text-align:left } table thead{border-bottom:solid 2px #fff } table tfoot{border-top:solid 2px #fff } table.alt{border-collapse:separate } table.alt tbody tr td{border:solid 1px #fff;border-left-width:0;border-top-width:0 } table.alt tbody tr td:first-child{border-left-width:1px } table.alt tbody tr:first-child td{border-top-width:1px } table.alt thead{border-bottom:0 } table.alt tfoot{border-top:0 } input[type=submit],input[type=reset],input[type=button],button,.button{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none;-moz-transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out;-ms-transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out;background-color:rgba(0,0,0,0);border-radius:4px;border:0;box-shadow:inset 0 0 0 1px #fff;color:#fff !important;cursor:pointer;display:inline-block;font-size:.8rem;font-weight:300;height:2.75rem;letter-spacing:.2rem;line-height:2.75rem;outline:0;padding:0 1.25rem 0 1.35rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap } input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover,button:hover,.button:hover{background-color:hsla(0,0%,100%,.1) } input[type=submit]:active,input[type=reset]:active,input[type=button]:active,button:active,.button:active{background-color:hsla(0,0%,100%,.2) } input[type=submit].icon:before,input[type=reset].icon:before,input[type=button].icon:before,button.icon:before,.button.icon:before{margin-right:.5em } input[type=submit].fit,input[type=reset].fit,input[type=button].fit,button.fit,.button.fit{width:100% } input[type=submit].small,input[type=reset].small,input[type=button].small,button.small,.button.small{font-size:.6rem;height:2.0625rem;line-height:2.0625rem } input[type=submit].primary,input[type=reset].primary,input[type=button].primary,button.primary,.button.primary{background-color:#fff;color:#1a1d23 !important;font-weight:600 } input[type=submit].disabled,input[type=submit]:disabled,input[type=reset].disabled,input[type=reset]:disabled,input[type=button].disabled,input[type=button]:disabled,button.disabled,button:disabled,.button.disabled,.button:disabled{pointer-events:none;cursor:default;opacity:.25 } input[type=submit],input[type=reset],input[type=button],button{line-height:calc(2.75rem - 2px) } #bg{-moz-transform:scale(1.0);-webkit-transform:scale(1.0);-ms-transform:scale(1.0);transform:scale(1.0);-webkit-backface-visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1 } #bg:before,#bg:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100% } #bg:before{-moz-transition:background-color 2.5s ease-in-out;-webkit-transition:background-color 2.5s ease-in-out;-ms-transition:background-color 2.5s ease-in-out;transition:background-color 2.5s ease-in-out;-moz-transition-delay:0.75s;-webkit-transition-delay:0.75s;-ms-transition-delay:0.75s;transition-delay:0.75s;background-image:linear-gradient(to top,rgba(19,21,25,0.6),rgba(19,21,25,0.6)),url("../../images/overlay.png");background-size:auto,256px 256px;background-position:center,center;background-repeat:no-repeat,repeat;z-index:2 } #bg:after{-moz-transform:scale(1.125);-webkit-transform:scale(1.125);-ms-transform:scale(1.125);transform:scale(1.125);-moz-transition:-moz-transform 0.325s ease-in-out,-moz-filter 0.325s ease-in-out;-webkit-transition:-webkit-transform 0.325s ease-in-out,-webkit-filter 0.325s ease-in-out;-ms-transition:-ms-transform 0.325s ease-in-out,-ms-filter 0.325s ease-in-out;transition:transform 0.325s ease-in-out,filter 0.325s ease-in-out;background-image:url("../../images/bg.webp");background-position:center;background-size:cover;background-repeat:no-repeat;z-index:1 } body.is-article-visible #bg:after{-moz-transform:scale(1.0825);-webkit-transform:scale(1.0825);-ms-transform:scale(1.0825);transform:scale(1.0825);-moz-filter:blur(0.2rem);-webkit-filter:blur(0.2rem);-ms-filter:blur(0.2rem);filter:blur(0.2rem) } body.is-preload #bg:before{background-color:#0f1419 } #wrapper{display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;-moz-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-moz-align-items:center;-webkit-align-items:center;-ms-align-items:center;align-items:center;-moz-justify-content:space-between;-webkit-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;position:relative;min-height:100vh;width:100%;padding:4rem 2rem;z-index:3 } #wrapper:before{content:"";display:block } @media screen and (max-width:1680px){#wrapper{padding:3rem 2rem } } @media screen and (max-width:736px){#wrapper{padding:2rem 1rem } } @media screen and (max-width:480px){#wrapper{padding:1rem } } #header{display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;-moz-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-moz-align-items:center;-webkit-align-items:center;-ms-align-items:center;align-items:center;-moz-transition:-moz-transform 0.325s ease-in-out,-moz-filter 0.325s ease-in-out,opacity 0.325s ease-in-out;-webkit-transition:-webkit-transform 0.325s ease-in-out,-webkit-filter 0.325s ease-in-out,opacity 0.325s ease-in-out;-ms-transition:-ms-transform 0.325s ease-in-out,-ms-filter 0.325s ease-in-out,opacity 0.325s ease-in-out;transition:transform 0.325s ease-in-out,filter 0.325s ease-in-out,opacity 0.325s ease-in-out;background-image:-moz-radial-gradient(rgba(0,0,0,0.25) 25%,rgba(0,0,0,0) 55%);background-image:-webkit-radial-gradient(rgba(0,0,0,0.25) 25%,rgba(0,0,0,0) 55%);background-image:-ms-radial-gradient(rgba(0,0,0,0.25) 25%,rgba(0,0,0,0) 55%);background-image:radial-gradient(rgba(0,0,0,0.25) 25%,rgba(0,0,0,0) 55%);max-width:100%;text-align:center } #header>*{-moz-transition:opacity 0.325s ease-in-out;-webkit-transition:opacity 0.325s ease-in-out;-ms-transition:opacity 0.325s ease-in-out;transition:opacity 0.325s ease-in-out;position:relative;margin-top:3.5rem } #header>*:before{content:"";display:block;position:absolute;top:calc(-3.5rem - 1px);left:calc(50% - 1px);width:1px;height:calc(3.5rem + 1px);background:#fff } #header>:first-child{margin-top:0 } #header>:first-child:before{display:none } #header .logo .icon:before{font-size:2rem } #header .content{border-style:solid;border-color:#fff;border-top-width:1px;border-bottom-width:1px;max-width:100% } #header .content .inner{-moz-transition:max-height 0.75s ease,padding 0.75s ease,opacity 0.325s ease-in-out;-webkit-transition:max-height 0.75s ease,padding 0.75s ease,opacity 0.325s ease-in-out;-ms-transition:max-height 0.75s ease,padding 0.75s ease,opacity 0.325s ease-in-out;transition:max-height 0.75s ease,padding 0.75s ease,opacity 0.325s ease-in-out;-moz-transition-delay:0.25s;-webkit-transition-delay:0.25s;-ms-transition-delay:0.25s;transition-delay:0.25s;padding:3rem 2rem;max-height:40rem;overflow:hidden } #header .content .inner>:last-child{margin-bottom:0 } #header .content p{text-transform:uppercase;letter-spacing:.2rem;font-size:.8rem;line-height:2 } #header nav ul{display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;margin-bottom:0;list-style:none;padding-left:0;border:solid 1px #fff;border-radius:4px } #header nav ul li{padding-left:0;border-left:solid 1px #fff } #header nav ul li:first-child{border-left:0 } #header nav ul li a{display:block;min-width:7.5rem;height:2.75rem;line-height:2.75rem;padding:0 1.25rem 0 1.45rem;text-transform:uppercase;letter-spacing:.2rem;font-size:.8rem;border-bottom:0 } #header nav ul li a:hover{background-color:hsla(0,0%,100%,.1) } #header nav ul li a:active{background-color:hsla(0,0%,100%,.2) } body.is-article-visible #header{-moz-transform:scale(0.95);-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);-moz-filter:blur(0.1rem);-webkit-filter:blur(0.1rem);-ms-filter:blur(0.1rem);filter:blur(0.1rem);opacity:0 } body.is-preload #header>*{opacity:0 } body.is-preload #header{-moz-filter:blur(0.125rem);-webkit-filter:blur(0.125rem);-ms-filter:blur(0.125rem);filter:blur(0.125rem) } body.is-preload #header .content .inner{max-height:0;padding-top:0;padding-bottom:0;opacity:0 } @media screen and (max-width:980px){#header .content p br{display:none } } @media screen and (max-width:736px){#header>*{margin-top:2rem } #header>*:before{top:calc(-2rem - 1px);height:calc(2rem + 1px) } #header .logo .icon:before{font-size:1.75rem } #header .content .inner{padding:2.5rem 1rem } #header .content p{line-height:1.875 } } @media screen and (max-width:480px){#header{padding:1.5rem 0 } #header .content .inner{padding:2.5rem 0 } #header nav ul{-moz-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-width:10rem;max-width:100% } #header nav ul li{border-left:0;border-top:solid 1px #fff } #header nav ul li:first-child{border-top:0 } #header nav ul li a{height:3rem;line-height:3rem;min-width:0;width:100% } } #main{-moz-flex-grow:1;-webkit-flex-grow:1;-ms-flex-grow:1;flex-grow:1;-moz-flex-shrink:1;-webkit-flex-shrink:1;-ms-flex-shrink:1;flex-shrink:1;display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;-moz-align-items:center;-webkit-align-items:center;-ms-align-items:center;align-items:center;-moz-justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;-moz-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;max-width:100%;z-index:3 } #main article{-moz-transform:translateY(0.25rem);-webkit-transform:translateY(0.25rem);-ms-transform:translateY(0.25rem);transform:translateY(0.25rem);-moz-transition:opacity 0.325s ease-in-out,-moz-transform 0.325s ease-in-out;-webkit-transition:opacity 0.325s ease-in-out,-webkit-transform 0.325s ease-in-out;-ms-transition:opacity 0.325s ease-in-out,-ms-transform 0.325s ease-in-out;transition:opacity 0.325s ease-in-out,transform 0.325s ease-in-out;padding:4.5rem 2.5rem 1.5rem 2.5rem;position:relative;width:40rem;max-width:100%;background-color:rgba(26,29,35,.85);border-radius:4px;opacity:0 } #main article.active{-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1 } #main article .close{display:block;position:absolute;top:0;right:0;width:4rem;height:4rem;cursor:pointer;text-indent:4rem;overflow:hidden;white-space:nowrap } #main article .close:before{-moz-transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out;-ms-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;content:"";display:block;position:absolute;top:.75rem;left:.75rem;width:2.5rem;height:2.5rem;border-radius:100%;background-position:center;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='20px' viewBox='0 0 20 20' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke:%23ffffff%3B stroke-width:1%3B %7D%3C/style%3E%3Cline x1='2' y1='2' x2='18' y2='18' /%3E%3Cline x1='18' y1='2' x2='2' y2='18' /%3E%3C/svg%3E");background-size:20px 20px;background-repeat:no-repeat } #main article .close:hover:before{background-color:hsla(0,0%,100%,.1) } #main article .close:active:before{background-color:hsla(0,0%,100%,.2) } @media screen and (max-width:736px){#main article{padding:3.5rem 2rem .5rem 2rem } #main article .close:before{top:.875rem;left:.875rem;width:2.25rem;height:2.25rem;background-size:14px 14px } } @media screen and (max-width:480px){#main article{padding:3rem 1.5rem .5rem 1.5rem } } #footer{-moz-transition:-moz-transform 0.325s ease-in-out,-moz-filter 0.325s ease-in-out,opacity 0.325s ease-in-out;-webkit-transition:-webkit-transform 0.325s ease-in-out,-webkit-filter 0.325s ease-in-out,opacity 0.325s ease-in-out;-ms-transition:-ms-transform 0.325s ease-in-out,-ms-filter 0.325s ease-in-out,opacity 0.325s ease-in-out;transition:transform 0.325s ease-in-out,filter 0.325s ease-in-out,opacity 0.325s ease-in-out;width:100%;max-width:100%;margin-top:2rem;text-align:center } #footer .copyright{letter-spacing:.2rem;font-size:.6rem;opacity:.75;margin-bottom:0;text-transform:uppercase } body.is-article-visible #footer{-moz-transform:scale(0.95);-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);-moz-filter:blur(0.1rem);-webkit-filter:blur(0.1rem);-ms-filter:blur(0.1rem);filter:blur(0.1rem);opacity:0 } body.is-preload #footer{opacity:0 } body{margin:0;padding:0;background:#1a1d23;color:#fff;font-family:Arial,sans-serif } #wrapper{position:relative;width:100% } #header{text-align:center;padding:2rem } .logo{max-height:200px;margin:0 auto;height:200px } .logo img{max-width:100%;max-height:100%;width:auto;height:auto;display:block;object-fit:contain } #footer{min-height:600px;contain:layout } .contact-cards-container{min-height:450px } .contact-card{min-height:280px } @media(max-width:768px){#header .logo{height:125px !important;margin:0 auto !important} .logo img{max-width:100% !important;max-height:100% !important;object-fit:contain } } @keyframes pulse{0%,100%{opacity:.6;transform:scale(1) } 50%{opacity:1;transform:scale(1.05) } } @keyframes ring{0%,100%{transform:rotate(0deg) } 10%,30%{transform:rotate(-10deg) } 20%{transform:rotate(10deg) } } @keyframes float{0%,100%{transform:translateY(0px) } 50%{transform:translateY(-10px) } } .contact-card:hover{transform:translateY(-8px) scale(1.02) !important;box-shadow:0 15px 45px rgba(0,0,0,.35) !important } .contact-card:hover .icon-wrapper{transform:scale(1.1) rotate(5deg) !important } .address-card:hover{border-color:rgba(220,38,38,.5) !important } .email-card:hover{border-color:rgba(5,150,105,.5) !important } .phone-card:hover{border-color:rgba(124,58,237,.5) !important } .contact-card:hover>div:last-child{left:100% !important } .phone-card:hover a>div:last-child{left:100% !important } @media(max-width:768px){#footer{min-height:1400px } .contact-cards-container{grid-template-columns:1fr !important;gap:1.2rem !important;padding:1rem !important;min-height:1000px } .contact-card{padding:1.5rem !important;min-height:250px } .card-header{gap:.6rem !important } .phone-content a{font-size:1rem !important;padding:.8rem 1.2rem !important } } @media(max-width:480px){#footer{min-height:1500px } .contact-cards-container{min-height:1100px } .contact-card{padding:1.2rem !important;min-height:220px } .icon-wrapper{width:40px !important;height:40px !important } .icon-wrapper i{font-size:1.1rem !important } .card-header h3{font-size:1rem !important } .card-header p{font-size:.7rem !important } } .btn-theme{background:hsla(0,0%,100%,.1) !important;border:1px solid hsla(0,0%,100%,.3) !important;color:#fff !important;padding:.8rem 1.5rem !important;border-radius:4px !important;transition:all .3s ease !important;cursor:pointer !important;text-decoration:none !important;display:inline-block !important } .btn-theme:hover{background:hsla(0,0%,100%,.2) !important;border-color:hsla(0,0%,100%,.6) !important;color:#fff !important;transform:translateY(-2px) !important } .btn-theme-outline{background:rgba(0,0,0,0) !important;border:1px solid #fff !important;color:#fff !important;padding:.8rem 1.5rem !important;border-radius:4px !important;transition:all .3s ease !important;cursor:pointer !important;text-decoration:none !important;display:inline-block !important } .btn-theme-outline:hover{background:#fff !important;color:#1a1d23 !important;transform:translateY(-2px) !important } .g-recaptcha{border-radius:8px !important;overflow:hidden !important } input:focus,textarea:focus{border-color:hsla(0,0%,100%,.6) !important;box-shadow:0 0 0 2px hsla(0,0%,100%,.1) !important;outline:none !important } input::placeholder,textarea::placeholder{color:hsla(0,0%,100%,.5) !important } .notification-success{position:fixed;top:20px;right:20px;background-color:#4caf50;color:#fff;padding:15px;border-radius:5px;z-index:1000;box-shadow:0 4px 8px rgba(0,0,0,.3) } .notification-error{position:fixed;top:20px;right:20px;background-color:#f44336;color:#fff;padding:15px;border-radius:5px;z-index:1000;box-shadow:0 4px 8px rgba(0,0,0,.3) } .notification-close{float:right;margin-left:10px;cursor:pointer;font-weight:bold } .header-description{font-size:1.1em;line-height:1.6;margin-top:1.5rem } .header-buttons{margin-top:2rem } .header-buttons .btn-law,.header-buttons .btn-modern{margin:.5rem } .main-nav{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border-radius:25px;padding:.5rem } .nav-link{padding:.8rem 1.5rem;border-radius:20px;transition:all .3s ease } .about-image{aspect-ratio:3/2;display:block;overflow:hidden } .about-image img{width:100%;height:auto;aspect-ratio:3/2;display:block } .work-image{aspect-ratio:3/2;display:block;overflow:hidden } .work-image img{width:100%;height:auto;aspect-ratio:3/2;display:block } .work-intro-description{text-align:center;font-size:1.1rem;margin-bottom:3rem;opacity:.9 } .work-area-icon-accent{color:var(--yl-accent);margin-right:.5rem } .work-area-icon-primary{color:var(--yl-primary);margin-right:.5rem } .work-conclusion{margin-top:3rem;text-align:center;padding:2rem;background:hsla(0,0%,100%,.05);border-radius:12px;border:1px solid hsla(0,0%,100%,.1) } .work-conclusion-description{font-size:1.1rem;line-height:1.6;opacity:.9 } .contact-description{margin-bottom:2rem;opacity:.8 } .contact-textarea{resize:vertical } .contact-actions{margin-top:2rem } .footer{min-height:600px } .contact-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;padding:1.5rem;min-height:450px } .contact-card{background:linear-gradient(145deg,rgba(30,41,59,0.95),rgba(15,23,42,0.98));backdrop-filter:blur(20px);border:1px solid rgba(100,116,139,.3);border-radius:20px;padding:1.8rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 8px 30px rgba(0,0,0,.25);min-height:280px } .gradient-border-address{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#dc2626,#ef4444,#f97316);border-radius:20px 20px 0 0 } .card-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem } .icon-wrapper{width:45px;height:45px;background:linear-gradient(135deg,rgba(220,38,38,0.2),rgba(239,68,68,0.1));border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative } .icon-address{font-size:1.3rem;color:#dc2626;z-index:2 } .pulse-animation{position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(220,38,38,0.1));border-radius:50%;animation:pulse 2s infinite } .address-title{color:#dc2626;font-size:1.1rem;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:.5px } .card-subtitle{margin:0;opacity:.7;font-size:.8rem } .address-content{line-height:1.6;font-size:.9rem } .address-line{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem;padding:.6rem;background:rgba(220,38,38,.05);border-radius:10px;border-left:3px solid #dc2626 } .address-icon{color:#dc2626;font-size:.9rem } .address-strong{color:#fff;font-size:.95rem } .address-line-2{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.6rem } .address-icon-2{color:rgba(220,38,38,.8);font-size:.8rem;margin-top:.2rem } .address-span{color:hsla(0,0%,100%,.9);font-size:.85rem } .address-line-3{display:flex;align-items:center;gap:.6rem;padding:.6rem;background:rgba(220,38,38,.1);border-radius:10px;margin-top:.8rem } .address-strong-2{color:#fff;font-size:.9rem } .hover-effect-address{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(220,38,38,0.1),transparent);transition:left .6s ease;pointer-events:none } .gradient-border-email{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#059669,#10b981,#34d399);border-radius:20px 20px 0 0 } .icon-wrapper-email{width:45px;height:45px;background:linear-gradient(135deg,rgba(5,150,105,0.2),rgba(16,185,129,0.1));border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative } .icon-email{font-size:1.3rem;color:#059669;z-index:2 } .pulse-animation-email{position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(5,150,105,0.1));border-radius:50%;animation:pulse 2s infinite } .email-title{color:#059669;font-size:1.1rem;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:.5px } .email-content{text-align:center } .email-content-inner{background:rgba(5,150,105,.08);border-radius:12px;padding:1.5rem;border:2px dashed rgba(5,150,105,.2);position:relative } .email-icon{font-size:1.5rem;color:rgba(5,150,105,.6);margin-bottom:.8rem } .email-link{display:block;color:#fff;text-decoration:none;font-size:1rem;font-weight:600;padding:.8rem;background:linear-gradient(135deg,rgba(5,150,105,0.2),rgba(16,185,129,0.1));border-radius:10px;transition:all .3s ease;border:1px solid rgba(5,150,105,.3) } .email-link:hover{background:linear-gradient(135deg,rgba(5,150,105,0.3),rgba(16,185,129,0.2));transform:scale(1.03);box-shadow:0 6px 20px rgba(5,150,105,.3) } .email-paper-plane{margin-right:.6rem;color:#059669;font-size:.9rem } .email-span{font-size:.9rem } .email-response-time{margin-top:.8rem;opacity:.8;font-size:.75rem } .gradient-border-phone{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7c3aed,#a855f7,#c084fc);border-radius:20px 20px 0 0 } .icon-wrapper-phone{width:45px;height:45px;background:linear-gradient(135deg,rgba(124,58,237,0.2),rgba(168,85,247,0.1));border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative } .icon-phone{font-size:1.3rem;color:#7c3aed;z-index:2 } .pulse-animation-phone{position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(124,58,237,0.1));border-radius:50%;animation:pulse 2s infinite } .phone-title{color:#7c3aed;font-size:1.1rem;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:.5px } .phone-content{text-align:center } .phone-content-inner{background:rgba(124,58,237,.08);border-radius:12px;padding:1.5rem;position:relative } .phone-icons{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-bottom:1.2rem } .phone-icon-mobile{font-size:1.8rem;color:rgba(124,58,237,.6) } .phone-icon-separator{width:2px;height:30px;background:linear-gradient(to bottom,#7c3aed,#a855f7);border-radius:2px } .phone-icon-headset{font-size:1.5rem;color:rgba(124,58,237,.6) } .phone-link{display:inline-block;color:#fff;text-decoration:none;font-size:1.1rem;font-weight:700;padding:1rem 1.5rem;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:20px;transition:all .3s ease;box-shadow:0 6px 20px rgba(124,58,237,.3);position:relative;overflow:hidden } .phone-link:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 8px 25px rgba(124,58,237,.5) } .phone-icon-alt{margin-right:.6rem;animation:ring 2s infinite;font-size:.9rem } .phone-span{font-size:.95rem } .hover-effect-phone{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left .6s ease } .phone-info{margin-top:1.2rem;display:flex;justify-content:center;gap:.8rem } .phone-info-item{background:rgba(124,58,237,.15);padding:.6rem;border-radius:10px;flex:1;text-align:center } .phone-info-icon{color:#7c3aed;margin-bottom:.3rem;font-size:.9rem } .phone-info-text{margin:0;font-size:.7rem;opacity:.9 } .seo-footer-links{margin-top:20px;text-align:center;border-top:1px solid hsla(0,0%,100%,.1);padding-top:20px } .seo-footer-links-inner{font-size:.8em;opacity:.7;line-height:1.6 } .seo-footer-title{margin-bottom:8px } .seo-footer-links-group{margin-bottom:8px } .seo-footer-link{color:#ccc;text-decoration:none } .copyright{margin-top:15px;font-size:.75em } body.blog #main,body.blog-post #main{background-color:var(--yl-bg-primary) !important;border-radius:0 !important } .blog-header-description{font-size:1.1em;line-height:1.6;opacity:.9 } .blog-header-stats-container{margin-top:1.5rem } .blog-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap } .stat-item{text-align:center } .stat-item-number-primary{font-size:1.5rem;font-weight:bold;color:#667eea } .stat-item-number-secondary{font-size:1.5rem;font-weight:bold;color:#764ba2 } .stat-item-label{font-size:.8rem;opacity:.7 } .search-section{margin-bottom:3rem } .search-container{position:relative;max-width:600px;margin:0 auto } .search-wrapper{position:relative;background:linear-gradient(145deg,rgba(30,41,59,0.9),rgba(15,23,42,0.95));backdrop-filter:blur(20px);border-radius:30px;border:2px solid rgba(100,116,139,.3);box-shadow:0 8px 32px rgba(0,0,0,.2);overflow:hidden } .blog-search-input{width:100%;padding:1.2rem 1.5rem 1.2rem 4rem;border:none;background:rgba(0,0,0,0);color:#fff;font-size:1rem;outline:none;transition:all .3s ease;font-weight:500 } .search-icon{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:rgba(220,38,38,.8);font-size:1.2rem;transition:all .3s ease } .search-highlight{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(220,38,38,0.1),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none } .search-results{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:linear-gradient(145deg,rgba(30,41,59,0.95),rgba(15,23,42,0.98));backdrop-filter:blur(20px);border-radius:15px;border:1px solid rgba(100,116,139,.3);display:none;max-height:300px;overflow-y:auto;z-index:100;box-shadow:0 8px 32px rgba(0,0,0,.3) } .filter-section .filter-title{text-align:center;margin-bottom:1rem } .filter-section .filter-icon{margin-right:.5rem;color:#667eea } .category-filter .category-button{padding:.5em 1em;font-size:.8em } .blog-container{display:flex;gap:3rem;max-width:1400px;margin:0 auto } .blog-main{flex:1 } .posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem } .blog-post-card{background:linear-gradient(145deg,rgba(30,41,59,0.95),rgba(15,23,42,0.98));backdrop-filter:blur(20px);border:1px solid rgba(100,116,139,.2);border-radius:20px;padding:0;transition:all .5s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;min-height:320px;box-shadow:0 8px 32px rgba(0,0,0,.2),0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;transform:translateY(0) } .blog-post-card .card-content{padding:2rem;flex-grow:1;display:flex;flex-direction:column } .blog-post-card .category-section{margin-bottom:1.2rem;display:flex;align-items:center;justify-content:space-between } .blog-post-card .category-badge{background:linear-gradient(135deg,rgba(220,38,38,0.9),rgba(239,68,68,0.8));color:#fff;padding:.4rem 1rem;border-radius:25px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;backdrop-filter:blur(10px);display:inline-flex;align-items:center;gap:.5rem } .blog-post-card .category-badge-icon{font-size:.8rem } .blog-post-card .post-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;font-size:.75rem;opacity:.7 } .blog-post-card .date-info{display:flex;align-items:center;gap:.5rem } .blog-post-card .date-info-icon{color:rgba(220,38,38,.8) } .blog-post-card .stats-info{display:flex;gap:1rem } .blog-post-card .post-title{margin-bottom:1rem;line-height:1.4;font-size:1.1rem;font-weight:700;color:var(--yl-text-primary);min-height:3rem } .blog-post-card .post-title-link{color:inherit;text-decoration:none;transition:all .3s ease;display:block;background:linear-gradient(90deg,transparent,rgba(220,38,38,0.1),transparent);background-size:0% 100%;background-repeat:no-repeat;background-position:left;padding:.2rem 0 } .blog-post-card .post-title-link:hover{color:rgba(220,38,38,.9);background-size:100% 100% } .blog-post-card .post-description{margin-bottom:1.5rem;opacity:.85;line-height:1.6;font-size:.9rem;color:var(--yl-text-secondary);flex-grow:1;text-align:justify } .blog-post-card .card-footer{display:flex;justify-content:center;align-items:center;margin-top:auto;padding-top:1.5rem;border-top:1px solid hsla(0,0%,100%,.08) } .blog-post-card .read-more-btn{padding:.8rem 1.6rem;font-size:.75rem;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff !important;border:none;border-radius:25px;text-decoration:none;font-weight:700;letter-spacing:.5px;transition:all .4s ease;display:inline-flex;align-items:center;gap:.6rem;text-transform:uppercase;box-shadow:0 4px 15px rgba(220,38,38,.3);position:relative;overflow:hidden } .blog-post-card .read-more-icon{font-size:.7rem;transition:transform .3s ease } .pagination{margin-top:3em;text-align:center } .pagination-list{display:inline-flex;gap:.5em;list-style:none;padding:0 } .pagination-link{padding:.5em .8em } .blog-sidebar{width:300px;display:none } .sidebar-widget{margin-bottom:2rem;padding:1.5rem } .sidebar-widget-title-accent{margin-bottom:1rem;color:#667eea } .popular-post{padding:.8rem 0;border-bottom:1px solid hsla(0,0%,100%,.1) } .popular-post-title{font-size:.9rem;margin-bottom:.3rem } .popular-post-meta{font-size:.7rem;opacity:.6 } .category-list .category-link{display:block;padding:.5rem 0;color:inherit;text-decoration:none;transition:color .3s ease;border-bottom:1px solid hsla(0,0%,100%,.05) } .category-list .category-link:hover{color:#667eea } .category-list-icon{margin-right:.5rem;opacity:.6 } .sidebar-cta{padding:1.5rem;text-align:center;background:linear-gradient(135deg,rgba(102,126,234,0.1),rgba(118,75,162,0.1)) } .sidebar-cta-description{font-size:.9rem;margin-bottom:1.5rem;opacity:.8 } .sidebar-cta-button{padding:.8rem 1.5rem;width:100%;display:block } .legal-support-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;animation:overlayFadeIn 0.5s ease-out} .overlay-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);backdrop-filter:blur(5px)} .overlay-content{position:relative;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:0;max-width:90%;width:400px;box-shadow:0 20px 60px rgba(0,0,0,0.3);animation:overlaySlideIn 0.6s ease-out;overflow:hidden} .overlay-header{position:absolute;top:15px;right:15px;z-index:10} .overlay-close{background:rgba(255,255,255,0.2);border:none;color:white;width:35px;height:35px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;backdrop-filter:blur(10px)} .overlay-close:hover{background:rgba(255,255,255,0.3);transform:scale(1.1)} .overlay-body{padding:40px 30px 30px;text-align:center;color:white} .legal-icon{font-size:3rem;margin-bottom:20px;color:rgba(255,255,255,0.9);animation:iconPulse 2s infinite} .overlay-title{font-size:2.2rem;font-weight:700;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,0.3);line-height:1.3} .overlay-message{font-size:1.3rem;line-height:1.6;margin-bottom:30px;opacity:0.95;font-weight:600;text-align:center} .overlay-buttons{display:flex;flex-direction:column;gap:15px} .overlay-btn{display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:15px;text-decoration:none;transition:all 0.3s ease;position:relative;overflow:hidden} .overlay-btn-primary{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:white;border:2px solid rgba(255,255,255,0.3)} .overlay-btn-secondary{background:rgba(255,255,255,0.15);color:white;border:2px solid rgba(255,255,255,0.3);backdrop-filter:blur(10px)} .overlay-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,0.2)} .overlay-btn-primary:hover{background:linear-gradient(135deg,#218838 0%,#1ea085 100%)} .overlay-btn-secondary:hover{background:rgba(255,255,255,0.25)} .overlay-btn i{font-size:1.5rem;margin-bottom:8px} .overlay-btn span{font-size:1.1rem;font-weight:600;margin-bottom:4px} .overlay-btn small{font-size:0.85rem;opacity:0.8} @@keyframes overlayFadeIn{from{opacity:0} to{opacity:1} } @@keyframes overlaySlideIn{from{opacity:0;transform:scale(0.8) translateY(50px)} to{opacity:1;transform:scale(1) translateY(0)} } @@keyframes iconPulse{0%,100%{transform:scale(1)} 50%{transform:scale(1.05)} } @@media (max-width:768px){.overlay-content{width:95%;margin:20px} .overlay-body{padding:30px 20px 25px} .overlay-title{font-size:1.8rem} .overlay-message{font-size:1.2rem} .overlay-btn{padding:15px} .related-post-card h4 a:hover{color:rgba(255,255,255,0.9);text-decoration:underline} .related-post-card .post-meta{margin-bottom:0.6rem;opacity:0.6;font-size:0.75rem;display:flex;align-items:center;gap:0.5rem} .related-post-card .post-meta .category{background:var(--yl-gradient-accent);color:var(--yl-bg-primary);padding:0.3rem 0.6rem;border-radius:6px;font-size:0.7rem;font-weight:700} .related-post-card .description{font-size:0.85rem;opacity:0.8;margin-bottom:0.8rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex-grow:1} .related-post-card .button{margin-top:auto;padding:0.6rem 1.2rem;font-size:0.8rem;background:var(--yl-gradient-accent);border:2px solid var(--yl-accent);border-radius:8px;transition:all 0.3s ease;color:var(--yl-bg-primary);text-decoration:none;display:inline-block;text-align:center;font-weight:700;letter-spacing:0.05em} .related-post-card .button:hover{background:var(--yl-gradient-accent);transform:translateY(-2px);box-shadow:var(--yl-shadow-accent-hover);border-color:var(--yl-accent-light)} .slider-nav{position:absolute;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,rgba(220,38,38,0.9),rgba(239,68,68,0.8));border:2px solid rgba(220,38,38,0.6);color:#ffffff;width:50px;height:50px;border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;z-index:10;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(220,38,38,0.3)} .slider-nav:hover{background:linear-gradient(135deg,rgba(239,68,68,1),rgba(248,113,113,0.9));border-color:rgba(239,68,68,0.8);transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px rgba(220,38,38,0.4)} .slider-nav:active{transform:translateY(-50%) scale(0.95)} .slider-nav.prev{left:10px} .slider-nav.next{right:10px} .slider-nav:disabled{opacity:0.4;cursor:not-allowed;transform:translateY(-50%);background:rgba(100,116,139,0.5);border-color:rgba(100,116,139,0.3)} .slider-indicators{display:none;justify-content:center;gap:0.5rem;margin-top:1.5rem} .slider-indicator{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.3);cursor:pointer;transition:all 0.3s ease} .slider-indicator.active{background:rgba(255,255,255,0.8);transform:scale(1.2)} .post-navigation{margin-top:3em;text-align:center} .post-navigation .button{margin:0.5em;padding:0.8em 1.5em;font-size:0.9em} #bg{display:none} .breadcrumb{margin:1rem auto 2rem auto;opacity:0.7;font-size:0.9em;max-width:1200px;padding:0 2rem;box-sizing:border-box} .breadcrumb a{color:inherit;text-decoration:none} .breadcrumb a:hover{text-decoration:underline} .featured-image{margin:0 auto 2rem auto;text-align:center;max-width:1200px;padding:0 2rem;box-sizing:border-box} .featured-image img{max-width:100%;height:auto;border-radius:8px} .article-meta{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;opacity:0.8;font-size:0.85rem;margin-bottom:1rem} .meta-item{display:flex;align-items:center;gap:0.5rem;white-space:nowrap} .article-actions{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.1);text-align:center} .btn-theme{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#ffffff;margin:0.5rem;padding:0.8rem 1.5rem;min-height:44px;font-size:0.9rem;border-radius:4px;transition:all 0.3s ease;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;text-decoration:none;display:inline-block} .btn-theme:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.6);color:#ffffff;transform:translateY(-2px)} .btn-theme:active{transform:translateY(0)} .btn-theme-outline{background:transparent;border:1px solid #ffffff;color:#ffffff;margin:0.5rem;padding:0.8rem 1.5rem;min-height:44px;font-size:0.9rem;border-radius:4px;transition:all 0.3s ease;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;text-decoration:none;display:inline-block} .btn-theme-outline:hover{background:#ffffff;color:#1a1d23;transform:translateY(-2px)} .btn-theme-outline:active{transform:translateY(0)} @@media (hover:none) and (pointer:coarse){.btn-theme:active,.btn-theme-outline:active,.article-action-btn:active{transform:scale(0.96);opacity:0.85;transition:all 0.1s ease} header#header nav ul li a:active{transform:scale(0.96);opacity:0.8} .related-post-card:active{transform:scale(0.98);opacity:0.9} .slider-nav:active{transform:translateY(-50%) scale(0.9);opacity:0.7} } @@media (max-width:767px){a,button,.clickable{min-height:44px;min-width:44px} .blog-content{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text} input,textarea,select{font-size:16px} html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch} } #reading-progress{position:fixed;top:0;left:0;width:0%;height:4px;background:#ffffff;z-index:9999;transition:width 0.25s ease-out;box-shadow:0 2px 6px rgba(255,255,255,0.3)} @@media (max-width:767px){#reading-progress{height:6px;box-shadow:0 3px 8px rgba(255,255,255,0.4)} } @@media (min-width:768px) and (max-width:1023px){header#header .content .inner h1{font-size:2.2rem;line-height:1.3} .article-meta{gap:2rem;font-size:0.9rem} .blog-content{max-width:1000px;padding:3rem 2rem;font-size:1.1rem;line-height:1.8} .related-posts-slider{padding:0 50px;overflow:hidden} .related-posts-container{display:flex;grid-template-columns:none;width:fit-content;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1)} .related-post-card{width:280px;flex-shrink:0} .slider-nav{display:flex} .slider-nav.prev{left:5px} .slider-nav.next{right:5px} .slider-indicators{display:flex} .post-navigation .button{padding:0.9rem 1.8rem;font-size:0.95rem} } @@media (min-width:1024px){header#header .content .inner h1{font-size:2.8rem;line-height:1.2} .article-meta{gap:2.5rem;font-size:1rem} .blog-content{max-width:1200px;padding:4rem 3rem;font-size:1.2rem;line-height:1.9} .related-post-card{min-width:320px} .post-navigation{margin-top:4rem} .post-navigation .button{padding:1rem 2rem;font-size:1rem;margin:0 1rem} .btn-theme,.btn-theme-outline{padding:1rem 2rem;font-size:1rem} } @@media (max-width:767px){header#header{min-height:auto;padding:0.5rem 0} header#header .content{padding:1rem 0.5rem} header#header .content .inner{padding:0} header#header .content .inner h1{font-size:1.4rem;line-height:1.3;margin-bottom:1rem;padding:0 0.5rem;text-align:center;word-wrap:break-word;hyphens:auto} .category-pill{font-size:0.7rem;padding:0.4rem 0.8rem;margin-bottom:0.8rem;display:inline-block} .article-meta{flex-direction:column;gap:0.5rem;font-size:0.75rem;align-items:center;padding:0 1rem;margin-bottom:1.5rem} .meta-item{min-width:fit-content;justify-content:center;padding:0.4rem 0.8rem;background:rgba(255,255,255,0.08);border-radius:20px;border:1px solid rgba(255,255,255,0.15);backdrop-filter:blur(10px);white-space:nowrap} .blog-content{max-width:100%;padding:1.5rem 1rem;font-size:1.05rem;line-height:1.65;margin:0.5rem;border-radius:8px;text-align:left} .blog-content h1,.blog-content h2,.blog-content h3{font-size:1.2rem;margin:1.5rem 0 1rem 0;line-height:1.3} .blog-content p{margin-bottom:1rem;text-align:justify} .blog-content ul,.blog-content ol{padding-left:1.2rem;margin-bottom:1rem} .breadcrumb{padding:0 1rem;margin:0.5rem auto 1rem auto;font-size:0.8rem;text-align:left;overflow-x:auto;white-space:nowrap} .featured-image{padding:0 1rem;margin:0 auto 1rem auto} .featured-image img{border-radius:8px;max-height:220px;object-fit:cover;width:100%;box-shadow:0 4px 12px rgba(0,0,0,0.2)} .related-posts-slider{padding:0 45px;overflow:hidden} .related-posts-container{display:flex;grid-template-columns:none;width:fit-content;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1)} .related-post-card{width:260px;height:260px;flex-shrink:0} .slider-nav{display:flex;width:40px;height:40px;font-size:0.9rem} .slider-nav.prev{left:2px} .slider-nav.next{right:2px} .slider-indicators{display:flex} .post-navigation{margin-top:2rem} .post-navigation .button{display:block;margin:0.5rem 0;padding:1rem;font-size:0.9rem;width:100%} .article-actions{margin-top:2rem} .article-actions>div{flex-direction:column;gap:0.8rem} .btn-theme,.btn-theme-outline{display:block;width:100%;margin:0.8rem 0;padding:1.2rem 1rem;font-size:1rem;min-height:52px;border-radius:12px;font-weight:600;letter-spacing:0.5px;transition:all 0.2s ease;box-shadow:0 4px 12px rgba(0,0,0,0.15)} .btn-theme:active,.btn-theme-outline:active{transform:scale(0.98);box-shadow:0 2px 8px rgba(0,0,0,0.2)} .article-actions{margin-top:2rem;padding:1.5rem 1rem} .article-actions>div{flex-direction:column;gap:1rem} .article-action-btn{min-width:auto;width:100%;padding:1rem;font-size:1rem;min-height:50px;border-radius:10px;margin:0;display:inline-flex;align-items:center;justify-content:center;line-height:1} .category-pill{font-size:0.7rem;padding:0.3em 0.8em} .breadcrumb{font-size:0.8rem;margin-bottom:1rem;padding:0 1rem} .featured-image{margin:0 1rem 1.5rem 1rem} header#header nav{margin-top:1rem;padding:0 1rem} header#header nav ul{display:flex;flex-wrap:wrap;justify-content:center;gap:0.5rem;width:100%;margin:0;padding:0} header#header nav ul li{flex:1 1 auto;min-width:120px;margin:0;border:none} header#header nav ul li a{display:block;width:100%;min-width:auto;text-align:center;padding:0.8rem 0.5rem;font-size:0.85rem;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:20px;transition:all 0.3s ease;text-decoration:none;color:var(--yl-text-primary)} header#header nav ul li a:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3);transform:translateY(-2px)} #scrollTop{width:60px;height:60px;font-size:1.4rem;bottom:30px;right:30px} } @@media (max-width:480px){header#header .content .inner h1{font-size:1.3rem;padding:0 0.25rem;line-height:1.25} header#header .content{padding:0.8rem 0.25rem} .blog-content{padding:1rem 0.8rem;font-size:1rem;margin:0.25rem;line-height:1.6} .blog-content h1,.blog-content h2,.blog-content h3{font-size:1.1rem;margin:1.2rem 0 0.8rem 0} .article-meta{font-size:0.7rem;gap:0.4rem;padding:0 0.5rem} .meta-item{padding:0.3rem 0.6rem;font-size:0.7rem} .category-pill{font-size:0.65rem;padding:0.3rem 0.6rem} header#header nav ul li a{padding:0.6rem 0.3rem;font-size:0.8rem;min-width:100px} .btn-theme,.btn-theme-outline,.article-action-btn{padding:1rem 0.8rem;font-size:0.95rem;min-height:48px;display:inline-flex;align-items:center;justify-content:center;line-height:1} .breadcrumb{font-size:0.7rem;padding:0 0.5rem;margin:0.25rem auto 0.8rem auto} .featured-image{padding:0 0.5rem} .featured-image img{max-height:180px;border-radius:6px} .related-posts-slider{padding:0 40px;overflow:hidden} .related-posts-container{display:flex;grid-template-columns:none;width:fit-content;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1)} .related-post-card{width:240px;height:240px;padding:1rem 0.8rem;flex-shrink:0} .slider-nav{display:flex;width:36px;height:36px;font-size:0.8rem} .slider-nav.prev{left:2px} .slider-nav.next{right:2px} .slider-indicators{display:flex} }