#vcard-hero{background-color:#12131a;position:relative}#vcard-hero .gradient-bg-purple-blue{z-index:0;background:linear-gradient(90deg,rgba(14,15,22,.95),rgba(14,15,22,.75) 10%,transparent 22%),linear-gradient(270deg,rgba(14,15,22,.95),rgba(14,15,22,.75) 10%,transparent 22%),linear-gradient(rgba(14,15,22,.4),transparent 15%),linear-gradient(transparent 85%,rgba(14,15,22,.5)),radial-gradient(700px 450px at 50% 20%,rgba(125,90,185,.85) 0,rgba(80,55,140,.45) 55%,transparent 80%),radial-gradient(650px 500px at 28% 105%,rgba(35,145,205,.85) 0,rgba(25,90,150,.4) 55%,transparent 75%),radial-gradient(650px 500px at 72% 100%,rgba(140,70,190,.75) 0,rgba(85,45,135,.35) 55%,transparent 75%),radial-gradient(1100px 700px,#463972 0,#302750 40%,#151622 85%);width:100%;height:100%;position:absolute;top:0;left:0}#features2 .gradient-bg-purple-blue,#vcard-scan-steps .gradient-bg-purple-blue,#vcard-steps .gradient-bg-purple-blue,#vcard-tips .gradient-bg-purple-blue{z-index:0;background:linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.3) 8%,transparent 20%),linear-gradient(270deg,rgba(0,0,0,.6),rgba(0,0,0,.3) 8%,transparent 20%),radial-gradient(700px 700px at 0 0,rgba(0,0,0,.9) 0,rgba(20,0,10,.85) 10%,rgba(50,10,30,.8) 20%,rgba(100,30,70,.7) 30%,rgba(139,50,88,.5) 40%,rgba(140,55,95,.3) 50%,transparent 65%),radial-gradient(900px 900px at 100% 0,rgba(0,200,255,.9) 0,rgba(0,180,230,.7) 20%,rgba(0,150,200,.4) 45%,transparent 70%),radial-gradient(850px 850px at 0 100%,rgba(75,0,130,.95) 0,rgba(60,0,110,.75) 25%,rgba(50,0,90,.5) 50%,transparent 75%),radial-gradient(800px 800px at 100% 100%,rgba(30,30,120,.9) 0,rgba(20,20,100,.7) 25%,rgba(10,10,80,.5) 50%,transparent 75%),radial-gradient(1000px 600px,rgba(100,50,150,.3) 0,transparent 60%),linear-gradient(135deg,rgba(139,50,88,.6),rgba(100,40,120,.5) 20%,rgba(0,180,230,.4) 40%,rgba(75,0,130,.5) 60%,rgba(30,30,120,.6) 80%,rgba(20,20,100,.5));width:100%;height:100%;position:absolute;top:0;left:0}#vcard-hero .grid-overlay{z-index:1;pointer-events:none;background-image:radial-gradient(5px at 0 0,rgba(255,255,255,.08) 0,rgba(255,255,255,.05) 40%,transparent 45%),radial-gradient(5px at 100% 0,rgba(255,255,255,.08) 0,rgba(255,255,255,.05) 40%,transparent 45%),radial-gradient(5px at 0 100%,rgba(255,255,255,.08) 0,rgba(255,255,255,.05) 40%,transparent 45%),radial-gradient(5px at 100% 100%,rgba(255,255,255,.08) 0,rgba(255,255,255,.05) 40%,transparent 45%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 0);background-position:0 0,0 0,0 0,0 0,0 0,0 0;background-size:80px 80px,80px 80px,80px 80px,80px 80px,80px 80px,80px 80px;width:100%;height:100%;position:absolute;top:0;left:0}#features2 .grainy-effect-dark,#vcard-hero .grainy-effect-dark,#vcard-scan-steps .grainy-effect-dark,#vcard-steps .grainy-effect-dark,#vcard-tips .grainy-effect-dark{z-index:1;opacity:.6;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='1.2' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:150px 150px;width:100%;height:100%;position:absolute;top:0;left:0}#vcard-benefits .grainy-effect-light{z-index:0;pointer-events:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}#qcg-component .magic-card{cursor:pointer;background:#fff;border-radius:16px;width:100%;height:100%;position:relative;overflow:hidden}#qcg-component .magic-card:before{content:"";background:radial-gradient(400px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(203,0,131,.8),rgba(70,60,231,.6),rgba(0,119,255,.4),transparent 50%);opacity:0;z-index:0;border-radius:16px;transition:opacity .3s;position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px}#qcg-component .magic-card:hover:before{opacity:1}#qcg-component .magic-card-border{-webkit-backdrop-filter:blur(50px);z-index:2;background:#f4f5f9;border-radius:14px;position:absolute;top:3px;bottom:3px;left:3px;right:3px;box-shadow:0 4px 16px rgba(0,0,0,.08),inset 0 1px rgba(255,255,255,.5),inset 0 -1px rgba(255,255,255,.1),inset 0 0 60px 30px rgba(255,255,255,.3)}#qcg-component .magic-card-content{z-index:3;border:1px solid #e0e0e0;border-radius:16px;flex-direction:column;justify-content:space-between;height:100%;display:flex;position:relative}#qcg-component .magic-card-gradient{opacity:0;pointer-events:none;z-index:1;background:radial-gradient(600px circle at var(--x,50%) var(--y,50%),rgba(0,0,0,.04),transparent 40%);transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}#qcg-component .magic-card-content:hover .magic-card-gradient{opacity:1}#qcg-component .card-inner{z-index:2;flex-direction:column;justify-content:space-between;height:100%;display:flex;position:relative}#qcg-component .magic-card--dark{background:rgba(255,255,255,.04)}#qcg-component .magic-card--dark .magic-card-border{background:rgba(20,16,28,.55);box-shadow:0 4px 16px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.06),inset 0 0 60px 30px rgba(255,255,255,.02)}#qcg-component .magic-card--dark .magic-card-content{border:1px solid rgba(255,255,255,.15)}#qcg-component .magic-card--dark .magic-card-gradient{background:radial-gradient(600px circle at var(--x,50%) var(--y,50%),rgba(255,255,255,.06),transparent 40%)}