#hero{position:relative;z-index:1;margin-top:0;padding-top:0}#hero .container{width:100%;border-radius:0 0 1.5rem 1.5rem;background-image:url(./hero-DQ3j2Zs-.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;position:relative;margin:0}#hero .container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0b1120e0,#0d1525d1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1}#hero .container .col{margin:0;padding:4rem 2.1rem;border:none;border-radius:0 0 1.5rem 1.5rem;justify-content:center;align-items:center;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;position:relative;z-index:2;animation:fadeIn .8s ease-out}#hero .col img{height:auto;width:33%;max-width:150px;border-radius:50%;border:3px solid var(--blue);box-shadow:0 8px 32px #3690ff4d;transition:all .4s cubic-bezier(.4,0,.2,1);animation:scaleIn .6s ease-out .2s backwards}#hero .col img:hover{transform:scale(1.05) rotate(5deg);box-shadow:0 12px 48px #3690ff66}#hero .col h2{color:#fff;font-size:1.8rem;font-weight:600;animation:fadeInUp .6s ease-out .3s backwards}#hero .col p{text-align:center;color:var(--text-muted);line-height:1.7;animation:fadeInUp .6s ease-out .4s backwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}#services{position:relative;z-index:10}#services .container{margin:1.5rem auto 0}#services .col{animation-delay:.5s}#apps,#opini{margin:1.5rem auto}#apps .col{animation-delay:.6s}#opini .col{animation-delay:.7s}#ebook{margin-bottom:1.5rem}#ebook .col{animation-delay:.8s}#footer{animation:fadeIn 1s ease-out .9s backwards}#footer p{margin-bottom:1.5rem;text-align:center;font-size:80%;color:var(--text-muted)}#footer svg{margin-bottom:-.15rem;color:#ef4444;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}#hero .col img{margin-bottom:-.15rem}@media (max-width: 480px){#hero .col img{width:40%}#hero .col h2{font-size:1.5rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--dark: #0b1120;--sdark: #131b30;--light: #f6f6f6;--blue: #3690ff;--blue-glow: rgba(54, 144, 255, .15);--text: #e0e0e0;--text-muted: #9ca3af;--border: #1f2638;--gradient-start: #3690ff;--gradient-end: #06b6d4}html{scroll-behavior:smooth;background-color:var(--dark)}body{position:relative;font-family:Fira Code Variable,monospace;font-size:calc(12px + .390625vw);font-weight:400;line-height:1.5;background:linear-gradient(135deg,var(--dark) 0%,#0d1525 100%);background-attachment:fixed;overflow-x:hidden;min-height:100vh;min-height:-webkit-fill-available}html,body{overscroll-behavior-y:none}#root{min-height:100vh;min-height:-webkit-fill-available}h1,h2,h3,h4,h5,h6{color:var(--light);font-weight:500}p,a{font-weight:300;color:var(--text)}a{text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--blue)}.list a h4{transition:all .3s cubic-bezier(.4,0,.2,1)}.list a h4:hover{color:var(--blue);transform:translate(3px)}section{max-width:510px;margin:0 auto}section#hero{max-width:510px;margin:0 auto;padding:0}.container{width:90%;height:100%;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.col{padding:1.5rem;border:1px solid var(--border);border-radius:1rem;display:flex;flex-direction:column;gap:.6rem;background:linear-gradient(135deg,#131b30cc,#131b3099);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:fadeInUp .6s ease-out backwards}.col:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--blue),transparent);opacity:0;transition:opacity .4s ease}.col:hover{border-color:var(--blue);transform:translateY(-4px);box-shadow:0 12px 40px #3690ff26}.col:hover:before{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.col svg{margin-bottom:-.15rem}.col .lines{margin:.6rem 0;height:1px;width:100%;background:linear-gradient(90deg,transparent,var(--border),transparent)}.col .list{position:relative}.col .list a{display:flex;justify-content:space-between;align-items:center;padding:.5rem;margin:-.5rem;border-radius:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.col .list a:hover{background:#3690ff14;padding-left:.75rem}.col .list a h4:last-child{transition:transform .3s cubic-bezier(.4,0,.2,1)}.col .list a:hover h4:last-child{transform:translate(4px)}@font-face{font-family:Fira Code Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fira-code-cyrillic-ext-wght-normal-DhYMMuQd.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fira Code Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fira-code-cyrillic-wght-normal-9QsI0tO3.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Fira Code Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fira-code-greek-ext-wght-normal-wWus70Ix.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Fira Code Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fira-code-greek-wght-normal-B2SviObF.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Fira Code Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fira-code-symbols2-wght-normal-CE6EOz_n.woff2) format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Fira Code Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fira-code-latin-ext-wght-normal-Dvfvaomy.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Fira Code Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fira-code-latin-wght-normal-mEl1RKBN.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}