@import url(https://cdn-uicons.flaticon.com/uicons-bold-straight/css/uicons-bold-straight.css);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}nav{justify-content:space-between;padding:1rem 2rem;background:#0f2a61}nav,nav ul{display:flex}nav ul{list-style:none;font-size:large}nav li{padding-left:5rem;padding-top:2rem}nav a{-webkit-text-decoration:solid;text-decoration:solid;color:#d9d9d9}@media only screen and (max-width:600px){nav,nav ul{flex-direction:column}nav ul{padding-top:.5rem}nav li{padding:.5rem 0}}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);padding:12px 16px;z-index:1}.dropdown:hover .dropdown-content{display:block}.profileLink{position:fixed;top:3%;left:2%}.webviewer{height:calc(100vh - 83px)}:root{--surface-color:#fff;--curve:10}*{box-sizing:border-box}body{font-family:"Noto Sans JP",sans-serif;background:linear-gradient(270deg,#e4fab9,#98d4ff,#84fd8e,#76bbfc);background-size:800% 800%;-webkit-animation:animation 15s ease infinite;animation:animation 15s ease infinite}@-webkit-keyframes animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin:4rem 5vw;padding:0;list-style-type:none}.card{position:relative;display:block;height:100%;border-radius:10px;border-radius:calc(var(--curve)*1px);overflow:hidden;text-decoration:none}.card__image{width:100%;height:auto}.card__overlay{position:absolute;bottom:0;left:0;right:0;z-index:1;border-radius:10px;border-radius:calc(var(--curve)*1px);background-color:#fff;background-color:var(--surface-color);-webkit-transform:translateY(100%);transform:translateY(100%);transition:.2s ease-in-out}.card:hover .card__overlay{-webkit-transform:translateY(0);transform:translateY(0)}.card__header{position:relative;display:flex;align-items:center;grid-gap:2em;gap:2em;padding:2em;border-radius:10px 0 0 0;border-radius:calc(var(--curve)*1px) 0 0 0;background-color:#fff;background-color:var(--surface-color);-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:.2s ease-in-out}.card__arc{width:80px;height:80px;position:absolute;bottom:100%;right:0;z-index:1}.card:hover .card__header{-webkit-transform:translateY(0);transform:translateY(0)}.card__thumb{flex-shrink:0;width:50px;height:50px;border-radius:0}.card__title{font-size:1em;margin:0 0 .3em;color:#6a515e}.card__tagline{display:block;margin:1em 0;font-family:"MockFlowFont";font-size:.8em;color:#3a3a3a}.card__status{font-size:.8em;color:#585858}.card__description{padding:0 2em 2em;margin:0;color:#303030;font-family:"MockFlowFont";display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.pricecolumns{border:1px solid #000;width:100%;padding:0;border-radius:3rem}.priceprice{border-radius:3rem;list-style-type:none;margin:0;padding:0;transition:.3s}.priceprice:hover{box-shadow:10px 8px 12px 10px rgba(0,0,0,.2)}.priceprice .header{border-radius:3rem 3rem 0 0;background-color:#111;color:#fff;font-size:25px}.priceprice li{border-bottom:1px solid #eee;padding:20px;text-align:center}.priceprice .grey,.priceprice .grey2{background-color:#eee;font-size:20px}.priceprice .grey2{border-radius:0 0 3rem 3rem}.FormGroup{margin:20px 15px;padding:0;border-style:none;background-color:#cbd7ff;will-change:opacity,transform;box-shadow:0 6px 9px rgba(50,50,93,.06),0 2px 5px rgba(0,0,0,.08),inset 0 1px 0 #829fff;border-radius:4px}.FormRow{display:flex;align-items:center;margin-left:15px;border-top:1px solid #d9e0f8}.StripeElement--webkit-autofill{background:transparent!important}.StripeElement{width:100%;padding:11px 15px 11px 0}.pricing-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:80px 20px;display:flex;align-items:center;justify-content:center}.pricing-container{max-width:1200px;width:100%;margin:0 auto}.pricing-header{text-align:center;margin-bottom:60px;color:#fff}.pricing-header h1{font-size:3rem;font-weight:700;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.pricing-header p{font-size:1.3rem;opacity:.95;font-weight:300}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:30px;gap:30px;margin:0 auto;max-width:1100px}.pricing-card{background:#fff;border-radius:20px;padding:40px 30px;box-shadow:0 10px 40px rgba(0,0,0,.1);transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;position:relative;display:flex;flex-direction:column}.pricing-card:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px);box-shadow:0 20px 60px rgba(0,0,0,.2)}.pricing-card.popular{border:3px solid #667eea;-webkit-transform:scale(1.05);transform:scale(1.05)}.pricing-card.popular:hover{-webkit-transform:scale(1.08) translateY(-10px);transform:scale(1.08) translateY(-10px)}.popular-badge{position:absolute;top:-15px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 25px;border-radius:20px;font-size:.85rem;font-weight:600;letter-spacing:.5px;box-shadow:0 4px 15px rgba(102,126,234,.4)}.card-header{text-align:center;margin-bottom:25px}.card-header h2{font-size:2rem;color:#2d3748;margin-bottom:10px;font-weight:700}.plan-description{color:#718096;font-size:1rem;margin:0}.card-price{text-align:center;margin-bottom:30px;padding-bottom:30px;border-bottom:2px solid #e2e8f0}.price{font-size:3.5rem;font-weight:700;color:#2d3748;display:inline-block}.period{font-size:1.1rem;color:#718096;margin-left:5px}.card-features{flex-grow:1;margin-bottom:30px}.card-features ul{list-style:none;padding:0;margin:0}.card-features li{padding:12px 0;color:#4a5568;font-size:1rem;display:flex;align-items:flex-start;line-height:1.6}.check-icon{width:20px;height:20px;color:#48bb78;margin-right:12px;flex-shrink:0;margin-top:2px}.select-plan-btn{width:100%;padding:15px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.3);letter-spacing:.5px}.select-plan-btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.select-plan-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:968px){.pricing-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:25px;gap:25px}.pricing-card.popular{-webkit-transform:scale(1);transform:scale(1)}.pricing-card.popular:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.pricing-header h1{font-size:2.5rem}}@media (max-width:640px){.pricing-section{padding:60px 15px}.pricing-header h1{font-size:2rem}.pricing-header p{font-size:1.1rem}.pricing-cards{grid-template-columns:1fr}.card-header h2{font-size:1.75rem}.price{font-size:3rem}}.App{text-align:center}.login-float-child{width:100%;float:left;background:url(/static/media/curves.e03c60a9.gif) 50%}.login-float-child2{width:50%;float:left}.logintext{color:#fff}@media screen and (max-width:540px){.login-float-child{width:100%}.login-float-child2{display:none}}