@import"https://fonts.googleapis.com/css2?family=Cal+Sans&display=swap";@import"https://fonts.googleapis.com/css2?family=Tagesschrift&display=swap";@import"https://fonts.googleapis.com/css?family=PT+Sans:400,700";@import"https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap";*{margin:0;padding:0;box-sizing:border-box}.header{background-color:#fff;box-shadow:0 2px 5px #0000001a;width:100%;position:fixed;top:0;z-index:1000}.navbar.container{max-width:1200px;margin:0 auto;padding:1.5rem 1rem;display:flex;align-items:center;justify-content:space-between;position:relative}.brand{font-size:1.5rem;font-weight:700;text-decoration:none;color:green}.navbar img{width:7rem}.search{flex:1;display:flex;justify-content:center}.search-form{display:flex;align-items:center;max-width:400px;width:100%}.search-input{padding:.5rem 1rem;border:1px solid #ccc;border-radius:20px 0 0 20px;outline:none;flex:1}.search-submit{padding:.5rem 1rem;border:1px solid #ccc;border-left:none;border-radius:0 20px 20px 0;background-color:#f0f0f0;cursor:not-allowed}.search-submit i{font-size:1rem;color:#777}.menu{display:flex;align-items:center}.menu-inner{display:flex;list-style:none;gap:1.5rem}.menu-link{text-decoration:none;font-size:1rem;transition:color .3s ease}.menu-link:hover{color:#f4803a}.menu-item button{color:green}.burger{display:none;flex-direction:column;cursor:pointer;gap:5px;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.burger-line{width:25px;height:3px;background-color:#333;transition:all .3s ease}@media (max-width: 768px){.search{display:none}.menu{width:100%;max-height:0;overflow:hidden;transition:max-height .3s ease;flex-direction:column;background-color:#fff;position:absolute;top:100%;left:0;padding:0 1rem}.menu.is-active{max-height:300px;padding:1rem;border-top:1px solid #eee}.menu-inner{flex-direction:column;width:100%;gap:1rem}.burger{display:flex}}.animated-text{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden}.animated-text h2{font-size:1.2rem;white-space:nowrap;overflow:hidden;animation:typing 3s steps(20,end),blink .75s step-end infinite;font-weight:500;color:#333;max-width:100%}.started{font-size:3.5rem;font-family:Cal Sans,sans-serif;color:#f4803a;font-weight:400;font-style:normal;margin-top:-42px}.Giftify button{background-color:#f4803a;padding:15px;color:#fff;border-radius:20px;width:150px;border:none;box-shadow:-2px 2px 5px #000000bf;-webkit-box-shadow:-2px 2px 5px 0px rgba(0,0,0,.75);-moz-box-shadow:-2px 2px 5px 0px rgba(0,0,0,.75)}@keyframes typing{0%{width:0}to{width:16ch}}@keyframes blink{50%{border-color:transparent}}@media (max-width: 768px){.animated-text{display:none}}.hero{margin-top:6.3rem;text-align:center}.hero h1{font-size:4rem}.hero h2{font-size:2.5rem}.hero h3{font-size:3.5rem;font-family:Cal Sans,sans-serif;font-weight:400;font-style:normal}:root{--off-white: #F8FAFF;--bright-pink: #F4157E;--dull-pink: #CD106E;--white: #fff}*,*:before,*:after{box-sizing:border-box}html,body{min-height:100%}.wrap{margin:150px auto 30px;position:relative;width:460px;background-color:#000;border-radius:15px;padding:272px 45px 30px;box-shadow:0 10px 40px hsla(0,0,0,.1)}.design{position:absolute;top:-10rem;left:65rem}.design img{width:20rem}.designtwo{position:absolute;left:2rem}.designtwo img{width:20rem}.confirmation{position:absolute;top:96px;left:0;right:0;opacity:0;transition:opacity .3s ease .3s}.confirmation.visible{opacity:1}.all-good{display:block;margin:40px auto 0;width:60px}.apple-logo{fill:var(--white);display:block;margin:0 auto;width:80px}.path{stroke-dasharray:1000;stroke-dashoffset:0}.path.circle{animation:dash .9s ease-in-out}.path.line{stroke-dashoffset:1000;animation:dash .9s .35s ease-in-out forwards}.path.check{stroke-dashoffset:-100;animation:dash-check .9s .35s ease-in-out forwards}@keyframes dash{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes dash-check{0%{stroke-dashoffset:-100}to{stroke-dashoffset:900}}.button-cnt{display:flex;justify-content:space-around;width:100%}.btn{border:none;position:absolute;height:64px;z-index:2;top:300px;cursor:pointer;font-size:18px;text-align:center;text-decoration:none;transition:all .15s ease;outline:none!important}.primary-cta{background:var(--bright-pink);border-radius:10px;box-shadow:0 10px 60px -10px var(--dull-pink);color:#fff;padding:0 24px;pointer-events:auto;width:250px;z-index:9;transition:all .15s ease;will-change:transform,box-shadow,background}.primary-cta.hidden{opacity:0;pointer-events:none}.secondary-cta{background:var(--bright-pink);border-radius:10px;padding:0 24px;pointer-events:auto;width:150px;z-index:9;transition:all .15s ease;will-change:transform,box-shadow,background;position:relative}.secondary-cta--done{background:transparent;color:var(--bright-pink)}.secondary-cta--send{border:1px solid var(--bright-pink);box-shadow:0 10px 60px -10px var(--dull-pink);color:var(--white)}.secondary-cta.hidden{opacity:0;pointer-events:none}.form fieldset{border:none;padding:10px 0}.form fieldset label{display:inline-block;color:#444;font-size:12px;padding:4px;margin:5px}.form fieldset input{background-color:var(--white);width:100%;height:38px;color:#000;padding:8px;border-radius:5px;font-size:16px;outline:none!important;border:1px solid hsla(0,0,0,.3);position:absolute;right:24px;box-shadow:inset 0 1px 4px hsla(0,0,0,.2)}.form fieldset input.input-card-info{display:inline-block;width:300px}.form fieldset input.input-card-info--lg{height:80px}.form fieldset .select{position:relative}.form fieldset .select:after{content:"";border-top:8px solid #222;border-left:4px solid transparent;border-right:4px solid transparent;position:absolute;z-index:2;top:14px;right:10px;pointer-events:none}.form fieldset .select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;padding:0;border:none;width:100%;outline:none!important;top:6px;left:6px;background:none}.form fieldset .select select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.gift-card-box{perspective:1000;width:400px;height:280px;position:absolute;top:-112px;left:50%;transform:translate(-50%)}.gift-card-box .flip{transform:rotateY(180deg)}.gift-card-box .front{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/341817/imitation_apple_design1.jpg);background-size:contain}.gift-card-box .front,.gift-card-box .back{width:400px;height:250px;border-radius:15px;backface-visibility:hidden;position:absolute;color:#fff;font-family:sans-serif;top:0;left:0;box-shadow:0 1px 6px hsla(0,0,0,.3)}.gift-card-box .back{background:linear-gradient(269.85deg,#f23c2d 1.71%,#f8a80c 99.93%);transform:rotateY(180deg)}.gift-card-box .card{transition:.6s;transform-style:preserve-3d;position:relative;transition:all 1s ease-in-out}.gift-card-box .card.whoosh{animation:whooshAnimation 2.4s}@keyframes whooshAnimation{50%{transform:translateY(-150vh)}75%{transform:translate(150vw)}}.gift-card-box .front-logo-cnt{display:flex;flex-direction:column;height:100%;align-items:center;justify-content:center;width:100%}.gift-card-box .font-logo{width:300px}.gift-card-box .card-description{font-family:sans-serif;line-height:1.4;text-align:center}.gift-card-box .front{z-index:2;transform:rotateY(0)}.card{transition:opacity .6s ease;opacity:1}.card.hidden{opacity:0;pointer-events:none}.card.visible{opacity:1;pointer-events:auto}.confirmation{text-align:center;margin-top:20px;opacity:1;transition:opacity .3s ease-in-out}.success{font-size:1.2rem;color:green;font-weight:700}.card-front-text{height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.card-front-text h1{font-size:2.5rem;color:#fff;font-weight:700;text-shadow:2px 2px 6px rgba(0,0,0,.4)}.offer{background-color:#000;min-height:50vh;margin-top:6rem;position:relative;border-radius:60px;background-repeat:no-repeat;background-size:cover}*,*:before,*:after{box-sizing:border-box;position:relative}.allcard{margin-top:7rem;display:flex;gap:2rem;justify-content:space-evenly;flex-wrap:wrap;align-items:flex-start}.first{margin-top:5rem}.giftcard-cover h1{color:#fff;font-family:Tagesschrift,system-ui;font-weight:400;font-style:normal;font-size:1.4rem}.route{display:none}.giftcard{height:250px;width:400px;font-family:PT Sans,sans-serif;overflow:hidden;border-radius:1.5rem/2rem;box-shadow:8px 10px 16px #0000001a;transform:translateZ(0)}.giftcard-content,.giftcard-cover{position:absolute;top:0;left:0;height:calc(100% - 5rem);width:100%}.giftcard-cover{background:#cc199d;display:flex;justify-content:center;align-items:center;z-index:2}.giftcard-cover>.fa-apple{color:#fff;font-size:6rem}.giftcard-content{padding:1rem 2rem;color:#939393;z-index:1;background:#fff}.giftcard-content>*{transform:translate(3rem);opacity:0}.giftcard-content h2{font-size:1.2rem;text-transform:uppercase}.giftcard-content h3{font-size:1rem;margin:0;font-weight:400}.giftcard-content h2,.giftcard-content h3{color:#232323}.giftcard-content div{font-size:1rem}.giftcard-content address{font-style:normal;margin-bottom:1rem}.giftcard-content a,.giftcard-content .subtext{color:#939393}.giftcard-content a{display:block;text-decoration:none}.giftcard-footer{position:absolute;bottom:0;left:0;height:5rem;width:100%;background:#fff;z-index:3;transform:translateZ(0)}.giftcard-footer>*{float:left}.giftcard-text,.giftcard-info{width:calc(100% - 150px);padding:1rem}.giftcard-text{height:100%;padding:1rem}.giftcard-text>h1,.giftcard-text>h2{margin:0;font-weight:400;line-height:1.1}.giftcard-text h1{font-size:1.5rem;color:#cc199d}.giftcard-text h2{font-size:1.2rem;color:#939393}.giftcard-info{position:absolute;right:0;top:0;height:100%;text-align:right;transform:translate(100%);display:table;padding-left:0;background:#fff}.giftcard-info>*{display:table-cell}.giftcard-info>*:first-child{padding-right:1rem}.giftcard-info input[type=text]{height:50px;width:100%;padding:0 1rem;-webkit-appearance:none;background:transparent;border:1px solid #dedede}.button,input[type=text]{border-radius:3px}.button{display:inline-block;width:auto;height:50px;line-height:50px;text-align:center;background:orange;color:#fff;font-size:1.3rem;padding-left:1rem;padding-right:1rem;text-decoration:none}.button.secondary{background:#009cee}.giftwrap{width:150px;height:150px}.giftwrap .button{width:100px;top:calc(50% - 25px);left:calc(50% - 50px)}.giftwrap:before,.giftwrap:after{display:none;content:"";position:absolute;height:150px;width:150px;top:0;left:0}.giftwrap:before{clip-path:polygon(50% 0%,50% 0%,50% 0%,100% 50%,100% 50%,100% 50%,50% 100%,50% 100%,50% 100%,0% 50%,0% 50%,0% 50%,0% 50%,50% 100%,50% 100%,100% 50%,100% 50%,50% 0%,50% 0%);background:#fc1f33;z-index:2}.giftwrap:after{clip-path:polygon(50% 0%,50% 0%,100% 50%,100% 50%,50% 100%,50% 100%,0% 50%,0% 50%);background:#bc0a13;z-index:-1}.bow{display:none;opacity:0;position:absolute;top:calc(47% - .625rem);left:calc(40% - .625rem);height:1.25rem;width:1.25rem;background:#000;border-radius:50%;z-index:3}.bow:after{content:"";display:block;position:absolute;height:100%;width:100%;border-radius:50%;background:#fedf64;box-shadow:0 1px 1px #0003;z-index:2}.bow>.fa-bookmark{position:absolute;top:.625rem;left:.3125rem;font-size:1rem;color:#fed531;text-shadow:0 1px 1px rgba(0,0,0,.2);z-index:1}.bow>.fa-bookmark:first-child{transform:translate(-.625rem) scaleY(1.5) rotate(55deg)}.bow>.fa-bookmark:last-child{transform:translate(.625rem) scaleY(1.5) rotate(-55deg)}.ribbon{width:150px;height:150px;top:calc(50% - 75px)}.ribbon:before,.ribbon:after{display:none;content:"";position:absolute;width:150px;height:150px;top:0;left:0}.ribbon:before{clip-path:polygon(35% 35%,45% 35%,45% 42%,75% 42%,75% 52%,45% 52%,45% 65%,35% 65%,35% 52%,25% 52%,25% 42%,35% 42%);background:#db8b22;z-index:-1}.ribbon:after{clip-path:polygon(35% 0%,35% 0%,45% 0%,45% 0%,100% 42%,100% 42%,100% 52%,100% 52%,45% 100%,45% 100%,35% 100%,35% 100%,0% 52%,0% 52%,0% 42%,0% 42%,35% 0%,0% 42%,0% 52%,35% 100%,45% 100%,100% 52%,100% 42%,45% 0%);background:#fed531;z-index:2}#buy:target~.giftcard .giftwrap>.button{animation:button .2s cubic-bezier(.175,.885,.32,1.65) forwards}#buy:target~.giftcard .giftwrap:before,#buy:target~.giftcard .giftwrap:after{display:block}#buy:target~.giftcard .giftwrap:before{animation:wrap-before-2 .6s cubic-bezier(.77,0,.175,1) both}#buy:target~.giftcard .giftwrap:after{animation:wrap-after-2 .6s cubic-bezier(.77,0,.175,1) both}#buy:target~.giftcard .bow{display:block;animation:bow .3s .72s cubic-bezier(.175,.885,.32,1.65) forwards}#buy:target~.giftcard .ribbon:before,#buy:target~.giftcard .ribbon:after{display:block}#buy:target~.giftcard .ribbon:before{animation:ribbon-before .6s .2s cubic-bezier(.77,0,.175,1) both}#buy:target~.giftcard .ribbon:after{animation:ribbon-after .6s .2s cubic-bezier(.77,0,.175,1) both}#buy:target~.giftcard .giftcard-footer{animation:footer .6s .72s cubic-bezier(.77,0,.175,1) both}#buy:target~.giftcard .giftcard-cover{animation:cover .6s .72s cubic-bezier(.77,0,.175,1) both}#buy:target~.giftcard .giftcard-content>*{animation:content .6s .72s cubic-bezier(.77,0,.175,1) both}#buy:target~.giftcard .giftcard-content>*:nth-child(1){animation-delay:.72s}#buy:target~.giftcard .giftcard-content>*:nth-child(2){animation-delay:.77s}#buy:target~.giftcard .giftcard-content>*:nth-child(3){animation-delay:.82s}@keyframes button{to{transform:scale(.9)}}@keyframes content{to{transform:translate(0);opacity:1}}@keyframes cover{to{transform:translateY(calc(100% - 1px)) scaleX(.95)}}@keyframes footer{to{transform:translate(calc(-100% + 150px))}}@keyframes wrap-before-2{50%{clip-path:polygon(50% 0%,50% 0%,50% 0%,100% 50%,100% 50%,100% 50%,50% 100%,50% 100%,50% 100%,0% 50%,0% 50%,0% 50%,0% 50%,50% 100%,50% 100%,100% 50%,100% 50%,50% 0%,50% 0%)}to{clip-path:polygon(18% 32%,50% 64%,82% 32%,82% 32%,64% 50%,82% 68%,82% 68%,50% 36%,18% 68%,18% 68%,36% 50%,18% 32%,18% 68%,18% 68%,82% 68%,82% 68%,82% 32%,82% 32%,18% 32%)}}@keyframes wrap-after-2{0%{clip-path:polygon(50% 40%,60% 50%,50% 60%,40% 50%)}49.999%{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}50%{clip-path:polygon(50% 0%,50% 0%,100% 50%,100% 50%,50% 100%,50% 100%,0% 50%,0% 50%)}to{clip-path:polygon(18% 32%,82% 32%,82% 32%,82% 68%,82% 68%,18% 68%,18% 68%,18% 32%)}}@keyframes ribbon-before{0%{clip-path:polygon(35% 37%,45% 37%,45% 42%,77% 42%,77% 52%,45% 52%,45% 63%,35% 63%,35% 52%,23% 52%,23% 42%,35% 42%)}50%{clip-path:polygon(35% 0%,45% 0%,45% 42%,100% 42%,100% 52%,45% 52%,45% 100%,35% 100%,35% 52%,0% 52%,0% 42%,35% 42%)}to{clip-path:polygon(35% 32%,45% 32%,45% 42%,82% 42%,82% 52%,45% 52%,45% 68%,35% 68%,35% 52%,18% 52%,18% 42%,35% 42%)}}@keyframes ribbon-after{0%,50%{clip-path:polygon(35% 0%,35% 0%,45% 0%,45% 0%,100% 42%,100% 42%,100% 52%,100% 52%,45% 100%,45% 100%,35% 100%,35% 100%,0% 52%,0% 52%,0% 42%,0% 42%,35% 0%,0% 42%,0% 52%,35% 100%,45% 100%,100% 52%,100% 42%,45% 0%)}to{clip-path:polygon(35% 57.1914893617%,35% 32%,45% 32%,45% 57.1914893617%,45.1% 42%,82% 42%,82% 52%,45.1% 52%,45% 50.2978723404%,45% 68%,35% 68%,35% 50.2978723404%,39.15% 52%,18% 52%,18% 42%,39.15% 42%,35% 57.1914893617%,39.15% 42%,39.15% 52%,35% 50.2978723404%,45% 50.2978723404%,45.1% 52%,45.1% 42%,45% 57.1914893617%)}}@keyframes bow{0%{transform:scale(.8);opacity:1}to{transform:scale(1);opacity:1}}.logCon{margin-top:4rem;display:flex;justify-content:space-around}.inputCon{background-color:#fff;width:30rem;padding:30px;height:40rem;box-shadow:0 2px 5px 1px #000000bf;-webkit-box-shadow:0px 2px 5px 1px rgba(0,0,0,.75);-moz-box-shadow:0px 2px 5px 1px rgba(0,0,0,.75);border-radius:25px}.inputCon h2{margin-top:3rem;font-family:Alfa Slab One,serif;font-weight:400;color:#f4803a;font-style:normal}.inputBox,.logText{margin-top:2rem}.logText p{font-size:1.2rem;color:#666}.logText h3{margin-top:1rem;font-size:1.5rem}.form{margin-top:2rem}.formColumn{margin-bottom:1.2rem}.formColumn label{display:block;margin-bottom:.5rem}.formColumn input{padding:10px;width:100%;border-radius:10px;border:1px solid #ccc}.form button{background-color:#f4803a;border:none;padding:10px;border-radius:10px;color:#fff;width:100%;margin-top:1rem}.logIn{margin-top:2rem}.logIn p{margin-top:10px}.logIn a{color:#f4803a}.logImg{margin-left:2rem}.logImg img{width:40rem}.Register{margin-top:4rem}.Register h2{font-family:Alfa Slab One,serif;font-weight:400;color:#f4803a;font-style:normal}.Register h1{margin-top:2rem}.--Register-Box{background-color:#fff;width:30rem;padding:30px;height:40rem;box-shadow:0 2px 5px 1px #000000bf;-webkit-box-shadow:0px 2px 5px 1px rgba(0,0,0,.75);-moz-box-shadow:0px 2px 5px 1px rgba(0,0,0,.75);border-radius:25px}.--Register-Flex{display:flex;justify-content:space-around}.--Register-Form{margin-top:3rem}.--Register-Form button{background-color:#f4803a;border:none;padding:10px;border-radius:10px;color:#fff;width:100%;margin-top:1rem}.--Register-Form input{padding:10px;width:25rem;border-radius:10px;margin-bottom:1rem;border:1px solid #ccc}.Footer-Image img{width:40rem}.Footer-Image{margin-left:2rem}.--Register-Form p{margin-top:1.5rem}.confirmation-container{text-align:center;margin-top:2rem}.confirmation-text{font-size:2rem;font-weight:600;color:#2c3e50;margin:.5rem 0}.check-button{background-color:#00b894;color:#fff;border:none;padding:12px 30px;border-radius:30px;font-size:1rem;cursor:pointer;transition:all .3s ease-in-out;margin-bottom:1.5rem}.check-button:hover{background-color:#019875;transform:scale(1.05)}.content-box{max-width:600px;margin:2rem auto;background-color:#fff;border-radius:20px;box-shadow:0 8px 24px #0000001a;padding:2rem;animation:fadeInUp .5s ease-out}.content-inner{display:flex;flex-direction:column;gap:1.5rem}.email-info{text-align:center}.email-text{font-size:1.2rem;font-weight:500;color:#2c3e50}.email-details-text{font-size:1rem;color:#555;line-height:1.6;text-align:center}.back-to-login-button{margin-top:1.5rem;background-color:#0984e3;color:#fff;border:none;padding:10px 25px;border-radius:25px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.back-to-login-button:hover{background-color:#067cc5}@media (max-width: 600px){.confirmation-text{font-size:1.5rem}.content-box{padding:1.5rem}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#2c3e50;font-size:1.3rem;font-weight:500;gap:1rem}.spinner{width:40px;height:40px;border:4px solid #eee;border-top:4px solid #0984e3;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.confirmation-container{text-align:center;margin-top:3rem;animation:fadeInUp .8s ease-out}.confirmation-icon{font-size:3rem;color:#00b894;display:inline-block;margin-bottom:1rem;font-weight:700}.confirmation-container h1{font-size:2rem;font-weight:600;color:#2d3436}.details-container{display:flex;justify-content:center;margin-top:2rem;padding:0 1rem}.details-card{background-color:#fff;border-radius:20px;max-width:500px;width:100%;box-shadow:0 10px 25px #0000001a;padding:2rem;animation:fadeInUp 1s ease}.details-header{font-size:1.3rem;color:#27ae60;font-weight:600;margin-bottom:1rem;text-align:center}.details-content{font-size:1rem;color:#636e72;line-height:1.6;text-align:center}.login-button{margin-top:1.5rem;background-color:#0984e3;color:#fff;padding:10px 28px;border:none;border-radius:30px;font-size:1rem;cursor:pointer;transition:all .3s ease}.login-button:hover{background-color:#067cc5;transform:scale(1.05)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.confirmation-container h1{font-size:1.5rem}.details-card{padding:1.5rem}.login-button{padding:10px 20px;font-size:.95rem}}*{padding:0;margin:0;box-sizing:border-box}
