@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";.app__navbar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;position:fixed;z-index:2;transition:all .3s ease}.navbar-float{background-color:var(--surface-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px var(--shadow-color)}[data-theme=dark] .navbar-float{box-shadow:0 8px 24px var(--shadow-color)}.app__navbar-logo{display:flex;justify-content:center;align-items:center}.app__navbar-logo img{width:90px;height:20px}@media screen and (min-width: 2000px){.app__navbar-logo{width:180px;height:40px}}.app__navbar-links{flex:1;display:flex;justify-content:center;align-items:center;list-style:none}.app__navbar-links li{margin:0 1rem;cursor:pointer}.app__navbar-links li a{color:var(--gray-color);margin:5px 0;text-decoration:none;text-transform:uppercase;font-weight:600;transition:all .3s ease-in-out}.app__navbar-links li a:after{display:block;content:"";border-bottom:1px solid var(--secondary-color);transform:scaleX(0);transition:transform .25s ease-in-out;transform-origin:100% 50%}.app__navbar-links li a:hover{color:var(--secondary-color)}.app__navbar-links li a:hover:after{transform-origin:0% 50%;transform:scaleX(1)}@media screen and (max-width: 900px){.app__navbar-links{display:none}}.active a{color:var(--secondary-color)!important;font-weight:800}.theme-toggle{width:54px;height:30px;border:none;border-radius:999px;background-color:var(--lightGray-color);padding:3px;margin-left:1rem;cursor:pointer;display:flex;align-items:center;transition:background-color .3s ease}.theme-toggle .theme-toggle__thumb{width:24px;height:24px;border-radius:50%;background-color:var(--surface-color);display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;transform:translate(0);transition:transform .3s ease,background-color .3s ease;box-shadow:0 4px 12px var(--shadow-color)}.theme-toggle.is-dark{background-color:var(--border-color)}.theme-toggle.is-dark .theme-toggle__thumb{transform:translate(24px);background-color:#0f1726}@media screen and (max-width: 900px){.theme-toggle{margin-left:auto;margin-right:.75rem}}.app__navbar-menu{width:35px;height:35px;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--secondary-color)}.app__navbar-menu svg{color:var(--white-color);width:70%;height:70%}.app__navbar-menu div{position:fixed;top:0;bottom:0;right:0;z-index:5;padding:1rem;width:80%;height:100vh;display:flex;justify-content:flex-end;align-items:flex-end;flex-direction:column;background:url(/assets/bgWhite-D_34Umbb.png);background-color:var(--surface-color);background-size:cover;background-repeat:repeat;box-shadow:0 8px 24px var(--shadow-color)}.app__navbar-menu div svg{width:35px;height:35px;color:var(--secondary-color);margin:.1rem 1rem}.app__navbar-menu div ul{list-style:none;margin:0;padding:0;width:100%;height:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.app__navbar-menu div ul li{margin:1rem}.app__navbar-menu div ul li a{color:var(--gray-color);text-transform:uppercase;font-weight:500;text-decoration:none;transition:all .3s ease-in-out}.app__navbar-menu div ul li a:hover{color:var(--secondary-color)}@media screen and (min-width: 900px){.app__navbar-menu div{display:none}}@media screen and (min-width: 900px){.app__navbar-menu{display:none}}[data-theme=dark] .app__navbar-menu div{background-image:none;box-shadow:0 8px 24px var(--shadow-color)}.app__footer{width:100%;justify-content:space-between!important;align-items:center;padding:1rem 2rem;background-color:var(--footer-bg)}@media screen and (max-width: 500px){.app__footer{flex-direction:column}}@media screen and (min-width: 2000px){.app__footer{padding:2rem}}.app__footer-contacts{flex-direction:row;margin-left:2rem}.app__footer-contacts div{transition:all .25s ase-in-out;margin:.5rem;border-radius:50%;width:40px;height:40px;border:1px solid var(--white-color)}.app__footer-contacts div a{width:100%;height:100%}.app__footer-contacts div a svg{width:20px;height:20px;color:var(--white-color)}.app__footer-contacts div:hover{background-color:var(--white-color)}.app__footer-contacts div:hover svg{color:var(--footer-bg)}@media screen and (max-width: 500px){.app__footer-contacts{margin-left:0;margin-bottom:.5rem}.app__footer-contacts div{width:30px;height:30px}.app__footer-contacts div a svg{width:15px;height:15px}}@media screen and (min-width: 2000px){.app__footer-contacts div{width:50px;height:50px}.app__footer-contacts div svg{width:25px;height:25px}}.app__footer-copyrights{margin-right:2rem}.app__footer-copyrights p{color:var(--footer-text);text-align:center;text-transform:uppercase;margin:.25rem 0}@media screen and (max-width: 500px){.app__footer-copyrights{margin-right:0}}.centerContent{width:100%;min-height:40vh;display:flex;align-items:center;justify-content:center}.centerContent--fullscreen{min-height:100vh;background:radial-gradient(circle at top,var(--surface-soft),var(--primary-color) 60%)}.fingerprint-loader-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.fingerprint-loader{width:400px;height:400px;transform-origin:center;animation:fp-loader-rotate 2.2s linear infinite}.fp-ring{fill:none;stroke-linecap:round;transform-origin:110px 110px}.fp-ring--outer{stroke:#7448f5;stroke-width:12;stroke-dasharray:430 130;stroke-dashoffset:35;animation:fp-ring-dash-outer 2.2s ease-in-out infinite}.fp-ring--mid-1{stroke:#6127de;stroke-width:12;stroke-dasharray:220 140;stroke-dashoffset:80;animation:fp-ring-dash-mid 2s ease-in-out infinite}.fp-ring--mid-2{stroke:#4d18b9;stroke-width:11;stroke-dasharray:120 110;stroke-dashoffset:55;animation:fp-ring-dash-mid 1.8s ease-in-out infinite reverse}.fp-ring--inner{stroke:#3f1496;stroke-width:10;stroke-dasharray:62 64;stroke-dashoffset:44;animation:fp-ring-dash-inner 1.6s ease-in-out infinite}.loader-brand{display:flex;align-items:baseline;gap:.5rem;color:var(--gray-color)}.loader-brand__bracket{font-size:2rem;font-weight:300;line-height:1}.loader-brand__name{font-size:2.6rem;line-height:1;color:var(--black-color);font-family:Brush Script MT,Segoe Script,cursive}@keyframes fp-loader-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fp-ring-dash-outer{0%,to{stroke-dashoffset:35}50%{stroke-dashoffset:-22}}@keyframes fp-ring-dash-mid{0%,to{stroke-dashoffset:80}50%{stroke-dashoffset:40}}@keyframes fp-ring-dash-inner{0%,to{stroke-dashoffset:44}50%{stroke-dashoffset:20}}@media screen and (max-width: 480px){.fingerprint-loader{width:380px;height:380px}.loader-brand__name{font-size:2rem}.loader-brand__bracket{font-size:1.6rem}}.app__about{flex:1;flex-direction:column;width:100%}.app__about-context{width:100%;flex:1;flex-direction:row-reverse;justify-content:flex-start;align-items:flex-start;margin-top:2rem;padding:1rem}@media screen and (max-width: 1000px){.app__about-context{width:80%;flex-direction:column}}.app__about-img div{background:linear-gradient(to bottom,var(--surface-soft),var(--surface-color));border:1px solid var(--border-color);box-shadow:0 10px 26px var(--shadow-color);width:200px;height:200px;border-radius:50%;position:relative}.app__about-img div img{position:absolute;bottom:1.2rem;max-width:100%;max-height:100%;box-sizing:border-box;object-fit:cover;transform:scale(1.2)}@media screen and (max-width: 768px){.app__about-img{width:80%}}@media screen and (max-width: 300px){.app__about-img div{width:150px;height:150px}}.app__about-data{width:100%;margin:2rem;flex-direction:column;justify-content:flex-start!important;align-items:flex-start!important}.app__about-data h2{margin-bottom:1rem;font-size:1.5rem}.app__about-data p{text-align:justify;font-size:1rem;font-family:var(--font-base)}.app__about-data p span{font-weight:800;color:var(--secondary-color)}@media screen and (max-width: 1000px){.app__about-data div:nth-child(3){width:100%;display:flex;justify-content:center;align-items:center}}.app__profiles{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;margin-top:1rem}.app__profile-item{width:190px;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;margin:2rem}.app__profile-item img{width:100%;height:170px;object-fit:cover;border-radius:15px}@media screen and (min-width: 2000px){.app__profile-item{width:370px;margin:2rem 4rem}.app__profile-item img{height:320px}}.app__chat{--chat-bg: linear-gradient(180deg, #eef3ff 0%, #e4ebf8 100%);--chat-glass: linear-gradient(180deg, rgba(255, 255, 255, .84), rgba(245, 249, 255, .92));--panel-bg: linear-gradient(160deg, rgba(255, 255, 255, .88), rgba(246, 250, 255, .94));--panel-border: rgba(210, 224, 247, .92);--text-primary: #0f172a;--text-secondary: #64748b;--input-bg: #ffffff;--input-border: #d5e1f3;--bubble-in: linear-gradient(160deg, #ffffff, #f3f8ff);--bubble-out: linear-gradient(132deg, #3f66ff, #5b88ff);min-height:100vh;padding:1rem;background:var(--chat-bg);position:relative;overflow:hidden;font-family:Manrope,Segoe UI,sans-serif}.app__chat:before,.app__chat:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(58px);pointer-events:none;opacity:.28}.app__chat:before{top:-130px;left:-100px;background:#5f7bff}.app__chat:after{right:-110px;bottom:-130px;background:#31c4a2}[data-theme=dark] .app__chat{--chat-bg: linear-gradient(180deg, #0d1627 0%, #101a2d 100%);--chat-glass: linear-gradient(180deg, rgba(16, 27, 45, .86), rgba(14, 24, 41, .92));--panel-bg: linear-gradient(160deg, rgba(20, 33, 54, .95), rgba(16, 27, 44, .98));--panel-border: rgba(58, 84, 122, .8);--text-primary: #e6edf8;--text-secondary: #9db2d0;--input-bg: #15233a;--input-border: #304767;--bubble-in: linear-gradient(160deg, #1b2b46, #16253f);--bubble-out: linear-gradient(132deg, #4870ff, #6992ff)}.app__chat-shell{width:min(96vw,1460px);min-height:calc(100vh - 2rem);margin:0 auto;padding:1rem;border-radius:22px;border:1px solid var(--panel-border);background:var(--chat-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 28px 52px #18274529;display:grid;grid-template-columns:280px 1fr 260px;gap:1rem;position:relative;z-index:1}.app__chat-left,.app__chat-center,.app__chat-right{border-radius:18px;border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:inset 0 1px #fff6,0 8px 18px #16264312}.app__chat-left{padding:.95rem}.app__chat-new{display:grid;grid-template-columns:44px 1fr;align-items:center;border:1px solid var(--input-border);background:var(--input-bg);border-radius:12px;margin-bottom:1rem}.app__chat-new span{color:var(--text-primary);font-size:.9rem;font-weight:600}.app__chat-left h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:.8rem}.app__chat-search{margin-bottom:.9rem;display:grid;grid-template-columns:1fr 36px;align-items:center;border:1px solid var(--input-border);border-radius:12px;background:var(--input-bg);padding:0 .45rem 0 .75rem}.app__chat-search input{border:none;background:transparent;color:var(--text-primary);height:38px;outline:none}.app__chat-search svg{color:var(--text-secondary)}.app__chat-user-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;max-height:65vh;overflow-y:auto;padding-right:.2rem}.app__chat-user{width:100%;border:1px solid transparent;border-radius:12px;background:var(--input-bg);display:grid;grid-template-columns:42px 1fr;gap:.55rem;align-items:center;padding:.58rem;text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.app__chat-user:hover{transform:translateY(-1px);box-shadow:0 8px 15px #1626421f}.app__chat-user.is-active{border-color:#4570ff;box-shadow:0 10px 18px #4570ff33;background:linear-gradient(145deg,rgba(69,112,255,.12),var(--input-bg))}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(140deg,#4f71ff,#70a6ff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700}.avatar.large{width:92px;height:92px;font-size:1.15rem}.app__chat-user p{color:var(--text-primary);font-weight:700}.app__chat-user span{color:var(--text-secondary);font-size:.75rem}.app__chat-user span.is-online{color:#12a35f}.app__chat-user span.is-offline{color:#93a3ba}.app__chat-center{padding:.9rem;display:flex;flex-direction:column;position:relative;overflow:hidden}.app__chat-center:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(75,108,255,.11) 1px,transparent 1px);background-size:18px 18px;opacity:.3;pointer-events:none}[data-theme=dark] .app__chat-center:before{opacity:.18}.app__chat-center-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;border-bottom:1px solid var(--panel-border);padding:.55rem .65rem .8rem;border-radius:12px;background:linear-gradient(90deg,#ffffffc7,#ffffff38);position:relative;z-index:2}[data-theme=dark] .app__chat-center-head{background:linear-gradient(90deg,#121e33d1,#121e3338)}.app__chat-peer{display:flex;align-items:center;gap:.55rem}.app__chat-peer p{color:var(--text-primary);font-weight:800}.app__chat-typing{color:var(--text-secondary);font-size:.76rem}.app__chat-top-actions{display:flex;align-items:center;gap:.45rem}.icon-button{height:38px;min-width:38px;border:1px solid var(--input-border);border-radius:10px;background:var(--input-bg);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0 .7rem;font-weight:700}.app__chat-messages{margin-top:.8rem;flex:1;overflow-y:auto;padding-right:.25rem;display:flex;flex-direction:column;gap:.62rem;position:relative;z-index:2}.app__chat-message{max-width:74%;background:var(--bubble-in);border:1px solid var(--input-border);border-radius:16px 16px 16px 6px;padding:.65rem .8rem;box-shadow:0 9px 16px #15223c17;animation:riseIn .18s ease}.app__chat-message.is-own{margin-left:auto;background:var(--bubble-out);border-color:transparent;border-radius:16px 16px 6px;box-shadow:0 12px 20px #4667ff4d}.app__chat-message p{color:#1f2a3b;font-size:.92rem;line-height:1.45}.app__chat-message.is-own p,.app__chat-message.is-own span{color:#fff}.app__chat-message span{margin-top:.35rem;display:block;color:var(--text-secondary);font-size:.72rem}.app__chat-status{font-weight:700}.app__chat-message-meta{margin-top:.35rem;display:flex;align-items:center;gap:.45rem}.app__chat-delete-btn{border:none;background:transparent;color:inherit;opacity:.85;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.app__chat-delete-btn:hover{opacity:1}.app__chat-attachment{margin-top:.45rem}.app__chat-attachment img{width:min(320px,100%);max-height:260px;object-fit:cover;border-radius:12px;border:1px solid rgba(208,221,245,.9);display:block;transition:transform .17s ease,box-shadow .17s ease}.app__chat-attachment img:hover{transform:translateY(-1px) scale(1.01);box-shadow:0 14px 22px #1224422e}.app__chat-attachment a{color:inherit;text-decoration:underline;word-break:break-all}.app__chat-attachment-actions{display:flex;gap:.6rem;margin-top:.45rem}.app__chat-attachment-actions a{font-size:.76rem;text-decoration:none;border:1px solid rgba(201,214,238,.95);border-radius:999px;padding:.2rem .58rem;background:#ffffffc2}[data-theme=dark] .app__chat-attachment-actions a{border-color:#3a4f70;background:#142238c2}.app__chat-input{margin-top:.65rem;display:grid;grid-template-columns:44px 44px 1fr 44px;gap:.42rem;align-items:center;position:relative;z-index:2;background:#ffffffbd;border:1px solid rgba(201,215,241,.9);border-radius:14px;padding:.45rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=dark] .app__chat-input{background:#121f35c7;border-color:#385175d1}.app__chat-hidden-file{display:none}.app__chat-selected-file{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--input-border);background:var(--input-bg);border-radius:10px;padding:.35rem .55rem;color:var(--text-primary);font-size:.8rem}.app__chat-selected-file button{border:none;background:transparent;color:inherit;display:inline-flex;cursor:pointer}.app__chat-input input{height:40px;border:1px solid var(--input-border);border-radius:10px;background:var(--input-bg);color:var(--text-primary);padding:0 .7rem;outline:none}.send-button{height:40px;border:none;border-radius:10px;background:linear-gradient(130deg,#496cf6,#5d82ff);color:#fff;cursor:pointer;box-shadow:0 8px 16px #496cf642}.send-button:disabled{opacity:.52;cursor:not-allowed}.app__chat-stickers{position:absolute;left:0;bottom:56px;border:1px solid var(--input-border);background:var(--input-bg);border-radius:10px;padding:.45rem;display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem;width:240px;z-index:3}.app__chat-stickers button{border:1px solid #e1e6f2;background:#f8f9fc;border-radius:8px;height:36px;cursor:pointer;font-size:1rem}[data-theme=dark] .app__chat-stickers button{background:#1f2d46;border-color:#304668}.app__chat-right{padding:.9rem;display:flex;flex-direction:column;gap:.9rem}.app__chat-profile,.app__chat-info{border:1px solid var(--input-border);border-radius:12px;background:var(--input-bg);padding:.9rem}.app__chat-profile{text-align:center}.app__chat-profile .avatar{margin:0 auto .6rem}.app__chat-profile p,.app__chat-info button{color:var(--text-primary);font-weight:700}.app__chat-profile span,.app__chat-info p{color:var(--text-secondary)}.app__chat-info button{width:100%;border:none;background:transparent;display:flex;justify-content:space-between;align-items:center}.app__chat-info p{margin-top:.7rem;font-size:.86rem;line-height:1.5}.app__chat-error,.app__chat-hint{color:#b42318;font-size:.86rem}.app__chat-hint{color:var(--text-secondary)}@keyframes riseIn{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (max-width: 1150px){.app__chat-shell{grid-template-columns:250px 1fr}.app__chat-right{display:none}}@media screen and (max-width: 820px){.app__chat{padding:.45rem}.app__chat-shell{width:100%;grid-template-columns:1fr;min-height:calc(100vh - .9rem);padding:.62rem;border-radius:14px}.app__chat-left{order:1;padding:.72rem}.app__chat-user-list{max-height:190px}.app__chat-center{order:2;min-height:62vh;padding:.68rem}.app__chat-center-head{flex-wrap:wrap;align-items:flex-start}.app__chat-top-actions{width:100%;justify-content:flex-end}.app__chat-message{max-width:86%}.app__chat-input{grid-template-columns:40px 40px 1fr 40px;gap:.35rem}.icon-button,.send-button{height:36px;min-width:36px}.app__chat-stickers{width:min(220px,92vw)}}@media screen and (max-width: 520px){.app__chat-left h3{font-size:1rem}.app__chat-new{grid-template-columns:38px 1fr}.app__chat-new span{font-size:.8rem}.app__chat-message p{font-size:.85rem}.app__chat-profile .avatar.large{width:72px;height:72px}}.app__contact{flex:1;width:100%;flex-direction:column}.app__contact-cards{width:60%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;margin:4rem 2rem 2rem}.app__contact-cards .app__contact-card{min-width:290px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:1rem 0;padding:1rem;border-radius:10px;cursor:pointer;background-color:var(--surface-soft);border:1px solid var(--border-color);box-shadow:0 8px 22px var(--shadow-color);transition:all .3s ease-in-out}.app__contact-cards .app__contact-card img{width:40px;height:40px;margin:0 .7rem}.app__contact-cards .app__contact-card p{font-weight:600}.app__contact-cards .app__contact-card a{text-decoration:none;font-weight:500}.app__contact-cards .app__contact-card:hover{box-shadow:0 12px 28px var(--shadow-color);transform:translateY(-2px)}@media screen and (max-width: 450px){.app__contact-cards .app__contact-card{min-width:0px;width:100%}.app__contact-cards .app__contact-card img{margin:0 .5rem;width:35px;height:35px}}@media screen and (max-width: 768px){.app__contact-cards{width:100%}}.app__contact-cards .app__contact-card:last-child{background-color:var(--surface-color)}.app__contact-form{width:60%;flex-direction:column;margin:1rem 2rem}.app__contact-form div{width:100%;margin:.75rem 0;border-radius:10px;cursor:pointer;background-color:var(--surface-soft);border:1px solid var(--border-color);transition:all .3s ease-in-out}.app__contact-form div input,.app__contact-form div textarea{width:100%;padding:.95rem;border:none;border-radius:7px;background-color:var(--surface-soft);font-family:var(--font-base);color:var(--black-color)!important;outline:none}.app__contact-form div input::placeholder,.app__contact-form div textarea::placeholder{color:var(--gray-color)}.app__contact-form div textarea{height:170px}.app__contact-form div:hover{box-shadow:0 8px 24px var(--shadow-color)}@media screen and (max-width: 768px){.app__contact-form{width:100%;margin:1rem 0}}.app__editor{min-height:100vh;background:linear-gradient(140deg,var(--primary-color) 0%,var(--surface-soft) 70%,var(--primary-color) 100%),radial-gradient(circle at 90% 0%,rgba(47,86,214,.18),transparent 40%);color:var(--black-color);padding:1.25rem}.app__editor-topbar{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.app__editor-title{font-size:1.05rem;font-weight:700}.app__editor-user{font-size:.82rem;color:var(--gray-color);margin-top:.2rem}.app__editor-logout{background-color:#ef4444;color:#fff;border:none;border-radius:8px;padding:.55rem .95rem;cursor:pointer;font-weight:600}.app__editor-actions{display:flex;align-items:center;gap:.6rem}.app__editor-save,.app__editor-secondary{border:none;border-radius:8px;padding:.55rem .95rem;cursor:pointer;font-weight:600}.app__editor-save{background-color:var(--secondary-color);color:#fff}.app__editor-delete{border:none;border-radius:8px;padding:.55rem .95rem;cursor:pointer;font-weight:600;background-color:#ef4444;color:#fff}.app__editor-secondary{background-color:var(--lightGray-color);color:var(--black-color)}.app__editor-save:disabled{opacity:.7;cursor:not-allowed}.app__editor-body{margin-top:1rem;display:grid;grid-template-columns:220px 1fr;gap:1rem;min-height:calc(100vh - 150px)}.app__editor-toolbar{margin-top:1rem;display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.app__editor-create,.app__editor-upload{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:.75rem;display:flex;align-items:center;gap:.6rem}.app__editor-create input,.app__editor-upload input[type=file]{width:100%;border:1px solid var(--border-color);border-radius:8px;background-color:var(--surface-soft);color:var(--black-color);padding:.5rem .6rem}.app__editor-sidebar{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:.8rem}.app__editor-sidebar ul{list-style:none;margin-top:.7rem;display:flex;flex-direction:column;gap:.45rem}.app__editor-sidebar button{width:100%;text-align:left;border:1px solid var(--border-color);background-color:transparent;color:var(--black-color);border-radius:8px;padding:.5rem .65rem;cursor:pointer}.app__editor-sidebar button.is-active{background-color:#3b82f63d;border-color:#60a5fab3;color:var(--black-color)}.app__editor-sidebar-title{font-size:.82rem;color:var(--gray-color);text-transform:uppercase;letter-spacing:.06em}.app__editor-panel{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:.8rem}.app__editor-panel textarea{width:100%;height:calc(100% - 2rem);min-height:420px;border:1px solid var(--border-color);border-radius:10px;background-color:var(--surface-soft);color:var(--black-color);padding:.8rem;resize:vertical;font-family:Consolas,Courier New,monospace;font-size:.9rem;line-height:1.5}.app__editor-panel textarea:disabled{opacity:.65}.app__editor-docx-preview{min-height:420px;border:1px solid var(--border-color);border-radius:10px;background-color:var(--surface-color);color:var(--black-color);padding:1rem;overflow:auto;line-height:1.55}.app__editor-docx-preview img{max-width:100%;height:auto;margin:.5rem 0;border-radius:8px}.app__editor-docx-preview p{margin:.3rem 0}.app__editor-current{margin-bottom:.6rem;color:var(--gray-color);font-size:.85rem}.app__editor-docx-actions{margin-bottom:.6rem}.app__editor-hint{color:var(--gray-color);font-size:.82rem;margin-top:.55rem}.app__editor-message{margin-top:.6rem;border-radius:8px;padding:.5rem .65rem;font-size:.82rem}.app__editor-message.is-error{background-color:#ef444433;border:1px solid rgba(248,113,113,.65);color:#fecaca}.app__editor-message.is-success{background-color:#10b9812e;border:1px solid rgba(52,211,153,.6);color:#bbf7d0}@media screen and (max-width: 850px){.app__editor-toolbar,.app__editor-body{grid-template-columns:1fr}.app__editor-topbar{flex-direction:column;align-items:flex-start}}.app__stories{min-height:calc(100vh - 65px);padding:1rem;background:linear-gradient(180deg,var(--primary-color) 0%,var(--surface-soft) 100%)}.app__stories-header{margin-bottom:1rem}.app__stories-header h2{color:var(--black-color);margin-bottom:.6rem}.app__stories-create{display:grid;grid-template-columns:1fr 1fr auto;gap:.65rem;align-items:center}.app__stories-create input{border:1px solid var(--border-color);border-radius:8px;background-color:var(--surface-color);color:var(--black-color);padding:.6rem .75rem}.app__stories-create button{border:none;border-radius:8px;background-color:#16a34a;color:#fff;font-weight:700;padding:.6rem 1rem;cursor:pointer}.app__stories-error{margin-top:.6rem;color:#b42318;font-size:.9rem}.app__stories-loading{color:var(--gray-color);font-size:.9rem}.app__stories-grid{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:.85rem}.app__stories-column{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:.8rem;min-height:480px}.app__stories-column h3{text-align:center;margin-bottom:.8rem;color:var(--black-color)}.app__stories-cards{display:flex;flex-direction:column;gap:.6rem}.app__stories-card{background-color:var(--surface-soft);border:1px solid var(--border-color);border-radius:10px;padding:.65rem}.app__stories-title{color:var(--black-color);font-weight:700}.app__stories-details{margin-top:.35rem;color:var(--gray-color);font-size:.85rem;white-space:pre-wrap}.app__stories-rating{margin-top:.5rem;display:flex;align-items:center;gap:.22rem}.app__stories-star{border:none;background:transparent;color:#f59e0b;cursor:pointer}.app__stories-actions{margin-top:.55rem;display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.app__stories-actions button{border:1px solid var(--border-color);background-color:var(--surface-color);color:var(--black-color);border-radius:8px;padding:.35rem .55rem;cursor:pointer;font-size:.82rem}.app__stories-actions button:disabled{opacity:.4;cursor:not-allowed}.app__stories-edit{display:flex;flex-direction:column;gap:.55rem}.app__stories-edit input,.app__stories-edit textarea{border:1px solid var(--border-color);border-radius:8px;background-color:var(--surface-color);color:var(--black-color);padding:.45rem .55rem}.app__stories-edit textarea{min-height:74px;resize:vertical}@media screen and (max-width: 1100px){.app__stories-grid{grid-template-columns:repeat(2,minmax(230px,1fr))}}@media screen and (max-width: 760px){.app__stories-create,.app__stories-grid{grid-template-columns:1fr}}.app__dashboard{min-height:100vh}.app__dashboard-nav{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem 1rem;background-color:var(--surface-color);border-bottom:1px solid var(--border-color)}.app__dashboard-tabs{display:flex;align-items:center;gap:.55rem}.app__dashboard-tabs button{border:1px solid var(--border-color);background-color:var(--surface-soft);color:var(--black-color);border-radius:8px;padding:.45rem .85rem;cursor:pointer;font-weight:600}.app__dashboard-tabs button.is-active{border-color:var(--secondary-color);color:var(--secondary-color);background-color:#2f56d61f}.app__dashboard-logout{border:none;background-color:#ef4444;color:#fff;border-radius:8px;padding:.45rem .85rem;cursor:pointer;font-weight:600}.app__dashboard-actions{display:flex;align-items:center;gap:.55rem}.app__dashboard-theme{border:1px solid var(--border-color);background-color:var(--surface-soft);color:var(--black-color);border-radius:8px;padding:.45rem .85rem;cursor:pointer;font-weight:600}#home{position:relative;background:url(/assets/bgIMG-BZ6IIfbK.png);background-repeat:repeat;background-size:cover;background-position:center;background-color:var(--primary-color);background-blend-mode:soft-light}#home .app__wrapper{padding:0}#home .app__wrapper .copyright{display:none}[data-theme=dark] #home{background-image:radial-gradient(circle at 20% 10%,#1b2a45 0%,transparent 45%),radial-gradient(circle at 90% 20%,#142034 0%,transparent 40%)}.app__header{flex:1;width:100%;height:100%;flex-direction:row;padding:6rem 2rem 0}@media screen and (min-width: 2000px){.app__header{padding-top:8rem}}@media screen and (max-width: 1200px){.app__header{flex-direction:column}}@media screen and (max-width: 450px){.app__header{padding:6rem 1rem 2rem}}.app__header-info{flex:.65;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;height:100%}@media screen and (max-width: 2000px){.app__header-info{width:100%;margin-right:0rem}}.button-greeting-div{display:flex;gap:1rem;margin-top:20px;align-self:flex-end}.header-matter{margin-top:1.5rem;text-align:right;max-width:520px}.app__header-badge{width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.app__header-badge .badge-cmp,.app__header-badge .tag-cmp{padding:1rem 2rem;border:1px solid var(--border-color);background:var(--surface-color);border-radius:15px;flex-direction:row;width:auto;box-shadow:0 10px 24px var(--shadow-color)}.app__header-badge .tag-cmp{margin-top:3rem;align-items:center}.app__header-badge .tag-cmp p{width:100%;text-transform:uppercase;text-align:right;color:var(--secondary-color);font-weight:700}.app__header-badge .tag-cmp span{color:var(--secondary-color)}.app__header-badge span{font-size:2.5rem}@media screen and (min-width: 2000px){.app__header-badge span{font-size:5rem}}@media screen and (max-width: 1200px){.app__header-badge{justify-content:flex-start;align-items:flex-start}}.header-intro-text{margin-top:1.25rem;max-width:540px;text-align:center;color:var(--gray-color);line-height:1.7;font-size:.95rem}.header-action-wrap{margin-top:1rem;display:flex;justify-content:center;align-items:center;gap:.85rem;width:100%;flex-wrap:wrap}.header-action-button{border:1px solid var(--secondary-color);background:linear-gradient(135deg,var(--surface-color) 0%,var(--surface-soft) 100%);color:var(--secondary-color);padding:.8rem 1.6rem;border-radius:999px;font-size:.95rem;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:0 10px 18px var(--shadow-color);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.header-action-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 24px var(--shadow-color);background:linear-gradient(135deg,var(--surface-soft) 0%,var(--surface-color) 100%)}.header-action-button:active:not(:disabled){transform:translateY(0)}.header-action-button:disabled{cursor:not-allowed;opacity:.6}.header-action-button--contact{border-color:#1f8b56;color:#1f8b56;background:linear-gradient(135deg,var(--surface-color) 0%,#e7fff1 100%);box-shadow:0 10px 18px var(--shadow-color)}.header-action-button--contact:hover:not(:disabled){box-shadow:0 14px 24px var(--shadow-color);background:linear-gradient(135deg,#d9ffe9,#b9f5d2)}[data-theme=dark] .header-action-button--contact{color:#77e1b0;border-color:#4bc08a;background:linear-gradient(135deg,var(--surface-color) 0%,#1b3b30 100%)}.app__header-circles{flex:.75;display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start;height:100%;margin-left:1rem}.app__header-circles div{width:100px;height:100px;border-radius:50%;background-color:var(--white-color);border:1px solid var(--border-color);box-shadow:0 10px 24px var(--shadow-color)}.app__header-circles div img{width:60%;height:60%;object-fit:contain;pointer-events:none}.app__header-circles div:nth-child(1){width:100px;height:100px}.app__header-circles div:nth-child(2){margin:1.75rem;width:150px;height:150px}.app__header-circles div:nth-child(3){width:100px;height:100px}@media screen and (min-width: 2000px){.app__header-circles div:nth-child(1){width:400px;height:400px}.app__header-circles div:nth-child(2){margin:1.75rem;width:250px;height:250px}.app__header-circles div:nth-child(3){width:200px;height:200px}}@media (max-width: 768px){.app__header-circles .button-greeting-div{justify-content:flex-start;flex-wrap:wrap;align-self:flex-start}.app__header-circles .header-matter{text-align:left}.app__header-circles .greeting-text{font-size:30px;text-align:center}.app__header-circles .greeting-text-p{font-size:16px;line-height:normal;text-align:center}.app__header-circles .greeting-main{display:block}.app__header-circles .greeting-image-div{height:256px}}@media screen and (max-width: 1200px){.app__header-circles{width:100%;flex-direction:row;flex-wrap:wrap;margin-left:0}.app__header-circles div{margin:1rem}}.app__header-img{flex:1;height:100%;display:flex;justify-content:flex-end;align-items:flex-end;position:relative}.app__header-img img{width:100%;object-fit:contain;z-index:1}.app__header-img .overlay_circle{position:absolute;left:0;right:0;bottom:0;z-index:0;width:100%;height:90%}@media screen and (max-width: 1200px){.app__header-img{margin:2rem 0}}.app__login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;background:radial-gradient(circle at top right,rgba(47,86,214,.18),transparent 45%),linear-gradient(160deg,var(--primary-color),var(--surface-soft))}.app__theme-toggle{position:absolute;top:1rem;right:1rem;border:1px solid var(--border-color);border-radius:999px;padding:.45rem .85rem;background-color:var(--surface-color);color:var(--black-color);cursor:pointer;font-weight:600}.app__login-card{width:min(420px,100%);background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 48px var(--shadow-color);padding:2rem}.app__login-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--secondary-color);font-size:.75rem;font-weight:700}.app__login-title{margin-top:.5rem;font-size:2rem;color:var(--black-color)}.app__login-subtitle{margin-top:.5rem;color:var(--gray-color)}.app__login-form{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.app__login-form label{font-size:.85rem;color:var(--gray-color)}.app__login-form input{width:100%;border:1px solid var(--border-color);border-radius:10px;background-color:var(--surface-soft);color:var(--black-color);padding:.7rem .85rem;font-size:.95rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.app__login-form input:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #2f56d624}.app__login-form button{margin-top:.5rem;border:none;border-radius:10px;padding:.75rem 1rem;font-size:.95rem;font-weight:700;color:#fff;background-color:var(--secondary-color);cursor:pointer;transition:transform .2s ease,opacity .2s ease}.app__login-form button:hover{transform:translateY(-1px);opacity:.95}.app__login-form button:disabled{cursor:not-allowed;opacity:.7;transform:none}.app__login-message{font-size:.84rem;border-radius:8px;padding:.55rem .65rem;margin-top:.25rem}.app__login-message.is-error{color:#b42318;background-color:#fef3f2;border:1px solid #fecdca}.app__login-message.is-success{color:#027a48;background-color:#ecfdf3;border:1px solid #abefc6}.app__skills{flex:1;flex-direction:column;width:100%}.app__skills-container{width:80%;margin-top:3rem;display:flex;flex-direction:row}@media screen and (max-width: 900px){.app__skills-container{width:100%;flex-direction:column}}.app__skills-list{flex:1;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;margin-right:5rem}@media screen and (max-width: 900px){.app__skills-list{margin-right:0;justify-content:center;align-items:center}}.app__skills-item{flex-direction:column;text-align:center;margin:1rem;transition:all ease-in-out}.app__skills-item div{width:90px;height:90px;border-radius:50%;background-color:var(--surface-color);border:1px solid var(--border-color);box-shadow:0 8px 22px var(--shadow-color)}.app__skills-item div img{width:50%;height:50%;object-fit:contain}.app__skills-item div:hover{box-shadow:0 12px 26px var(--shadow-color);transform:translateY(-2px)}@media screen and (min-width: 2000px){.app__skills-item div{width:150px;height:150px}}@media screen and (max-width: 900px){.app__skills-item div{width:75px;height:75px}}.app__skills-item p{font-weight:500;margin:.5rem}@media screen and (min-width: 2000px){.app__skills-item{margin:1rem 2rem}.app__skills-item p{margin-top:1rem}}.app__skills-exp{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}@media screen and (max-width: 900px){.app__skills-exp{margin-top:2rem}}.app__skills-exp-item{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;margin:1rem 0}.app__skills-exp-works{flex:1}.app__skills-exp-works .app__skills-exp-work{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:1rem;cursor:pointer}.app__skills-exp-works .app__skills-exp-work h4{font-weight:500}.app__skills-exp-works .app__skills-exp-work p{font-weight:400;color:var(--gray-color);margin-top:5px}.app__skills-exp-year{margin-right:3rem}.app__skills-exp-year p{font-weight:800;color:var(--secondary-color)}@media screen and (max-width: 450px){.app__skills-exp-year{margin-right:1rem}}.skills-tooltip{max-width:300px!important;background-color:var(--surface-color)!important;box-shadow:0 10px 26px var(--shadow-color)!important;border:1px solid var(--border-color)!important;border-radius:5px!important;padding:1rem!important;color:var(--gray-color)!important;text-align:center!important;line-height:1.5!important;opacity:1!important}@media screen and (min-width: 2000px){.skills-tooltip{font-size:1.75rem!important;max-width:500px!important;line-height:2!important}}.app__testimonial{width:100%;flex:1;flex-direction:column}.app__testimonial-carousel{width:60%;min-height:320px;background-color:var(--white-color);border:1px solid var(--border-color);margin-top:2rem;display:flex;padding:2rem;border-radius:15px;box-shadow:0 10px 28px var(--shadow-color);transition:all .3s ease-in-out}.app__testimonial-carousel img{width:100px;height:100px;border-radius:50%;object-fit:cover}@media screen and (min-width: 2000px){.app__testimonial-carousel{min-height:450px}.app__testimonial-carousel img{width:150px;height:150px}}@media screen and (max-width: 850px){.app__testimonial-carousel{width:100%}}@media screen and (max-width: 600px){.app__testimonial-carousel{flex-direction:column}}.app__testimonial-content{flex:1;height:100%;padding:0 2rem;text-align:left;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start}.app__testimonial-content p{font-size:1.25rem;line-height:2rem;color:var(--black-color);font-family:var(--font-base)}.app__testimonial-content h4{font-weight:600;color:var(--secondary-color);margin-top:2rem}.app__testimonial-content h5{font-weight:400;color:var(--gray-color);margin-top:5px}.app__testimonials-btns{flex-direction:row;margin-top:1rem}.app__testimonials-btns div{width:50px;height:50px;border-radius:50%;background-color:var(--surface-color);border:1px solid var(--border-color);box-shadow:0 8px 20px var(--shadow-color);margin:1rem;transition:all .3s ease-in-out;cursor:pointer}.app__testimonials-btns div svg{width:20px;height:20px;color:var(--secondary-color)}.app__testimonials-btns div:hover{background-color:var(--secondary-color)}.app__testimonials-btns div:hover svg{color:var(--white-color)}.app__testimonials-brands{width:80%;flex-wrap:wrap;margin-top:2rem}.app__testimonials-brands div{width:150px;margin:1.5rem}.app__testimonials-brands div img{width:100%;height:auto;object-fit:cover;filter:grayscale(1)}.app__testimonials-brands div:hover img{filter:grayscale(0)}@media screen and (min-width: 2000px){.app__testimonials-brands div{width:210px;margin:2rem}}@media screen and (max-width: 450px){.app__testimonials-brands div{width:120px;margin:1rem}}@media screen and (max-width: 800px){.app__testimonials-brands{width:100%}}.app__works{flex:1;width:100%;flex-direction:column}.app__work-filter{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:2rem 0 1rem}.app__work-filter .app__work-filter-item{padding:.5rem 1rem;border-radius:.5rem;background-color:var(--surface-color);border:1px solid var(--border-color);color:var(--black-color);font-weight:800;cursor:pointer;margin:.5rem;transition:all .3s ease}.app__work-filter .app__work-filter-item:hover{background-color:var(--secondary-color);color:var(--white-color)}@media screen and (min-width: 2000px){.app__work-filter .app__work-filter-item{padding:1rem 2rem;border-radius:.85rem}}.app__work-filter .item-active{background-color:var(--secondary-color);color:var(--white-color);border-color:var(--secondary-color)}@media screen and (max-width: 600px){.app__work-filter{flex-wrap:wrap}}.app__work-portfolio{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}.app__work-portfolio .app__work-item{width:270px;flex-direction:column;margin:2rem;padding:1rem;border-radius:.5rem;background-color:var(--surface-color);color:var(--black-color);border:1px solid var(--border-color);box-shadow:0 10px 24px var(--shadow-color);cursor:pointer}.app__work-portfolio .app__work-item:hover{box-shadow:0 12px 30px var(--shadow-color);transform:translateY(-3px)}@media screen and (min-width: 2000px){.app__work-portfolio .app__work-item{width:470px;padding:1.25rem}}@media screen and (max-width: 300px){.app__work-portfolio .app__work-item{min-width:100%;margin:1rem}}@media screen and (max-width: 300px){.app__work-portfolio{width:100%}}.app__work-img{width:100%;height:230px;position:relative}.app__work-img img{border-radius:.5rem;width:100%;height:100%;object-fit:cover}@media screen and (min-width: 2000px){.app__work-img{height:350px}}.app__work-hover{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:var(--overlay-color);border-radius:.5rem;opacity:0}.app__work-hover div{width:50px;height:50px;border-radius:50%;background-color:var(--overlay-color);color:var(--white-color);margin:1rem;font-family:var(--font-base);font-weight:800;cursor:pointer;transition:all .3s ease}.app__work-hover div svg{width:50%;height:50%;color:var(--white-color);transition:all .3s ease}.app__work-hover:active,.app__work-touched{opacity:1}.app__work-content{padding:.5rem;flex-direction:column;width:100%;position:relative}.app__work-content h4{margin-top:1rem;line-height:1.5}.app__work-content h4,.app__work-content p{text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}.app__work-content .app__work-tag{position:absolute;padding:.5rem 1rem;background-color:var(--surface-color);border:1px solid var(--border-color);top:-25px;border-radius:10px}.app__work-touched-nowrap .app__work-content h4,.app__work-touched-nowrap .app__work-content p{white-space:unset}.app{background-color:var(--primary-color);color:var(--black-color);font-family:var(--font-base)}.app__whitebg{background-color:var(--white-color)}.app__primarybg{background-color:var(--primary-color)}.app__container{width:100%;min-height:100vh;display:flex;flex-direction:row}.app__flex{display:flex;justify-content:center;align-items:center}.app__wrapper{flex:1;width:100%;flex-direction:column;padding:4rem 2rem}@media screen and (max-width: 450px){.app__wrapper{padding:4rem 1rem 2rem}}.copyright{width:100%;padding:1rem 0 0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.copyright p{text-transform:uppercase;color:var(--black-color)}.head-text{font-size:2.75rem;font-weight:800;text-align:center;color:var(--black-color);text-transform:capitalize}.head-text span{color:var(--secondary-color)}@media screen and (min-width: 2000px){.head-text{font-size:4rem}}@media screen and (max-width: 450px){.head-text{font-size:2rem}}.p-text{font-size:.8rem;text-align:left;color:var(--gray-color);line-height:1.5}@media screen and (min-width: 2000px){.p-text{font-size:1.75rem}}.bold-text{font-size:1rem;font-weight:800;color:var(--black-color);text-align:left}@media screen and (min-width: 2000px){.bold-text{font-size:2rem}}@media screen and (max-width: 450px){.bold-text{font-size:.9rem}}.app__social{display:flex;justify-content:flex-end;align-items:center;flex-direction:column;padding:1rem 1rem 3rem}.app__social div{width:40px;height:40px;border-radius:50%;background-color:var(--surface-color);margin:.25rem 0;border:1px solid var(--border-color);box-shadow:0 8px 24px var(--shadow-color);display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}.app__social div a{width:100%;height:100%}.app__social div a svg{width:15px;height:15px;color:var(--gray-color)}.app__social div:hover{background-color:var(--secondary-color);border-color:var(--secondary-color)}.app__social div:hover svg{color:var(--white-color)}@media screen and (min-width: 2000px){.app__social div{width:70px;height:70px;margin:.5rem 0}.app__social div svg{width:30px;height:30px}}.app__navigation{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:1rem}.app__navigation .app__navigation-dot{width:10px;height:10px;border-radius:50%;background-color:var(--lightGray-color);margin:.5rem;transition:background-color .2s ease-in-out}.app__navigation .app__navigation-dot:hover{background-color:var(--secondary-color)}@media screen and (min-width: 2000px){.app__navigation .app__navigation-dot{width:20px;height:20px}}@media screen and (max-width: 500px){.app__navigation,.app__social{display:none}.copyright{padding:2rem}}.portfolio-button{padding:1rem 2rem;margin-top:2rem;border:none;outline:none;border-radius:10px;font-weight:500;cursor:pointer;color:var(--secondary-color);border:1px solid var(--secondary-color);background:linear-gradient(var(--secondary-color),var(--secondary-color));background-position:50% 50%;background-repeat:no-repeat;background-size:0% 100%;transition:background-size .3s ease-in-out,color .3s ease-in-out}.portfolio-button:hover{background-size:100% 100%;color:var(--white-color)}.none{display:none}:root{--font-base: "DM Sans", sans-serif;--primary-color: #edf2f8;--secondary-color: #2f56d6;--black-color: #0f172a;--lightGray-color: #d8dee8;--gray-color: #667085;--brown-color: #5d4d66;--white-color: #ffffff;--surface-color: #ffffff;--surface-soft: #f7f9fc;--border-color: #e4e9f2;--shadow-color: rgba(15, 23, 42, .1);--overlay-color: rgba(4, 12, 28, .55);--footer-bg: #1f2937;--footer-text: #f8fafc}[data-theme=dark]{--primary-color: #0a101b;--secondary-color: #7da2ff;--black-color: #eef4ff;--lightGray-color: #2a3547;--gray-color: #a5b2c7;--brown-color: #d2c0de;--white-color: #121a28;--surface-color: #121a28;--surface-soft: #1a2535;--border-color: #2c3a50;--shadow-color: rgba(0, 0, 0, .45);--overlay-color: rgba(4, 10, 20, .7);--footer-bg: #0d1422;--footer-text: #dce7ff}*{box-sizing:border-box;padding:0;margin:0;scroll-behavior:smooth}body{background-color:var(--primary-color);color:var(--black-color);transition:background-color .3s ease,color .3s ease}img{pointer-events:none}