@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.cfdd66c2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.c30238d4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.4564287c.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_69c46b85-module__zculYG__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_69c46b85-module__zculYG__variable{--font-space-grotesk:"Space Grotesk","Space Grotesk Fallback"}
@font-face{font-family:EB Garamond;font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/0fec32c78403d184-s.52db332e.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:EB Garamond;font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/9d30e1ac529a223a-s.072a0475.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:EB Garamond;font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/9056bf441d45cedc-s.cb42ab76.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:EB Garamond;font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/e6c3b2b7c3a61f79-s.9b5477f3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:EB Garamond;font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/e557826f452dbd06-s.0dabfe84.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:EB Garamond;font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/1497d94d4ac5c969-s.a27bcaa7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:EB Garamond;font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/e4505858a30c79c2-s.p.0f58a291.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:EB Garamond Fallback;src:local(Times New Roman);ascent-override:106.26%;descent-override:31.44%;line-gap-override:0.0%;size-adjust:94.77%}.eb_garamond_b3530bec-module__B2PJ3G__className{font-family:EB Garamond,EB Garamond Fallback;font-style:normal}.eb_garamond_b3530bec-module__B2PJ3G__variable{--font-eb-garamond:"EB Garamond","EB Garamond Fallback"}
html,body{height:100%;margin:0;padding:0;font-size:15px}#root{height:100%}.homeScreen.userHome{color:pink;background-color:#000;flex-direction:column;justify-content:center;align-items:center;gap:3rem;width:100%;height:110vh;padding-bottom:5vh;display:flex;position:relative}.homeScreen.userHome .background-video{object-fit:cover;opacity:.3;width:40%;height:100%;position:absolute;top:-10vh;left:0}.Hero{z-index:1;text-align:center;flex-direction:column;gap:3vh;display:flex;position:relative}.Hero h1{margin:0;font-size:15vh;font-weight:800;animation:1s ease-out fadeInUp}.Hero h2{opacity:.9;font-size:1.9rem;font-style:italic;animation:1.3s ease-out fadeInUp}.Hero .subtitle{opacity:.7;animation:1.6s ease-out fadeInUp}.Hero *{margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.Hero h1:hover{transition:transform .3s;transform:scale(1.02)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.homeScreen.userHome:before{content:"";pointer-events:none;width:30%;height:100%;animation:3s ease-in-out infinite float;position:absolute;top:0;left:0}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.3);border:2px solid pink;border-radius:12px;flex-direction:column;align-items:center;gap:10vh;padding:3rem 4rem;display:flex;box-shadow:0 0 20px rgba(255,192,203,.3)}button{color:pink;cursor:pointer;z-index:1;background-color:#000;border:none;outline:2px solid pink;padding:1rem 2rem;font-size:1.2rem;transition:background-color .3s;box-shadow:0 4px 15px pink}button:hover{color:#c65f70;background-color:#333;outline:2px solid #c65f70;transition:transform .2s;transform:translateY(-.5vh)}.card:hover{border:2px solid #c65f70;transition:transform .2s;transform:translateY(-1vh)}.card:hover *{color:#c65f70}.card:hover button{outline:2px solid #c65f70}.card:hover button:hover{outline:2px solid #923141}.spinner{border:4px solid rgba(255,192,203,.3);border-top-color:pink;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.treeIcon{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;height:25vh}.rightSection{position:absolute;top:12%;right:5%}.landing-tree-video{object-fit:cover;pointer-events:none;z-index:0;width:50vw;height:70vh;position:fixed;bottom:0;right:0}.no-underline{color:inherit;text-decoration:none}.loadingContainer{background-color:#000;justify-content:center;align-items:center;height:100vh;display:flex}.cardClickable{cursor:pointer;transition:transform .2s}.cardClickable:hover{transform:scale(1.02)}.homeScreen.signedOut{color:#fff;background-color:#0a0a0a;min-height:100vh;position:relative;overflow-x:hidden}.signedOut .background-video{object-fit:cover;z-index:-1;opacity:.1;width:100%;height:100%;position:fixed;top:0;left:0}.signedOut .heroSection{justify-content:space-between;align-items:center;gap:4rem;max-width:1600px;min-height:100vh;margin:0 auto;padding:2rem 4rem;display:flex;position:relative}.signedOut .heroContent{text-align:left;z-index:1;flex:1;max-width:600px}.signedOut .heroCardPreview{z-index:1;flex:1;justify-content:center;align-items:center;max-width:600px;display:flex}.signedOut .heroTitle{letter-spacing:-.02em;color:pink;margin:0;font-size:max(4rem,min(12vw,8rem));font-style:italic;font-weight:300}.signedOut .heroTagline{color:pink;margin:1rem 0;font-size:max(1.5rem,min(4vw,2.5rem));font-weight:400}.signedOut .heroSubtitle{color:pink;max-width:600px;margin:1.5rem 0 3rem;font-size:max(1rem,min(2vw,1.25rem))}.signedOut .whatIsArbor{text-align:center;max-width:1200px;margin:0 auto;padding:6rem 2rem}.signedOut .whatIsArbor h2{color:pink;margin-bottom:2rem;font-size:max(2.5rem,min(6vw,4rem));font-weight:300}.signedOut .sectionIntro{color:pink;max-width:800px;margin:0 auto;font-size:max(1.125rem,min(2.5vw,1.5rem));line-height:1.7}.signedOut .featuresGrid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;max-width:1400px;margin:0 auto;padding:6rem 2rem;display:grid}.signedOut .feature{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2.5rem;transition:all .3s}.signedOut .feature:hover{background:rgba(255,255,255,.05);border-color:rgba(74,128,40,.4);transform:translateY(-4px);box-shadow:0 8px 32px rgba(45,80,22,.2)}.signedOut .feature h3{color:#4a8028;margin-bottom:1rem;font-size:1.75rem;font-weight:500}.signedOut .feature p{color:#b0b0b0;font-size:1.125rem;line-height:1.7}.signedOut .finalCta{text-align:center;background:linear-gradient(transparent 0%,rgba(45,80,22,.1) 100%);padding:8rem 2rem}.signedOut .finalCta h2{color:#fff;margin-bottom:3rem;font-size:max(2rem,min(5vw,3.5rem));font-weight:300}@media (max-width:768px){.signedOut .featuresGrid{grid-template-columns:1fr;gap:2rem;padding:3rem 1rem}.signedOut .feature{padding:2rem}.signedOut .heroSection{flex-direction:column;gap:2rem;min-height:80vh;padding:2rem}.signedOut .heroContent{text-align:center}.signedOut .heroCardPreview{transform:scale(.85)}.signedOut .whatIsArbor{padding:3rem 1rem}*{max-width:100vw;overflow-x:hidden}button,.favLink,.socialLink{min-width:44px;min-height:44px}body{-webkit-text-size-adjust:100%}.userPage,.signupScreen,.discover-page,.createCardScreen{padding-bottom:5vh}}
.bellIcon{color:pink;cursor:pointer}.bellIcon:hover{color:#c65f70}.fullNotifBox{position:relative}.bell{cursor:pointer;position:relative}.notificationBadge{color:#fff;background-color:#c65f70;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.notificationMenu{z-index:1000;background-color:#000;border-radius:2rem;outline:2px solid pink;width:20vw;min-width:300px;max-height:400px;padding:1rem;position:absolute;top:calc(100% + 10px);left:50%;overflow-y:auto;transform:translate(-50%)}.notificationMenu h1{color:pink;margin-bottom:1rem;font-size:1.2rem}.friendRequests{flex-direction:column;gap:1rem;display:flex}.friendRequest{background-color:#1a1a1a;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.friendRequest p{color:#fff;margin:0}.requestActions{gap:.5rem;display:flex}.acceptBtn,.declineBtn{cursor:pointer;border:none;border-radius:.5rem;padding:.4rem .8rem;font-size:.9rem}.acceptBtn{color:#fff;background-color:#98d8c8}.acceptBtn:hover{background-color:#599b8b}.declineBtn{color:#fff;background-color:#b8a6c8}.declineBtn:hover{background-color:#7c6094}p{color:pink}
.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:rgba(0,0,0,.9);border-bottom:1px solid pink;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;display:flex;position:fixed;top:0}.logo{cursor:pointer;height:40px}.nav-links{align-items:center;gap:2rem;padding-right:3rem;display:flex}.nav-links a{color:pink;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#ff9ab5}.iconLink{color:pink;justify-content:center;align-items:center;font-style:italic;text-decoration:none;display:flex}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.reminder{color:pink;z-index:99;white-space:nowrap;background-color:#000;border:2px solid pink;border-radius:.5rem;gap:1rem;padding:.5rem 1rem;animation:.5s ease-out slideInFromLeft;display:flex;position:fixed;top:calc(10vh + 3rem);left:1rem}.reminder.minimizing{animation:.5s ease-out forwards slideOutToLeft}.reminder:hover{background-color:#1a1a1a;transition:all .2s;transform:translateY(-2px)}.minimize{color:#000;background-color:pink;border-radius:50%;display:none;position:absolute}.reminder:hover .minimize{cursor:pointer;justify-content:center;align-items:center;width:3vh;height:3vh;display:flex;position:absolute;top:-1vh;right:-1vh}.reminder:hover .minimize:hover{background-color:#c65f70}.github-button-container{flex-direction:column;gap:.5rem;display:flex}.github-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,rgba(30,30,30,.95),rgba(20,20,20,.98));border:2px solid #ff0cb5;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1.05rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px rgba(255,12,181,.3),0 0 40px rgba(255,12,181,.1)}.github-button:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,12,181,.2),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.github-button:hover{border-color:#ff0cb5;transform:translateY(-2px);box-shadow:0 0 30px rgba(255,12,181,.5),0 0 60px rgba(255,12,181,.2)}.github-button:hover:before{left:100%}.github-button:active{transform:translateY(0)}.github-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.github-button:disabled:hover{box-shadow:0 0 20px rgba(255,12,181,.3),0 0 40px rgba(255,12,181,.1)}.github-button.success{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(5,150,105,.3));border-color:#10b981;box-shadow:0 0 20px rgba(16,185,129,.4),0 0 40px rgba(16,185,129,.15)}.github-button.error{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(220,38,38,.3));border-color:#ef4444;box-shadow:0 0 20px rgba(239,68,68,.4),0 0 40px rgba(239,68,68,.15)}.github-button-spinner{width:1rem;height:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.github-button-spinner circle{opacity:.25;stroke:currentColor;stroke-width:4px}.github-button-spinner path{opacity:.75;fill:currentColor}.github-success-message{color:#ff0cb5;text-align:center;text-shadow:0 0 10px rgba(255,12,181,.5);font-size:.875rem}