@import url(https://fonts.googleapis.com/css2?family=Creepster&family=Inter:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0a0a0a,#1a0a2e 50%,#0a0a0a);color:#e0e0e0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes glow{0%,to{box-shadow:0 0 10px #ff6b6b80}50%{box-shadow:0 0 20px #ff6b6bcc}}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;border-bottom:2px solid #ff6b6b;box-shadow:0 4px 20px #ff6b6b4d;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.logo{animation:float 3s ease-in-out infinite;color:#ff6b6b;font-family:Creepster,cursive;font-size:2rem;text-decoration:none;text-shadow:0 0 10px #ff6b6bcc}.nav-links{display:flex;gap:2rem}.nav-links a{color:#e0e0e0;font-weight:500;position:relative;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#ff6b6b;transform:translateY(-2px)}.nav-links a:after{background:#ff6b6b;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.nav-links a:hover:after{width:100%}.nav-user{gap:1rem}.nav-user,.user-info{align-items:center;display:flex}.user-info{background:#ff6b6b1a;border:1px solid #ff6b6b;border-radius:20px;gap:.5rem;padding:.5rem 1rem}.avatar-small{border:2px solid #ff6b6b;border-radius:50%;height:32px;width:32px}.login-btn{background:#ff6b6b;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1.5rem;transition:all .3s}.login-btn:hover{background:#ff5252;box-shadow:0 5px 15px #ff6b6b66;transform:scale(1.05)}.modal-overlay{align-items:center;animation:fadeIn .3s;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:slideUp .3s;background:#1a1a2e;border:2px solid #ff6b6b;border-radius:15px;box-shadow:0 10px 40px #ff6b6b4d;min-width:300px;padding:2rem}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal h3{color:#ff6b6b;font-family:Creepster,cursive;font-size:1.5rem;margin-bottom:1rem}.modal input{background:#ffffff0d;border:1px solid #ff6b6b;border-radius:8px;font-size:1rem;margin-bottom:1rem}.modal button,.modal input{color:#fff;padding:.8rem;width:100%}.modal button{background:#ff6b6b;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.modal button:hover{background:#ff5252;transform:scale(1.02)}.container{margin:0 auto;max-width:1200px;padding:2rem}.landing+.container{max-width:100%;padding:0}.home{animation:fadeIn .5s}.search-bar{margin-bottom:2rem}.search-bar input{background:#ffffff0d;border:2px solid #ff6b6b;border-radius:30px;color:#fff;font-size:1rem;padding:1rem 1.5rem;transition:all .3s;width:100%}.search-bar input:focus{box-shadow:0 0 20px #ff6b6b80;outline:none;transform:scale(1.02)}.search-bar input::placeholder{color:#ffffff80}.categories{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.categories button{background:#ffffff0d;border:2px solid #444;border-radius:20px;color:#e0e0e0;cursor:pointer;font-weight:500;padding:.6rem 1.5rem;transition:all .3s}.categories button:hover{border-color:#ff6b6b;transform:translateY(-2px)}.categories button.active{background:#ff6b6b;border-color:#ff6b6b;box-shadow:0 5px 15px #ff6b6b66;color:#fff}.posts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.post-card{background:#ffffff08;border:2px solid #333;border-radius:15px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s}.post-card:before{background:linear-gradient(90deg,#0000,#ff6b6b1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.post-card:hover:before{left:100%}.post-card:hover{border-color:#ff6b6b;box-shadow:0 10px 30px #ff6b6b4d;transform:translateY(-5px)}.post-card.flagged{animation:glow 2s infinite;border-color:#f44}.post-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.category-badge{background:#ff6b6b33;color:#ff6b6b;font-weight:600}.category-badge,.flag-badge{border-radius:15px;font-size:.8rem;padding:.3rem .8rem}.flag-badge{animation:pulse 1.5s infinite;background:#f443;color:#f44}.post-card a{color:inherit;text-decoration:none}.post-card h3{color:#ff6b6b;font-size:1.3rem;margin-bottom:.5rem}.post-preview{color:#b0b0b0;line-height:1.6;margin-bottom:1rem}.ai-summary{background:#6bff6b1a;border-left:3px solid #6bff6b;color:#6bff6b;font-size:.9rem;font-style:italic;margin:.5rem 0;padding:.5rem}.post-footer{align-items:center;border-top:1px solid #333;display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem}.author{color:#888;font-size:.9rem}.like-btn{background:#0000;border:1px solid #ff6b6b;border-radius:15px;color:#ff6b6b;cursor:pointer;font-weight:500;padding:.4rem 1rem;position:relative;transition:all .3s;z-index:10}.like-btn:hover:not(:disabled){background:#ff6b6b;color:#fff;transform:scale(1.05)}.like-btn:disabled{cursor:not-allowed;opacity:.5}.empty-state{color:#888;font-size:1.2rem;padding:4rem 2rem;text-align:center}.create-post{animation:fadeIn .5s;margin:0 auto;max-width:700px}.create-post h2{color:#ff6b6b;font-family:Creepster,cursive;font-size:2.5rem;margin-bottom:2rem;text-align:center;text-shadow:0 0 10px #ff6b6b80}.create-post form{background:#ffffff08;border:2px solid #ff6b6b;border-radius:15px;padding:2rem}.create-post input,.create-post select,.create-post textarea{background:#ffffff0d;border:1px solid #444;border-radius:8px;color:#fff;font-family:inherit;font-size:1rem;margin-bottom:1.5rem;padding:1rem;transition:all .3s;width:100%}.create-post input:focus,.create-post select:focus,.create-post textarea:focus{border-color:#ff6b6b;box-shadow:0 0 15px #ff6b6b4d;outline:none}.create-post textarea{min-height:200px;resize:vertical}.create-post button{background:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .3s;width:100%}.create-post button:hover:not(:disabled){background:#ff5252;box-shadow:0 5px 20px #ff6b6b66;transform:scale(1.02)}.create-post button:disabled{cursor:not-allowed;opacity:.5}.post-detail{animation:fadeIn .5s;margin:0 auto;max-width:800px}.post-content{background:#ffffff08;border:2px solid #333;border-radius:15px;margin-bottom:2rem;padding:2rem}.post-content.flagged{animation:glow 2s infinite;border-color:#f44}.post-content h1{color:#ff6b6b;font-size:2rem;margin:1rem 0}.post-meta{border-bottom:1px solid #333;color:#888;display:flex;gap:2rem;margin-bottom:1rem;padding-bottom:1rem}.post-body{color:#e0e0e0;font-size:1.1rem;line-height:1.8;margin:1.5rem 0}.post-actions{border-top:1px solid #333;display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.delete-btn{background:#0000;border:1px solid #f44;border-radius:8px;color:#f44;cursor:pointer;padding:.6rem 1.5rem;transition:all .3s}.delete-btn:hover{background:#f44;color:#fff}.comments-section{background:#ffffff08;border:2px solid #333;border-radius:15px;padding:2rem}.comments-section h3{color:#ff6b6b;margin-bottom:1.5rem}.comment-form{margin-bottom:2rem}.comment-form textarea{background:#ffffff0d;border:1px solid #444;border-radius:8px;color:#fff;font-family:inherit;margin-bottom:1rem;padding:1rem;transition:all .3s;width:100%}.comment-form textarea:focus{border-color:#ff6b6b;box-shadow:0 0 15px #ff6b6b4d;outline:none}.comment-form button{background:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.6rem 1.5rem;transition:all .3s}.comment-form button:hover{background:#ff5252;transform:scale(1.05)}.comments-list{display:flex;flex-direction:column;gap:1rem}.comment{background:#ffffff0d;border-left:3px solid #ff6b6b;border-radius:8px;padding:1rem}.comment strong{color:#ff6b6b;display:block;margin-bottom:.5rem}.comment p{color:#e0e0e0;margin:.5rem 0}.comment small{color:#888;font-size:.85rem}.no-comments{color:#888;padding:2rem;text-align:center}.profile{animation:fadeIn .5s;margin:0 auto;max-width:900px}.profile-header{align-items:center;background:#ffffff08;border:2px solid #ff6b6b;border-radius:15px;display:flex;gap:2rem;margin-bottom:2rem;padding:2rem}.profile-header .avatar{border:3px solid #ff6b6b;border-radius:50%;box-shadow:0 0 20px #ff6b6b80;height:100px;width:100px}.profile-header h2{color:#ff6b6b;font-size:2rem}.profile-header p{color:#888}.logout-btn{background:#0000;border:2px solid #ff6b6b;border-radius:8px;color:#ff6b6b;cursor:pointer;margin-left:auto;padding:.6rem 1.5rem;transition:all .3s}.logout-btn:hover{background:#ff6b6b;color:#fff}.user-posts h3{color:#ff6b6b;font-size:1.5rem;margin-bottom:1.5rem}.user-post-card{background:#ffffff08;border:2px solid #333;border-radius:10px;color:inherit;display:block;margin-bottom:1rem;padding:1.5rem;text-decoration:none;transition:all .3s}.user-post-card:hover{border-color:#ff6b6b;transform:translateX(5px)}.user-post-card h4{color:#ff6b6b;margin:.5rem 0}.user-post-card p{color:#b0b0b0;margin:.5rem 0}.post-stats{color:#888;display:flex;font-size:.9rem;gap:1.5rem;margin-top:1rem}.no-posts,.profile-empty{color:#888;padding:3rem;text-align:center}.avatar-picker{background:#ffffff08;border:2px solid #ff6b6b;border-radius:15px;margin-bottom:2rem;padding:1.5rem}.avatar-picker h4{color:#ff6b6b;margin-bottom:1rem}.loading{animation:pulse 1.5s infinite;color:#ff6b6b;font-size:1.5rem;padding:4rem;text-align:center}@media (max-width:768px){.navbar{flex-direction:column;padding:1rem}.nav-links,.navbar{gap:1rem}.logo{font-size:1.5rem}.posts-grid{grid-template-columns:1fr}.container{padding:1rem}.profile-header{flex-direction:column;text-align:center}.logout-btn{margin-left:0}}.landing{background:linear-gradient(135deg,#0a0a0a,#1a0a2e 25%,#2d1b3d 50%,#1a0a2e 75%,#0a0a0a);min-height:100vh;overflow:hidden;position:relative}.ghost{animation:floatGhost 6s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,255,255,.5));font-size:3rem;opacity:.7;position:absolute}.ghost-1{animation-delay:0s;left:10%;top:10%}.ghost-2{animation-delay:2s;right:15%;top:60%}.ghost-3{animation-delay:4s;bottom:20%;left:20%}@keyframes floatGhost{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-30px) rotate(5deg)}50%{transform:translateY(-60px) rotate(-5deg)}75%{transform:translateY(-30px) rotate(5deg)}}.pumpkin{animation:rotatePumpkin 8s linear infinite;filter:drop-shadow(0 0 15px rgba(255,107,107,.6));font-size:2.5rem;position:absolute}.pumpkin-1{right:10%;top:20%}.pumpkin-2{animation-delay:4s;bottom:30%;right:25%}@keyframes rotatePumpkin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(1turn) scale(1)}}.bat{animation:flyBat 10s linear infinite;font-size:2rem;opacity:.8;position:absolute}.bat-1{animation-delay:0s;top:15%}.bat-2{animation-delay:3s;top:45%}.bat-3{animation-delay:6s;top:75%}@keyframes flyBat{0%{left:-100px;transform:translateY(0)}25%{transform:translateY(-20px)}50%{transform:translateY(20px)}75%{transform:translateY(-10px)}to{left:calc(100% + 100px);transform:translateY(0)}}.bg-web{animation:webPulse 4s ease-in-out infinite;background:radial-gradient(circle,#0000 20%,#ffffff0d 0,#ffffff0d 21%,#0000 0);height:200px;opacity:.3;position:absolute;width:200px}.web-1{left:5%;top:5%}.web-2{animation-delay:1.5s;right:5%;top:50%}.web-3{animation-delay:3s;bottom:10%;left:30%}@keyframes webPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}.landing-content{margin:0 auto;max-width:1400px;padding:4rem 2rem;position:relative;z-index:10}.hero-section{animation:fadeInUp 1s ease-out;padding:4rem 2rem;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.title-line{animation:glowTitle 2s ease-in-out infinite;color:#ff6b6b;font-family:Creepster,cursive;font-size:5rem;perspective:1000px;text-shadow:0 0 20px #ff6b6bcc,0 0 40px #ff6b6b99,0 0 60px #ff6b6b66;transform-style:preserve-3d}@keyframes glowTitle{0%,to{text-shadow:0 0 20px #ff6b6bcc,0 0 40px #ff6b6b99,0 0 60px #ff6b6b66}50%{text-shadow:0 0 30px #ff6b6b,0 0 60px #ff6b6bcc,0 0 90px #ff6b6b99}}.title-subtitle{animation:fadeIn 1.5s ease-out;color:#b0b0b0;font-size:2rem;font-weight:300}.hero-description{animation:fadeIn 2s ease-out;color:#e0e0e0;font-size:1.3rem;line-height:1.8;margin:0 auto 3rem;max-width:700px}.hero-buttons{animation:fadeIn 2.5s ease-out;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.btn-cta,.btn-primary,.btn-secondary{border-radius:50px;font-size:1.2rem;font-weight:600;overflow:hidden;padding:1rem 2.5rem;position:relative;text-decoration:none;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#ff6b6b,#ff5252);border:none;box-shadow:0 10px 30px #ff6b6b66;color:#fff}.btn-primary:hover{box-shadow:0 15px 40px #ff6b6b99;transform:translateY(-5px) scale(1.05)}.btn-secondary{background:#0000;border:2px solid #ff6b6b;color:#ff6b6b}.btn-secondary:hover{background:#ff6b6b1a;box-shadow:0 10px 30px #ff6b6b4d;transform:translateY(-5px)}.features-section{animation:fadeIn 3s ease-out;margin:6rem 0}.simple-features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1000px}.simple-feature-card{background:#ffffff08;border:2px solid #ff6b6b4d;border-radius:15px;padding:2rem;text-align:center;transition:all .3s}.simple-feature-card:hover{border-color:#ff6b6b;box-shadow:0 10px 30px #ff6b6b66;transform:translateY(-5px)}.simple-feature-card .feature-icon{font-size:3rem;margin-bottom:1rem}.simple-feature-card h3{color:#ff6b6b;font-size:1.2rem;margin:0}.section-title{animation:glowTitle 2s ease-in-out infinite;color:#ff6b6b;font-family:Creepster,cursive;font-size:3rem;margin-bottom:3rem;text-align:center;text-shadow:0 0 20px #ff6b6b99}.features-grid-portal{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:3rem 0}.portal-card{background:linear-gradient(135deg,#ff6b6b0d,#8a2be20d);border:2px solid #ff6b6b4d;border-radius:20px;color:inherit;cursor:pointer;overflow:hidden;padding:2rem;perspective:1000px;position:relative;text-decoration:none;transform-style:preserve-3d;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.portal-card:before{background:linear-gradient(90deg,#0000,#ff6b6b33,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.portal-card:hover:before{left:100%}.portal-card:hover{background:linear-gradient(135deg,#ff6b6b1a,#8a2be21a);border-color:#ff6b6b;box-shadow:0 25px 60px #ff6b6b66,0 0 40px #ff6b6b4d,inset 0 0 20px #ff6b6b1a;transform:translateY(-15px) scale(1.03) rotateX(5deg)}.portal-number{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ff5252);border-radius:50%;box-shadow:0 5px 15px #ff6b6b80;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;position:absolute;right:1rem;top:1rem;width:50px}.portal-icon{animation:bounce 2s ease-in-out infinite;display:inline-block;font-size:4rem;margin-bottom:1rem}.portal-card h3{color:#ff6b6b;font-size:1.5rem;font-weight:700;margin:1rem 0;text-shadow:0 0 10px #ff6b6b4d}.portal-desc{color:#e0e0e0;font-size:1.05rem;line-height:1.6;margin:1rem 0}.portal-tech{background:#6bff6b1a;border-left:3px solid #6bff6b;border-radius:5px;color:#6bff6b;font-family:Courier New,monospace;font-size:.9rem;margin:1rem 0;padding:.8rem}.portal-enter{background:linear-gradient(135deg,#ff6b6b,#ff5252);border-radius:25px;box-shadow:0 5px 15px #ff6b6b4d;color:#fff;display:inline-block;font-weight:600;margin-top:1rem;padding:.6rem 1.5rem;transition:all .3s}.portal-card:hover .portal-enter{box-shadow:0 8px 20px #ff6b6b80;transform:translateX(10px)}.portal-card:hover .portal-icon{transform:scale(1.2) rotate(10deg)}.portal-card:hover .portal-number{transform:rotate(1turn) scale(1.1)}.features-grid{grid-gap:2rem;animation:fadeIn 3s ease-out;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:6rem 0}.feature-card{background:#ffffff08;border:2px solid #ff6b6b4d;border-radius:20px;overflow:hidden;padding:2rem;perspective:1000px;position:relative;text-align:center;transform-style:preserve-3d;transition:all .4s}.feature-card:before{background:linear-gradient(45deg,#0000,#ff6b6b1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);transition:all .6s;width:200%}.feature-card:hover:before{left:100%}.feature-card:hover{border-color:#ff6b6b;box-shadow:0 20px 50px #ff6b6b66;transform:translateY(-10px) rotateX(5deg)}.feature-icon{animation:bounce 2s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-card h3{color:#ff6b6b;font-family:Creepster,cursive;font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:#b0b0b0;line-height:1.6}.stats-section{grid-gap:2rem;animation:fadeIn 3.5s ease-out;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:6rem 0}.stat-card{background:#ff6b6b1a;border:2px solid #ff6b6b;border-radius:15px;padding:2rem;text-align:center;transition:all .3s}.stat-card:hover{box-shadow:0 15px 40px #ff6b6b80;transform:scale(1.1) rotate(2deg)}.stat-number{animation:pulse 2s ease-in-out infinite;font-size:4rem;margin-bottom:.5rem}.stat-label{color:#ff6b6b;font-size:1.1rem;font-weight:600}.cta-section{animation:fadeIn 4s ease-out;background:#ff6b6b0d;border:2px solid #ff6b6b4d;border-radius:30px;margin:4rem 0;padding:6rem 2rem;text-align:center}.cta-section h2{color:#ff6b6b;font-family:Creepster,cursive;font-size:3rem;margin-bottom:1rem;text-shadow:0 0 20px #ff6b6b99}.cta-section p{color:#e0e0e0;font-size:1.3rem;margin-bottom:2rem}.btn-cta{background:linear-gradient(135deg,#ff6b6b,#ff5252);box-shadow:0 15px 40px #ff6b6b80;color:#fff;display:inline-block;font-size:1.3rem;padding:1.2rem 3rem}.btn-cta:hover{box-shadow:0 20px 50px #ff6b6bb3;transform:translateY(-8px) scale(1.1)}@media (max-width:768px){.title-line{font-size:3rem}.title-subtitle{font-size:1.5rem}.hero-description{font-size:1.1rem}.section-title{font-size:2rem}.features-grid,.features-grid-portal{grid-template-columns:1fr}.portal-card{padding:1.5rem}.portal-icon{font-size:3rem}.portal-card h3{font-size:1.3rem}.stats-section{grid-template-columns:repeat(2,1fr)}.cta-section h2{font-size:2rem}}.features-portal-page{min-height:100vh;overflow:hidden;padding:4rem 2rem;position:relative}.portal-header{animation:fadeInUp 1s;margin-bottom:4rem;text-align:center}.portal-title{animation:glowTitle 2s ease-in-out infinite;color:#ff6b6b;font-family:Creepster,cursive;font-size:4rem;margin-bottom:1rem;text-shadow:0 0 30px #ff6b6bcc}.portal-subtitle{color:#e0e0e0;font-size:1.5rem}.portals-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1400px;position:relative;z-index:10}.portal-card-3d{background:linear-gradient(135deg,#ff6b6b0d,#8a2be20d);border:2px solid #ff6b6b4d;border-radius:20px;color:inherit;cursor:pointer;overflow:hidden;padding:2rem;position:relative;text-decoration:none;transform-style:preserve-3d;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.portal-card-3d:hover{border-color:#ff6b6b;box-shadow:0 25px 60px #ff6b6b80;transform:translateY(-15px) scale(1.03) rotateX(5deg)}.feature-page{animation:fadeIn .5s;min-height:100vh;padding:2rem}.feature-header{margin-bottom:3rem;text-align:center}.feature-header h1{color:#ff6b6b;font-family:Creepster,cursive;font-size:3rem;margin-bottom:1rem;text-shadow:0 0 20px #ff6b6b99}.feature-header p{color:#b0b0b0;font-size:1.2rem}.ai-tool-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.input-section,.result-section{background:#ffffff08;border:2px solid #ff6b6b;border-radius:15px;padding:2rem}.input-section h3,.result-section h3{color:#ff6b6b;margin-bottom:1rem}.input-section textarea,.result-section textarea{background:#ffffff0d;border:1px solid #444;border-radius:8px;color:#fff;font-family:inherit;margin-bottom:1rem;min-height:200px;padding:1rem;width:100%}.action-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.action-buttons button{background:#ffffff0d;border:1px solid #444;border-radius:8px;color:#e0e0e0;cursor:pointer;padding:.5rem 1rem;transition:all .3s}.action-buttons button.active,.action-buttons button:hover{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.generate-btn,.process-btn,.save-btn{background:linear-gradient(135deg,#ff6b6b,#ff5252);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .3s;width:100%}.generate-btn:hover,.process-btn:hover,.save-btn:hover{box-shadow:0 10px 30px #ff6b6b80;transform:scale(1.02)}.generate-btn:disabled,.process-btn:disabled{cursor:not-allowed;opacity:.5}.result-box{background:#ffffff0d;border:1px solid #444;border-radius:8px;color:#e0e0e0;line-height:1.8;margin-bottom:1rem;min-height:200px;padding:1.5rem;white-space:pre-wrap}.chatbot-container{background:#ffffff08;border:2px solid #ff6b6b;border-radius:15px;margin:0 auto;max-width:900px;overflow:hidden}.chat-messages{display:flex;flex-direction:column;gap:1rem;height:500px;overflow-y:auto;padding:2rem}.message{animation:slideIn .3s;display:flex;gap:1rem}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message-avatar{flex-shrink:0;font-size:2rem}.message-content{background:#ffffff0d;border-radius:10px;color:#e0e0e0;line-height:1.6;max-width:70%;padding:1rem}.message.user .message-content{background:#ff6b6b33}.message-content.typing{display:flex;gap:.5rem;padding:1.5rem}.message-content.typing span{animation:typing 1.4s infinite;background:#ff6b6b;border-radius:50%;height:8px;width:8px}.message-content.typing span:nth-child(2){animation-delay:.2s}.message-content.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.chat-input-container{border-top:1px solid #444;display:flex;gap:1rem;padding:1.5rem}.chat-input-container textarea{background:#ffffff0d;border:1px solid #444;border-radius:8px;color:#fff;flex:1 1;font-family:inherit;padding:1rem;resize:none}.chat-input-container button{background:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .3s}.chat-input-container button:hover:not(:disabled){background:#ff5252;transform:scale(1.05)}.chat-input-container button:disabled{cursor:not-allowed;opacity:.5}.quick-questions{align-items:center;border-top:1px solid #444;display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 1.5rem}.quick-questions p{color:#888;margin-right:.5rem}.quick-questions button{background:#ffffff0d;border:1px solid #444;border-radius:15px;color:#e0e0e0;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s}.quick-questions button:hover{background:#ff6b6b33;border-color:#ff6b6b}.flashcard-input{background:#ffffff08;border:2px solid #ff6b6b;border-radius:15px;margin:0 auto;max-width:800px;padding:2rem}.flashcard-input h3{color:#ff6b6b;margin-bottom:1rem}.flashcard-input textarea{background:#ffffff0d;border:1px solid #444;border-radius:8px;color:#fff;font-family:inherit;margin-bottom:1rem;padding:1rem;width:100%}.flashcard-viewer{margin:0 auto;max-width:700px;text-align:center}.flashcard-counter{color:#ff6b6b;font-size:1.2rem;font-weight:600;margin-bottom:2rem}.flashcard{cursor:pointer;height:400px;margin-bottom:2rem;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-back,.flashcard-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(135deg,#ff6b6b1a,#8a2be21a);border:3px solid #ff6b6b;border-radius:20px;box-shadow:0 10px 40px #ff6b6b4d;display:flex;flex-direction:column;height:100%;justify-content:center;padding:3rem;position:absolute;width:100%}.flashcard-back{background:linear-gradient(135deg,#8a2be21a,#ff6b6b1a);transform:rotateY(180deg)}.card-label{color:#ff6b6b;font-size:1.2rem;font-weight:600;margin-bottom:2rem;text-transform:uppercase}.card-text{color:#e0e0e0;font-size:1.5rem;line-height:1.8}.card-hint{color:#888;font-size:.9rem;margin-top:2rem}.flashcard-controls{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.flashcard-controls button{background:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.8rem 1.5rem;transition:all .3s}.flashcard-controls button:hover{background:#ff5252;transform:scale(1.05)}.new-set-btn{background:#0000;border:2px solid #ff6b6b;border-radius:8px;color:#ff6b6b;cursor:pointer;font-weight:600;padding:.8rem 2rem;transition:all .3s}.new-set-btn:hover{background:#ff6b6b1a}.leaderboard-container{margin:0 auto;max-width:1000px}.podium{align-items:flex-end;display:flex;gap:2rem;justify-content:center;margin-bottom:4rem}.podium-place{align-items:center;display:flex;flex-direction:column;position:relative}.podium-avatar{border:4px solid #ff6b6b;border-radius:50%;box-shadow:0 10px 30px #ff6b6b80;height:100px;margin-bottom:1rem;overflow:hidden;width:100px}.podium-avatar img{height:100%;width:100%}.podium-medal{animation:bounce 2s infinite;font-size:3rem;margin-bottom:.5rem}.podium-name{color:#ff6b6b;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.podium-score{color:#e0e0e0;font-size:1.1rem;margin-bottom:1rem}.podium-bar{background:linear-gradient(0deg,#ff6b6b,#ff5252);border-radius:10px 10px 0 0;box-shadow:0 -5px 20px #ff6b6b80;width:150px}.podium-place.first .podium-avatar{border-width:5px;height:120px;width:120px}.podium-place.first .podium-medal{font-size:4rem}.leaderboard-table{background:#ffffff08;border:2px solid #ff6b6b;border-radius:15px;padding:2rem}.leaderboard-table h3{color:#ff6b6b;margin-bottom:1.5rem;text-align:center}.leader-row{align-items:center;background:#ffffff08;border-radius:10px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;transition:all .3s}.leader-row:hover{background:#ff6b6b1a;transform:translateX(5px)}.leader-rank{color:#ff6b6b;font-size:1.5rem;font-weight:600;min-width:50px;text-align:center}.leader-avatar{border:2px solid #ff6b6b;border-radius:50%;height:50px;overflow:hidden;width:50px}.leader-avatar img{height:100%;width:100%}.leader-info{flex:1 1}.leader-name{color:#e0e0e0;font-size:1.1rem;font-weight:600}.leader-stats{color:#888;font-size:.9rem}.leader-score{color:#ff6b6b;font-size:1.2rem;font-weight:600}.projects-container{margin:0 auto;max-width:1200px}.create-project-btn{background:linear-gradient(135deg,#ff6b6b,#ff5252);border-radius:8px;color:#fff;display:inline-block;font-weight:600;margin-bottom:2rem;padding:1rem 2rem;text-decoration:none;transition:all .3s}.create-project-btn:hover{box-shadow:0 10px 30px #ff6b6b80;transform:scale(1.05)}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{background:#ffffff08;border:2px solid #444;border-radius:15px;color:inherit;padding:1.5rem;text-decoration:none;transition:all .3s}.project-card:hover{border-color:#ff6b6b;box-shadow:0 10px 30px #ff6b6b4d;transform:translateY(-5px)}.project-card h3{color:#ff6b6b;margin-bottom:1rem}.project-card p{color:#b0b0b0;line-height:1.6;margin-bottom:1rem}.project-footer{color:#888;display:flex;font-size:.9rem;justify-content:space-between}@media (max-width:768px){.ai-tool-container{grid-template-columns:1fr}.podium{align-items:center;flex-direction:column}.podium-bar{display:none}.projects-grid{grid-template-columns:1fr}}.pacman-game{animation:fadeIn .5s;min-height:100vh;padding:2rem}.game-header{margin-bottom:2rem;text-align:center}.game-header h1{color:#ff6b6b;font-family:Creepster,cursive;font-size:3rem;margin-bottom:1rem;text-shadow:0 0 20px #ff6b6b99}.game-info{align-items:center;display:flex;gap:2rem;justify-content:center}.score{background:#ff6b6b33;border:2px solid #ff6b6b;border-radius:20px;font-size:1.5rem;padding:.5rem 1.5rem}.reset-btn,.score{color:#fff;font-weight:600}.reset-btn{background:#ff6b6b;border:none;border-radius:8px;cursor:pointer;padding:.6rem 1.5rem;transition:all .3s}.reset-btn:hover{background:#ff5252;transform:scale(1.05)}.game-instructions{color:#b0b0b0;margin-bottom:1rem;text-align:center}.game-instructions p{font-size:1.1rem;margin:.5rem 0}.game-board{box-shadow:0 10px 40px #ff6b6b66}.game-over-overlay{align-items:center;background:#000000e6;border-radius:6px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0}.game-over-overlay h2{color:#ff6b6b;font-family:Creepster,cursive;font-size:3rem;margin-bottom:1rem}.game-over-overlay p{color:#fff;font-size:1.5rem;margin-bottom:2rem}.game-over-overlay button{background:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;padding:1rem 2rem;transition:all .3s}.game-over-overlay button:hover{background:#ff5252;transform:scale(1.1)}.game-controls{display:flex;justify-content:center;margin-top:2rem}.control-buttons{align-items:center;flex-direction:column}.control-buttons,.control-buttons>div{display:flex;gap:.5rem}.control-buttons button{background:#ff6b6b33;border:2px solid #ff6b6b;border-radius:10px;color:#ff6b6b;cursor:pointer;font-size:1.5rem;height:60px;transition:all .3s;width:60px}.control-buttons button:hover{background:#ff6b6b;color:#fff;transform:scale(1.1)}.control-buttons button:active{transform:scale(.95)}@media (max-width:768px){.game-board{transform:scale(.8)}.game-header h1{font-size:2rem}}.contact-page{animation:fadeIn .5s;min-height:100vh;padding:2rem}.contact-header{margin-bottom:3rem;text-align:center}.contact-header h1{color:#ff6b6b;font-family:Creepster,cursive;font-size:3rem;margin-bottom:1rem;text-shadow:0 0 20px #ff6b6b99}.contact-header p{color:#b0b0b0;font-size:1.2rem}.contact-form{background:#ffffff08;border:2px solid #ff6b6b;border-radius:15px;margin:0 auto;max-width:600px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#ff6b6b;display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{background:#ffffff0d;border:1px solid #444;border-radius:8px;color:#fff;font-family:inherit;font-size:1rem;padding:.8rem;transition:all .3s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#ff6b6b;box-shadow:0 0 15px #ff6b6b4d;outline:none}.submit-btn{background:linear-gradient(135deg,#ff6b6b,#ff5252);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .3s;width:100%}.submit-btn:hover{box-shadow:0 10px 30px #ff6b6b80;transform:scale(1.02)}.success-message{background:#6bff6b1a;border:1px solid #6bff6b;border-radius:8px;color:#6bff6b;margin-top:1rem;padding:1rem;text-align:center}.contact-info{background:#ffffff08;border:2px solid #ff6b6b4d;border-radius:15px;padding:2rem}.contact-info h3{color:#ff6b6b;font-size:1.8rem;margin-bottom:1rem}.contact-info p{color:#b0b0b0;line-height:1.6;margin-bottom:2rem}.info-item{align-items:center;background:#ffffff0d;border-radius:8px;color:#e0e0e0;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.info-item .icon{font-size:1.5rem}@media (max-width:768px){.contact-container{grid-template-columns:1fr}}
/*# sourceMappingURL=main.e7e72cae.css.map*/