:root{line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Roboto;src:url(/Roboto-Regular.ttf)}body{font-family:Roboto,sans-serif;background-color:light-dark(#fbf8ef,#040d12);color:light-dark(#1a1a1d,#faf7f0)!important}.blur{content:"";box-shadow:0 0 1000px 72px light-dark(#a0c878,#a0c878);top:0;left:0;padding:0;position:absolute;border-radius:100%;filter:blur(24px);z-index:-1}.navbar-dark .navbar-nav .nav-link{color:light-dark(#040d12,#fbf8ef)}.navbar-toggler{background-color:light-dark(#a0c878,#ddeb9d);color:light-dark(#040d12,#fbf8ef)}.nav-link{font-size:1.4rem}header{background-image:url(/blackmotherboard.jpg);background-size:cover;background-attachment:fixed;height:75vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#faf7f0;font-size:2.5rem;font-weight:700;position:relative}header h1{background-color:#776f5c94;padding:20px;border-radius:12px}@media (prefers-color-scheme: dark){header{background-image:url(/whitepic.png)}}@media screen and (max-width: 768px){header{background-attachment:fixed;background-repeat:no-repeat;background-size:1000px}}.features{font-size:1.2rem}#pcpic{width:580px}@media screen and (max-width: 852px){.features{font-size:1.3rem}#pcpic{width:360px}}.flip-card{width:18rem;height:580px;perspective:1000px;margin:auto;color:#040d12;border-radius:10px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.flip-card-front:hover,.flip-card-back:hover{background-color:#faf7f0;cursor:pointer}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;padding:1rem}.flip-card-front{background-color:light-dark(#a0c878,#ddeb9d)}.flip-card-back{background-color:light-dark(#a0c878,#ddeb9d);transform:rotateY(180deg)}@media screen and (max-width: 768px){.flip-card{width:75%;height:450px}.flip-card-inner{transition:transform .4s}.flip-card-front,.flip-card-back{font-size:1.4rem}}.form-control{color:#040d12;border-radius:12px;padding:5px;width:280px}form .btn{background-color:light-dark(#a0c878,#ddeb9d);margin:3px;gap:1px;position:relative;left:50%;transform:translate(-50%)}#footer ul,li{list-style:none;padding:0;margin:0}@media screen and (max-width: 864px){#footer{flex-direction:column!important;align-items:center!important}}.footerContact li{margin:0;padding:5px;font-size:1.3rem}.contact-page{max-width:960px}.contact-page__title{font-size:clamp(2rem,2vw + 1.25rem,2.75rem);font-weight:700}.contact-page__lead{max-width:720px;font-size:1.1rem;color:light-dark(#4c4f58,#d3d7de)}.contact-form-card{width:min(100%,640px);padding:clamp(1.75rem,1.5rem + 1vw,2.75rem);border-radius:24px;background:light-dark(#ffffff,#0f1a1f);border:1px solid light-dark(#e4e7e0,rgba(255,255,255,.08));box-shadow:0 32px 80px -48px #0c1a15a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.contact-form-title{font-size:clamp(1.75rem,1.5vw + 1.25rem,2rem);font-weight:700;color:light-dark(#1f2a26,#f4f4f4)}.contact-form-helper{max-width:440px;margin-left:auto;margin-right:auto;color:light-dark(#525a52,#cfdad3)}.contact-form .form-label{font-weight:600;color:light-dark(#2e4035,#f8f9f7)}.contact-form .form-control{width:100%;padding:.75rem 1rem;border-radius:14px;border:1px solid light-dark(#ccd6cb,rgba(255,255,255,.15));background-color:light-dark(#f9faf7,rgba(255,255,255,.07));color:inherit;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;box-shadow:none}.contact-form .form-control::placeholder{color:light-dark(#afc4af,#687568);opacity:1}.contact-form .form-control:focus{border-color:light-dark(#7fb068,#c9f08b);background-color:light-dark(#ffffff,rgba(255,255,255,.12));box-shadow:0 0 0 4px #a0c87840}.contact-form textarea.form-control{min-height:160px;resize:vertical;color:ivory}.contact-form .btn{position:static;left:auto;transform:none;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2.75rem;border-radius:999px;font-weight:600;letter-spacing:.5px}.contact-submit{background-image:linear-gradient(135deg,#a0c878,#ddeb9d);color:#040d12;border:none;transition:transform .2s ease,box-shadow .2s ease,background-position .2s ease;background-size:120%}.contact-submit:hover,.contact-submit:focus{transform:translateY(-1px);background-position:right;box-shadow:0 18px 36px -24px #406838a6}.contact-submit:focus-visible{outline:3px solid rgba(160,200,120,.45);outline-offset:4px}.contact-form-footer{font-size:.9rem;color:light-dark(#5f655d,#c8d0c7)}@media screen and (max-width: 576px){.contact-form-card{border-radius:20px;padding:1.5rem}.contact-form .btn{width:100%}}.succes-btn{display:inline-block;padding:1rem 2rem;font-size:1.3rem;color:#120318;background-color:light-dark(#a0c878,#ddeb9d);border-radius:12px;text-decoration:none}.succes-btn:hover{background-color:light-dark(#89b65c,#c9f08b)}.success-section{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:light-dark(rgba(32,30,30,.103),rgba(109,108,108,.116));border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.137)}