:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}.logo-container{position:relative;margin-bottom:3rem;animation:fadeInDown 1s ease-out}.logo{font-size:clamp(3rem,10vw,6rem);font-weight:900;letter-spacing:.15em;background:linear-gradient(135deg,#c9a054,#f4d483,#c9a054);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block;font-family:Arial Black,Arial,sans-serif;transform:scaleY(1.15)}.logo-accent{width:100px;height:4px;background:linear-gradient(90deg,transparent,#c9a054,transparent);margin:1rem auto;animation:glow 2s ease-in-out infinite}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 15px #c9a05499,0 0 30px #c9a0544d,0 0 45px #c9a0541a;opacity:1}50%{box-shadow:0 0 20px #f4d483cc,0 0 40px #c9a05466,0 0 60px #c9a05433;opacity:.9}}.message{margin-bottom:3rem;animation:fadeIn 1s ease-out .3s backwards}.title{font-size:clamp(1.5rem,4vw,2.5rem);color:#fff;margin-bottom:1rem;font-weight:600;letter-spacing:.05em}.subtitle{font-size:clamp(1rem,2vw,1.2rem);color:#b0b0b0;line-height:1.6;font-weight:300}.loader{width:100%;max-width:400px;height:4px;background:#c9a0541a;border-radius:2px;margin:0 auto 3rem;overflow:hidden;animation:fadeIn 1s ease-out .6s backwards}.loader-bar{width:40%;height:100%;background:linear-gradient(90deg,#c9a054,#f4d483,#c9a054);background-size:200% 100%;border-radius:2px;animation:loading 2s ease-in-out infinite}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(350%)}}.social-links{display:flex;justify-content:center;align-items:center;gap:1.5rem;animation:fadeIn 1s ease-out .9s backwards}.social-link{color:#c9a054;text-decoration:none;font-size:.95rem;font-weight:500;letter-spacing:.05em;transition:all .3s ease;position:relative;display:inline-flex;align-items:center;gap:.5rem}.social-icon{font-size:1.8rem}.social-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#c9a054,#f4d483);transition:width .3s ease}.social-link:hover{color:#f4d483;transform:translateY(-2px)}.social-link:hover:after{width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.social-links{flex-direction:column;gap:1rem}}.particles{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.particle{position:absolute;background:radial-gradient(circle,rgba(201,160,84,.3) 0%,transparent 70%);border-radius:50%;animation:float 20s infinite}.particle:nth-child(1){width:80px;height:80px;top:20%;left:10%;animation-delay:0s;animation-duration:25s}.particle:nth-child(2){width:60px;height:60px;top:60%;right:15%;animation-delay:2s;animation-duration:30s}.particle:nth-child(3){width:100px;height:100px;bottom:20%;left:20%;animation-delay:4s;animation-duration:35s}.particle:nth-child(4){width:70px;height:70px;top:40%;right:25%;animation-delay:1s;animation-duration:28s}.particle:nth-child(5){width:90px;height:90px;bottom:30%;right:10%;animation-delay:3s;animation-duration:32s}@keyframes float{0%,to{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(30px,-30px) scale(1.1);opacity:.5}50%{transform:translate(-20px,-60px) scale(.9);opacity:.3}75%{transform:translate(-40px,-30px) scale(1.05);opacity:.4}}.admin-link{position:fixed;top:2rem;right:2rem;z-index:100;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#14141466;border:1px solid rgba(201,160,84,.15);border-radius:50%;color:#c9a05466;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;text-decoration:none}.admin-link:hover{background:#141414b3;border-color:#c9a05480;color:#c9a054;transform:scale(1.1);box-shadow:0 4px 20px #c9a05433}.admin-icon{width:20px;height:20px;transition:transform .3s ease}.admin-link:hover .admin-icon{transform:scale(1.1)}@media(max-width:768px){.admin-link{top:1rem;right:1rem;width:36px;height:36px}.admin-icon{width:18px;height:18px}}.login-container{position:relative;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.login-background{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0a0a0a)}.login-particle{position:absolute;background:radial-gradient(circle,rgba(201,160,84,.15) 0%,transparent 70%);border-radius:50%;animation:loginFloat 25s infinite}.login-particle:nth-child(1){width:120px;height:120px;top:15%;left:15%;animation-delay:0s;animation-duration:30s}.login-particle:nth-child(2){width:90px;height:90px;bottom:20%;right:20%;animation-delay:5s;animation-duration:35s}.login-particle:nth-child(3){width:150px;height:150px;top:50%;left:50%;animation-delay:10s;animation-duration:40s}.login-content{position:relative;z-index:10;width:100%;max-width:450px;padding:2rem;animation:loginFadeIn .8s ease-out}.login-header{text-align:center;margin-bottom:3rem}.login-logo{font-size:clamp(2.5rem,8vw,4rem);font-weight:900;letter-spacing:.15em;background:linear-gradient(135deg,#c9a054,#f4d483,#c9a054);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Arial Black,Arial,sans-serif;transform:scaleY(1.15);filter:drop-shadow(0 0 40px rgba(201,160,84,.4));margin-bottom:1rem}.login-logo-accent{width:80px;height:3px;background:linear-gradient(90deg,transparent,#c9a054,transparent);margin:0 auto}.login-form{background:#141414cc;border:1px solid rgba(201,160,84,.2);border-radius:12px;padding:2.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0006,0 0 60px #c9a0541a}.login-title{color:#fff;font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:2rem;letter-spacing:.05em}.login-error{background:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#ff6b6b;padding:.75rem;border-radius:6px;margin-bottom:1.5rem;text-align:center;font-size:.9rem;animation:shake .5s ease-in-out}.login-field{margin-bottom:1.5rem}.login-label{display:block;color:#c9a054;font-size:.9rem;font-weight:500;margin-bottom:.5rem;letter-spacing:.05em}.login-input{width:100%;padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(201,160,84,.2);border-radius:6px;color:#fff;font-size:1rem;transition:all .3s ease;outline:none}.login-input::placeholder{color:#ffffff4d}.login-input:focus{border-color:#c9a054;background:#ffffff14;box-shadow:0 0 20px #c9a05426}.login-button{width:100%;padding:1rem;background:transparent;border:1px solid #c9a054;border-radius:8px;color:#c9a054;font-size:1rem;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.login-button:hover:not(:disabled){background:#c9a0541a;border-color:#f4d483;color:#f4d483;box-shadow:0 4px 12px #c9a05433}.login-button:active:not(:disabled){transform:scale(.98)}.login-button:disabled{opacity:.6;cursor:not-allowed}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes loginFloat{0%,to{transform:translate(0) scale(1);opacity:.2}33%{transform:translate(50px,-50px) scale(1.2);opacity:.4}66%{transform:translate(-30px,-80px) scale(.8);opacity:.2}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@media(max-width:768px){.login-content{padding:1rem}.login-form{padding:2rem 1.5rem}}.dashboard-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0a0a0a);padding:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(201,160,84,.2)}.dashboard-logo-link{text-decoration:none;cursor:pointer;transition:all .3s ease;display:inline-block}.dashboard-logo-link:hover{transform:translateY(-4px)}.dashboard-logo-link:hover .dashboard-logo{background:linear-gradient(135deg,#f4d483,#c9a054,#f4d483);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-logo{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:900;letter-spacing:.15em;background:linear-gradient(135deg,#c9a054,#f4d483,#c9a054);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Arial Black,Arial,sans-serif;transform:scaleY(1.15);transition:all .3s ease}.dashboard-logout{padding:.75rem 1.5rem;background:#14141499;border:1px solid rgba(201,160,84,.2);border-radius:8px;color:#c9a054;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.05em}.dashboard-logout:hover{transform:translateY(-8px);border-color:#c9a05480;box-shadow:0 8px 32px #c9a05433;background:#141414cc}.dashboard-content{max-width:1200px;margin:0 auto}.dashboard-welcome{text-align:center;margin-bottom:3rem;animation:dashboardFadeIn .8s ease-out}.dashboard-title{font-size:clamp(2rem,5vw,3rem);color:#fff;font-weight:700;margin-bottom:.5rem;letter-spacing:.05em}.dashboard-subtitle{font-size:clamp(1rem,2vw,1.2rem);color:#b0b0b0;font-weight:300}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;animation:dashboardFadeIn .8s ease-out .2s backwards}.dashboard-card{background:#14141499;border:1px solid rgba(201,160,84,.2);border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease;cursor:pointer}.dashboard-card:hover{transform:translateY(-8px);border-color:#c9a05480;box-shadow:0 8px 32px #c9a05433;background:#141414cc}.dashboard-card-icon{width:64px;height:64px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center}.dashboard-card-icon svg{width:100%;height:100%;color:#c9a054;transition:all .3s ease}.dashboard-card:hover .dashboard-card-icon svg{color:#f4d483;transform:scale(1.1)}.dashboard-card-title{font-size:1.25rem;color:#fff;font-weight:600;margin-bottom:.5rem;letter-spacing:.05em}.dashboard-card-text{color:#888;font-size:.9rem}@keyframes dashboardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.dashboard-container{padding:1rem}.dashboard-header{flex-direction:column;gap:1rem;text-align:center}.dashboard-grid{grid-template-columns:1fr;gap:1.5rem}}.project-card{background:#14141499;border:1px solid rgba(201,160,84,.2);border-radius:12px;padding:2.5rem;text-align:center;transition:all .3s ease;cursor:pointer;min-width:280px}.project-card:hover{transform:translateY(-8px);border-color:#c9a05480;box-shadow:0 8px 32px #c9a05433;background:#141414cc}.project-card-icon{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center}.project-card-icon svg{width:100%;height:100%;color:#c9a054;transition:all .3s ease}.project-card:hover .project-card-icon svg{color:#f4d483;transform:scale(1.1)}.project-card-title{font-size:1.5rem;color:#fff;font-weight:700;margin-bottom:.75rem;letter-spacing:.05em}.project-card-description{color:#b0b0b0;font-size:1rem;line-height:1.5}.projects-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0a0a0a);padding:2rem}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(201,160,84,.2)}.projects-logo-link{text-decoration:none;cursor:pointer;transition:all .3s ease;display:inline-block}.projects-logo-link:hover{transform:translateY(-4px)}.projects-logo-link:hover .projects-logo{background:linear-gradient(135deg,#f4d483,#c9a054,#f4d483);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-logo{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:900;letter-spacing:.15em;background:linear-gradient(135deg,#c9a054,#f4d483,#c9a054);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Arial Black,Arial,sans-serif;transform:scaleY(1.15);transition:all .3s ease}.projects-header-actions{display:flex;gap:1rem;align-items:center}.projects-dashboard-link,.projects-logout{padding:.75rem 1.5rem;background:#14141499;border:1px solid rgba(201,160,84,.2);border-radius:8px;color:#c9a054;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.05em;text-decoration:none;display:inline-block;min-width:110px;text-align:center;white-space:nowrap}.projects-dashboard-link:hover,.projects-logout:hover{transform:translateY(-4px);border-color:#c9a05480;box-shadow:0 4px 16px #c9a05433;background:#141414cc}.projects-content{max-width:1400px;margin:0 auto}.projects-welcome{text-align:center;margin-bottom:4rem;animation:projectsFadeIn .8s ease-out}.projects-title{font-size:clamp(2.5rem,6vw,4rem);color:#fff;font-weight:700;margin-bottom:1rem;letter-spacing:.05em;background:linear-gradient(135deg,#fff,#c9a054);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-subtitle{font-size:clamp(1.1rem,2.5vw,1.4rem);color:#b0b0b0;font-weight:300}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;animation:projectsFadeIn .8s ease-out .2s backwards;max-width:900px;margin:0 auto}@keyframes projectsFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.projects-container{padding:1rem}.projects-header{flex-direction:column;gap:1rem;text-align:center}.projects-header-actions{flex-direction:column;width:100%}.projects-dashboard-link,.projects-logout{width:100%}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.projects-welcome{margin-bottom:2.5rem}}*{margin:0;padding:0;box-sizing:border-box}.container{position:relative;width:100%;min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a);display:flex;justify-content:center;align-items:center;overflow:hidden}.content{position:relative;z-index:10;text-align:center;padding:2rem;max-width:800px}@media(max-width:768px){.content{padding:1.5rem}}