.header[data-v-807f1934]{background-color:#fffc;padding:10px 0;position:fixed;width:100%;top:0;z-index:1000}.nav-list[data-v-807f1934]{display:flex;justify-content:center;list-style:none;margin:0;padding:0}.nav-list li[data-v-807f1934]{margin:0 15px}.nav-list a[data-v-807f1934]{text-decoration:none;color:#333;font-weight:700;transition:color .3s}.nav-list a[data-v-807f1934]:hover{color:#7f00ff}.footer[data-v-0479ca02]{text-align:center;margin-top:50px;padding:20px}.dropdown[data-v-0479ca02]{position:relative;display:block;width:calc(100% - 40px);margin:0 auto}button[data-v-0479ca02]{background:#fff9;color:#333;border:none;padding:10px 15px;border-radius:10px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a;transition:background .3s;width:100%}button[data-v-0479ca02]:hover{background:#fffc}.dropdown-content[data-v-0479ca02]{display:block;position:absolute;width:100%;left:0;background-color:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 16px #0000001a;padding:12px;border-radius:10px;z-index:1}.dropdown-content a[data-v-0479ca02]{color:transparent;background:linear-gradient(135deg,#7f00ff,#e100ff,#87cefa,#fff);background-size:200% 200%;-webkit-background-clip:text;text-decoration:none;display:block;margin:5px 0;font-weight:700;transition:opacity .3s;animation:gradientAnimation 4s ease infinite}.dropdown-content a[data-v-0479ca02]:hover{opacity:.8}.app[data-v-e092cc28]{font-family:Arial,sans-serif;color:#333;background-color:#fff;text-align:center;padding:0;margin:0}.main-content[data-v-3a20ffae]{max-width:1200px;margin:0 auto;padding:0}.section[data-v-3a20ffae]{padding:40px 20px;animation:fadeIn-3a20ffae 1s ease-in-out}.intro[data-v-3a20ffae]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.main-greeting[data-v-3a20ffae]{font-size:3.5rem;margin:0;padding:0;background:linear-gradient(135deg,#7f00ff,#e100ff,#87cefa,#fff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientAnimation-3a20ffae 4s ease infinite}.main-subtext[data-v-3a20ffae]{font-size:1.25rem;margin-top:10px;color:#666}.section-title[data-v-3a20ffae]{font-size:2.5rem;margin-bottom:20px;color:#333}.social-buttons[data-v-3a20ffae]{display:flex;gap:15px;justify-content:center;margin-top:20px}.social-button[data-v-3a20ffae]{padding:12px 24px;font-size:1rem;font-weight:700;border-radius:8px;text-decoration:none;color:#fff;transition:transform .2s ease,box-shadow .2s ease}.telegram[data-v-3a20ffae]{background-color:#08c}.discord[data-v-3a20ffae]{background-color:#5865f2}.github[data-v-3a20ffae]{background-color:#333}.social-button[data-v-3a20ffae]:hover{transform:translateY(-3px);box-shadow:0 4px 10px #0003}.project-grid[data-v-3a20ffae]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.project-card[data-v-3a20ffae]{height:200px;border-radius:10px;background-color:#f3f3f3;box-shadow:0 4px 12px #0000001a;transition:transform .3s}.project-card[data-v-3a20ffae]:hover{transform:translateY(-10px)}.placeholder[data-v-3a20ffae]{background:linear-gradient(135deg,#e0e0e0,#f3f3f3);display:flex;justify-content:center;align-items:center;color:#888;font-size:1.2rem;font-weight:700}.gradient-text[data-v-3a20ffae]{background:linear-gradient(135deg,#7f00ff,#e100ff,#87cefa,#fff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientAnimation-3a20ffae 4s ease infinite}@keyframes fadeIn-3a20ffae{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientAnimation-3a20ffae{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hello-page[data-v-563b96c1]{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fff}.hello-text[data-v-563b96c1]{font-weight:700;color:#333;font-size:3.5rem;margin:0;padding:0;background:linear-gradient(135deg,#7f00ff,#e100ff,#87cefa,#fff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:fadeInOut-563b96c1 3s ease infinite}@keyframes fadeInOut-563b96c1{0%,to{opacity:0}10%,90%{opacity:1}}